.home-layout{display:grid;grid-template-rows:auto 1fr;height:100vh;overflow:hidden;background:var(--bg)}.home-topbar{display:flex;justify-content:space-between;align-items:center;padding:.875rem 2rem;border-bottom:1px solid var(--border);background:var(--bg)}.home-name{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.home-nav{display:flex;gap:1.5rem}.home-nav a{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-decoration:none;transition:color .15s}.home-nav a:hover{color:var(--accent);text-decoration:none}main.home-body{display:grid;grid-template-columns:48% 52%;overflow:hidden}.col-question{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative}.col-detail{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-subtle)}:root{--q-duration: .3s;--d-duration: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1)}.q-content{flex:1;display:flex;flex-direction:column;min-height:0;transition:opacity var(--q-duration) var(--ease-out),transform var(--q-duration) var(--ease-out)}.q-content.q-exit{opacity:0;transform:translateY(-8px);pointer-events:none}.q-content.q-enter{opacity:0;transform:translateY(8px)}.detail-panel-inner{transition:opacity var(--d-duration) var(--ease-out)}.detail-panel-inner.d-fade{opacity:0;pointer-events:none}@keyframes dot-pulse{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.q-dot.pulse{animation:dot-pulse .3s var(--ease-out)}@media(max-width:768px){main.home-body{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.col-question{border-right:none;border-bottom:1px solid var(--border);min-height:50vh}}.q-main{flex:1;padding:clamp(2.5rem,5vh,4rem) 2.5rem 2rem;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.q-question-group{display:flex;flex-direction:column}.q-tag{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem}.q-text{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.875rem,3.2vw,3.25rem);line-height:1.15;color:var(--ink);letter-spacing:-.02em;margin-bottom:2rem;max-width:none}.q-key-phrase{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.q-insight{font-family:var(--font-serif);font-style:normal;font-size:1rem;color:var(--ink-muted);line-height:1.7;border-left:2px solid var(--accent);padding-left:.75rem;max-width:none}.q-nav-bar{display:flex;align-items:center;gap:.75rem;padding:.875rem 2.5rem;border-top:1px solid var(--border);flex-shrink:0}.q-dots{display:flex;gap:.3rem;flex:1;flex-wrap:wrap;align-items:center}.q-dot{width:5px;height:5px;border-radius:50%;background:var(--ink-muted);border:none;padding:0;cursor:pointer;transition:background .2s;flex-shrink:0}.q-dot.active{background:var(--accent)}.q-counter{font-family:var(--font-sans);font-size:.75rem;color:var(--ink-muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;white-space:nowrap;flex-shrink:0}.q-arrows{display:flex;gap:.35rem;flex-shrink:0}.q-arrow{font-family:var(--font-sans);font-size:.75rem;color:var(--ink-muted);background:transparent;border:1px solid var(--ink-faint);border-radius:2px;padding:.5rem .65rem;cursor:pointer;transition:color .15s,border-color .15s;line-height:1;min-height:32px}.q-arrow:hover{color:var(--ink);border-color:var(--ink-muted)}@media(max-width:768px){.q-main{padding:1.75rem 1.5rem 1.25rem}.q-nav-bar{padding:.75rem 1.5rem}}.detail-panel-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.detail-panels{flex:1;overflow-y:auto;padding:2.75rem 2.25rem 3rem;position:relative}.detail-content{display:none}.detail-content.visible{display:block}.detail-meta{margin-bottom:1.25rem}.detail-cat{font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:500}.detail-cat[data-cat=vision]{color:var(--accent-vision)}.detail-cat[data-cat=system]{color:var(--accent-system)}.detail-cat[data-cat=inquiry]{color:var(--accent-inquiry)}.detail-cat[data-cat=tools]{color:var(--accent-tools)}.detail-cat[data-cat=making]{color:var(--accent-making)}.detail-cat[data-cat=music]{color:var(--accent-music)}.detail-cat[data-cat=archive]{color:var(--accent-archive)}.detail-title{font-family:var(--font-serif);font-size:clamp(1.375rem,2vw,2rem);font-weight:400;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin-bottom:.5rem}.detail-status{display:block;font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.detail-prose p:first-child{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.75;color:var(--ink);margin-bottom:1.25rem;max-width:58ch}.detail-prose p:not(:first-child){font-family:var(--font-serif);font-size:.9375rem;line-height:1.85;color:var(--ink);margin-bottom:1rem;max-width:58ch}.detail-prose h2{font-family:var(--font-serif);font-size:1rem;font-weight:400;font-style:italic;color:var(--ink);margin-top:2rem;margin-bottom:.5rem}.detail-prose ul,.detail-prose ol{font-family:var(--font-serif);font-size:.9375rem;color:var(--ink-muted);line-height:1.75;padding-left:1.25rem;margin-bottom:1rem;max-width:none}.detail-prose strong{color:var(--ink);font-weight:500}.detail-content[data-cat=archive] .detail-title{color:var(--ink-muted);font-style:italic}.detail-content[data-cat=archive] .detail-prose p:first-child{color:var(--ink-muted)}.detail-close-rule{width:2rem;height:1.5px;background:var(--accent);margin-top:2rem;opacity:.5}@media(max-width:768px){.detail-panels{padding:1.25rem 1.5rem 3rem}.detail-chips{padding:.875rem 1.5rem}}