:root{--page-gutter:max(40px, calc((100vw - 1200px) / 2 + 40px));--nav-width:208px}.reader-layout{grid-template-columns:var(--nav-width) minmax(0, 1fr);align-items:start;gap:32px;max-width:1200px;margin:auto;padding:0 40px;display:grid}main{min-width:0;padding:0 0 80px}.topic-contents{top:calc(var(--header-height) + 36px);padding-top:28px;position:sticky}@media (width>=1001px){#contents-panel{scrollbar-width:thin;max-height:calc(100dvh - 150px);overflow-y:auto}}#contents-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}#contents-list a{color:var(--muted);text-decoration:none}#contents-list .chapter-link{border-radius:5px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;min-height:36px;padding:6px;font-size:13.5px;line-height:1.4;display:grid}.chapter-ordinal{letter-spacing:.3px;font-variant-numeric:tabular-nums;font-size:11px;line-height:20px}.chapter-ordinal:after{content:"";background:linear-gradient(to right, var(--accent) var(--chapter-progress,0%), var(--border) var(--chapter-progress,0%));width:18px;height:2px;margin-top:3px;display:block}#contents-list .chapter-link:hover{color:var(--text);background:var(--surface)}#contents-list .chapter-link[aria-current]{color:var(--accent);font-weight:600}.chapter-slides{border-left:1px solid var(--border);margin:3px 0 9px 16px;padding:0 0 0 15px;list-style:none}#contents-list .chapter-slides a{border-radius:4px;padding:5px 8px;font-size:13px;line-height:1.4;display:block;position:relative}#contents-list .chapter-slides a:hover{color:var(--text);background:var(--surface)}#contents-list .chapter-slides a[aria-current]{color:var(--accent);background:var(--selected)}.chapter-slides a[aria-current]:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:9px;bottom:9px;left:-17px}#contents-toggle{display:none}.topic-section{padding:58px 0 72px;scroll-margin-top:90px}.topic-section+.topic-section{border-top:1px solid var(--border)}.topic-section h2{letter-spacing:-1.05px;text-wrap:balance;max-width:810px;margin:0 0 20px;font-size:clamp(28px,3.5vw,40px);font-weight:400;line-height:1.2}.topic-section h2:focus{outline:none}.step-answer{max-width:740px;color:var(--body-text);margin:0;font-size:18px;line-height:1.7}.step-answer-multi{gap:1em;display:grid}.step-answer-multi p{margin:0}main a{color:var(--accent)}.network-figure{margin:40px 0 0}.network-diagram,.sound-diagram{background:var(--visual-surface);--diagram-background:var(--visual-surface);border-radius:24px;padding:32px}.network-figure svg{width:100%;max-width:800px;height:auto;margin:auto}figcaption{text-align:center;color:var(--muted);margin-top:22px;font-size:13px;line-height:1.6}.sound-diagram{margin:32px 0}.sound-diagram svg{width:100%;height:auto;display:block}.sound-controls{background:var(--surface);border-radius:10px;grid-template-columns:1fr 1fr;gap:40px;padding:24px;display:grid}.control-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.control-heading label{font-size:14px;font-weight:600}output{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.control-heading output{font-size:21px}input[type=range]{width:100%;min-width:0;height:36px;accent-color:var(--accent);cursor:pointer;margin:5px 0;display:block}.control-help,.score-note{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.6}.score-note{margin-top:18px;font-size:13px}.story-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 16px;font-size:14px;display:flex}.story-controls>span{color:var(--muted);margin-right:auto}.story-controls:has(input[type=range]){background:var(--surface);border-radius:10px;padding:20px 24px}.story-controls button,table button{border:1px solid var(--border);min-height:40px;color:var(--body-text);background:var(--page);border-radius:6px;padding:8px 15px;font-size:14px;font-weight:500}.story-controls button:hover,table button:hover{background:var(--hover)}.story-controls button[aria-pressed=true],table button[aria-pressed=true]{background:var(--selected);color:var(--accent);border-color:#0000}.story-status{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.6}.story-match{color:var(--diagram-processing-stroke,#137333)}.story-mismatch{color:var(--negative-text,#b3261e)}table{border-collapse:collapse;width:100%;margin-top:24px;font-size:14px;line-height:1.6}th,td{border-bottom:1px solid var(--border);text-align:left;padding:14px 16px}thead{color:var(--muted);font-size:12px}th{font-weight:600}caption{text-align:left;color:var(--muted);padding-bottom:12px;font-size:13px}.output-comparison{max-width:400px;margin:8px auto 0}.output-comparison td{font-size:23px;font-weight:500}.comparison-status{text-align:center}.result-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.noscript-note{background:var(--surface);color:var(--body-text);border-radius:10px;margin:32px 0 0;padding:14px 16px;font-size:14px;line-height:1.6}.section-static{max-width:760px;color:var(--body-text);gap:18px;margin:32px 0 0;font-size:15px;line-height:1.7;display:grid}.section-static p,.static-figure{margin:0}.static-figure-description{background:var(--visual-surface);color:var(--muted);border-radius:18px;padding:18px 20px;font-size:14px}.static-label{border:1px solid var(--border);letter-spacing:.3px;text-transform:uppercase;border-radius:999px;margin-right:6px;padding:1px 8px;font-size:11px;display:inline-block}.static-figure figcaption{text-align:left;margin-top:12px;font-size:14px}.static-figure figcaption strong{color:var(--text);font-weight:600}.static-tools{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.static-tools li{border:1px solid var(--border);border-radius:999px;padding:6px 11px;font-size:13px;line-height:1.4}.static-beats{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.static-beats figure{min-width:0;margin:0}.static-beats figure:last-child{grid-column:1/-1}.static-beats h3{color:var(--text);margin:0 0 14px;font-size:19px;font-weight:500;line-height:1.4}.static-still img{background:var(--visual-surface);border-radius:24px;width:100%;height:auto;display:block}.static-beats figcaption{text-align:left;color:var(--body-text);margin:14px 0 0;font-size:15px;line-height:1.65}.static-bridge{border-top:1px solid var(--border);padding-top:24px;font-size:16px}.static-stages{padding-left:1.3em}.static-stages li+li{margin-top:8px}.static-muted{color:var(--muted)}.static-roles{gap:12px;margin:0;display:grid}.static-roles dt{color:var(--text);font-weight:600}.static-roles dd{margin:2px 0 0}.static-paragraphs{gap:1em;display:grid}.static-aside{background:var(--surface);border-radius:10px;padding:18px 20px}.static-aside>*+*{margin-top:10px}.static-aside summary{cursor:pointer;color:var(--text);font-weight:600}.static-note{color:var(--muted);font-size:14px}.static-source{color:var(--muted);font-size:13px}.static-widget-note{color:var(--muted);font-size:13px;font-style:italic}:root.js .static-widget-note{display:none}.slide-navigation{bottom:0;left:calc(var(--page-gutter) + var(--nav-width) + 32px);right:var(--page-gutter);z-index:9;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--page);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed}[data-layout=slides] main{padding-bottom:calc(170px + env(safe-area-inset-bottom))}.progress{text-align:center;flex:1;max-width:520px}#progress-steps{grid-template-columns:repeat(var(--chapter-count,8),minmax(0,1fr));gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}#progress-steps .chapter-progress{grid-template-columns:repeat(var(--chapter-size),minmax(0,1fr));gap:2px;padding:4px 0;display:grid}.progress-marker{background:var(--border);border-radius:2px;height:3px;display:block}#progress-steps .progress-marker[data-reached=true]{background:var(--accent);opacity:.45}#progress-steps .progress-marker[data-current=true]{opacity:1;height:4px}#progress-chapter{color:var(--body-text);margin-bottom:3px;font-size:12px;line-height:1.35;display:block}.navigation-button{min-height:40px;color:var(--accent);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:500;display:flex}.navigation-button:hover:not(:disabled){color:var(--text)}#section-position{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}[data-layout=slides] .topic-section{border:0;padding-top:40px;padding-bottom:20px}[data-layout=slides] .sound-diagram{margin:24px 0}[data-layout=video] #sections{display:none}#video-view{padding:40px 0 8px}.film-frame{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.film-frame iframe,#film-player,#film-player img{object-fit:cover;border:0;width:100%;height:100%;display:block}.film-soon img{object-fit:cover;opacity:.35;filter:grayscale(.2);width:100%;height:100%;display:block}:root[data-theme=dark] .film-soon img{opacity:.22}.film-soon-card{max-width:460px;color:var(--text);background:var(--page);border:1px solid var(--border);border-radius:14px;padding:22px 24px;position:absolute;inset:auto 24px 24px;box-shadow:0 10px 30px #0003}.film-soon-card h2{letter-spacing:-.5px;margin:0 0 8px;font-size:26px;font-weight:400;line-height:1.2}.film-soon-card p{color:var(--body-text);margin:0;font-size:15px;line-height:1.6}.film-soon-card .film-soon-eyebrow{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.film-chapters{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.film-chapters a{color:var(--body-text);border-radius:6px;align-items:baseline;gap:12px;padding:8px 10px;font-size:14px;line-height:1.4;text-decoration:none;display:flex}.film-chapters a:hover{background:var(--hover)}.film-chapters a[aria-current]{background:var(--selected);color:var(--accent)}.film-mark{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.film-chapters a[aria-current] .film-mark{color:inherit}.now-playing{display:none}[data-layout=video] #contents-list .chapter-link{grid-template-columns:22px minmax(0,1fr) auto}[data-layout=video] #contents-list .chapter[data-playing=true] .chapter-link{color:var(--accent);background:var(--selected);font-weight:600}[data-layout=video] .chapter[data-playing=true] .now-playing{align-items:flex-end;gap:2px;width:13px;height:12px;margin-top:4px;display:flex}.now-playing i{transform-origin:bottom;background:currentColor;border-radius:1px;flex:1;height:100%;transform:scaleY(.55)}.now-playing i:nth-child(2){animation-delay:-.45s;transform:scaleY(1)}.now-playing i:nth-child(3){animation-delay:-.8s;transform:scaleY(.75)}[data-film=soon] .now-playing{display:none!important}[data-video-state=playing] .now-playing i{animation:.9s ease-in-out infinite alternate now-playing}@keyframes now-playing{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}[data-layout=video] .chapter[data-playing=true] .chapter-slides{background:linear-gradient(to bottom, var(--accent) var(--chapter-progress,0%), var(--border) var(--chapter-progress,0%)) left top / 2px 100% no-repeat;border-left-color:#0000}[data-layout=video] #contents-list .chapter[data-playing=true] .chapter-slides a:not(:hover){color:var(--body-text)}@media (width<=1000px){body{padding-top:calc(var(--header-height) + 50px)}.reader-layout{padding:0 32px;display:block}main{padding:0 0 64px}.topic-contents{top:var(--header-height);z-index:15;background:var(--page);border-bottom:1px solid var(--border);padding:0;position:fixed;left:0;right:0}#contents-toggle{width:100%;min-height:50px;color:var(--body-text);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px 32px;font-size:13px;display:flex}#contents-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:18px;height:18px}#contents-current{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}#contents-toggle>svg{flex-shrink:0}.contents-chevron{transition:transform .15s}[data-open=true] .contents-chevron{transform:rotate(180deg)}#contents-panel{max-height:calc(100dvh - var(--header-height) - 50px);background:var(--page);border-bottom:1px solid var(--border);padding:10px 24px 20px;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 10px 18px #0001}[data-open=false] #contents-panel{display:none}#contents-list .chapter-link{min-height:44px}#contents-list .chapter-slides a{align-items:center;min-height:38px;display:flex}.slide-navigation{left:32px;right:32px}.topic-section{scroll-margin-top:142px}:root:not(.js) body{padding-top:var(--header-height)}:root:not(.js) .topic-contents{background:0 0;border:0;position:static}:root:not(.js) #contents-toggle{display:none}:root:not(.js) #contents-panel{max-height:none;box-shadow:none;background:0 0;border:0;padding:16px 0 0;display:block;position:static}}@media (width<=650px){.static-beats{grid-template-columns:1fr}}@media (width<=600px){body{padding-top:calc(var(--header-height) + 50px)}.reader-layout{padding:0 20px}main{padding:0 0 48px}#contents-toggle{padding:10px 20px}#contents-panel{padding:8px 12px 16px}.topic-section{padding:42px 0 48px}.topic-section h2{letter-spacing:-.65px;font-size:29px}.step-answer{font-size:16px;line-height:1.7}.network-figure{margin-top:32px}.network-diagram,.sound-diagram{border-radius:20px;padding:16px}.sound-controls{grid-template-columns:1fr;gap:20px;padding:18px}.sound-diagram{margin:26px 0}.story-controls{gap:8px}.story-controls:has(input[type=range]){padding:18px}.story-controls>span{flex-basis:100%}.story-controls button,table button{padding:8px 12px}th,td{padding:12px 7px;font-size:12px}table button{min-width:44px;padding:7px 9px}.slide-navigation{left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));padding:8px 0 calc(8px + env(safe-area-inset-bottom));gap:10px}#progress-steps{gap:6px;margin-bottom:0}#progress-chapter,#section-position{font-size:11px}.navigation-button{gap:4px;font-size:12px}#video-view{padding-top:24px}.film-soon{aspect-ratio:auto;background:0 0;border-radius:0;display:grid;overflow:visible}.film-soon img,:root[data-theme=dark] .film-soon img{aspect-ratio:16/9;opacity:1;filter:none;border-radius:12px;height:auto}.film-soon-card{max-width:none;box-shadow:none;margin-top:12px;padding:18px;position:static}.film-soon-card h2{font-size:22px}:root:not(.js) .topic-contents{padding:0}}@media (prefers-reduced-motion:reduce){.contents-chevron{transition:none}[data-video-state=playing] .now-playing i{animation:none}}