.page{width:100%;max-width:1400px;padding:56px var(--gx) 96px;margin:0 auto}.page .h1{max-width:900px}.page .ex{font-size:44px}.page .lead{max-width:640px}.page .wall{margin-top:48px}.page .sechead{border-top:2px solid var(--foreground);align-items:baseline;gap:20px;padding-top:14px;display:flex}.page .sechead .t{color:var(--cue-text)}.cp{color:var(--muted-foreground);font-size:15px;line-height:1.55}.viewer{gap:32px;margin-top:40px;display:grid}.viewer.with-lines{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.vframe{aspect-ratio:1280/784;background:#05070a}.vcanvas{gap:6px;margin-bottom:10px;display:flex}.vcanvas button{border:1px solid var(--border);font:inherit;font-family:var(--font-mono);color:var(--muted-foreground);cursor:pointer;background:0 0;padding:4px 12px;font-size:12px}.vcanvas button.on{border-color:var(--foreground);color:var(--foreground)}.vframe.tall{aspect-ratio:1080/2030;max-height:82vh;margin:0 auto}.vframe iframe{border:0;width:100%;height:100%;display:block}.vlines{flex-direction:column;gap:8px;min-height:0;display:flex}.vlines ol{flex-direction:column;max-height:28rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.vlines li{border-bottom:1px solid var(--border)}.vlines button{text-align:left;width:100%;font:inherit;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;gap:14px;padding:12px 12px 12px 10px;font-size:14px;line-height:1.5;display:flex}.vlines button:hover{background:var(--tone-1)}.vlines button.on{background:color-mix(in srgb, var(--cue) 10%, transparent);border-left-color:var(--cue)}.vlines .t{font-family:var(--font-mono);color:var(--line-strong);flex:none;padding-top:2px;font-size:12px}.exnav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:56px;display:grid}.exnav a{border-top:2px solid var(--foreground);padding-top:12px;display:block}.exnav a:last-child{text-align:right}.exnav .tt{letter-spacing:-.01em;margin-top:6px;font-size:16px;font-weight:600}.src{background:var(--tone-1);font-family:var(--font-mono);color:var(--foreground);margin:24px 0 0;padding:18px 20px;font-size:12px;line-height:1.7;overflow-x:auto}.wall.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}@media (max-width:1100px){.wall.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.viewer.with-lines{grid-template-columns:1fr}}@media (max-width:700px){.wall.four{grid-template-columns:1fr}.page{padding-top:36px;padding-bottom:64px}.vcanvas button{padding:9px 14px}.viewer{gap:24px;margin-top:28px}.vlines ol{max-height:22rem}.page .h1,.page .ex{font-size:36px}}