.reel[data-astro-cid-fx4tdp2e]{margin:32px 0 0;border:1px solid var(--line, #2c2430);background:var(--surface, #16111a)}.reel-frame[data-astro-cid-fx4tdp2e]{position:relative;aspect-ratio:16 / 9;background:var(--bg, #0d0a10)}.reel-play[data-astro-cid-fx4tdp2e],.reel-frame[data-astro-cid-fx4tdp2e] video{position:absolute;inset:0;width:100%;height:100%;display:block}.reel-play[data-astro-cid-fx4tdp2e] img[data-astro-cid-fx4tdp2e]{width:100%;height:100%;object-fit:cover}.reel-btn[data-astro-cid-fx4tdp2e]{position:absolute;left:clamp(12px,2.4vw,26px);bottom:clamp(12px,2.4vw,26px);display:inline-flex;align-items:center;gap:10px;padding:13px 20px 13px 16px;background:var(--accent, #e0352b);color:var(--on-accent, #fff);font:700 13px/1 var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.08em}.reel-play[data-astro-cid-fx4tdp2e]:hover .reel-btn[data-astro-cid-fx4tdp2e],.reel-play[data-astro-cid-fx4tdp2e]:focus-visible .reel-btn[data-astro-cid-fx4tdp2e]{filter:brightness(1.15)}.reel[data-astro-cid-fx4tdp2e] figcaption[data-astro-cid-fx4tdp2e]{padding:13px 16px;border-top:1px solid var(--line, #2c2430);font:400 13px/1.5 var(--font-mono, monospace);color:var(--muted, #968b99)}.reel[data-astro-cid-fx4tdp2e] figcaption[data-astro-cid-fx4tdp2e] b[data-astro-cid-fx4tdp2e]{color:var(--text, #efe7dc)}.reel-text[data-astro-cid-fx4tdp2e]{border-top:1px solid var(--line, #2c2430);padding:0 16px}.reel-text[data-astro-cid-fx4tdp2e] summary[data-astro-cid-fx4tdp2e]{cursor:pointer;padding:12px 0;font:700 12px/1 var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.08em}.reel-text[data-astro-cid-fx4tdp2e] p[data-astro-cid-fx4tdp2e]{margin:0 0 12px;max-width:70ch}.route{margin-top:clamp(18px,2.4vw,32px)}.route-head{margin-bottom:14px}.route-kick{display:block;font:400 12px/1.3 var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.route-head h2{margin:4px 0 0;font:400 clamp(26px,2.6vw,38px)/1.05 var(--font-display, serif);text-wrap:balance}.route-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.route-opt{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:6px;padding:20px;background:var(--surface);color:var(--text)}.route-opt:hover{background:var(--surface-2, var(--surface))}.route-opt:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.route-opt[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.route-no,.route-meta{font:400 12px/1.3 var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.08em;opacity:.75}.route-opt b{font:400 clamp(22px,2vw,30px)/1 var(--font-display, serif)}.route-sub{font-size:15px;line-height:1.45;opacity:.85}.route-panel{margin-top:14px;border:1px solid var(--accent);background:var(--surface)}.route-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;background:var(--accent);color:var(--on-accent);font:400 12px/1.3 var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.08em}.route-x{all:unset;cursor:pointer;font-weight:700;padding:8px 12px;border:1px solid currentColor}.route-body{padding:clamp(16px,2.6vw,28px)}.route-body p{margin:0 0 14px;max-width:64ch}.route-toc{margin:0 0 20px;padding-left:1.4em;columns:2 260px;column-gap:28px}.route-toc li{break-inside:avoid;padding:5px 0}.route-go,.route-btn{display:inline-block;cursor:pointer;font:700 13px/1 var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.06em;padding:13px 18px;border:1px solid var(--text);color:var(--text);background:transparent;text-decoration:none}.route-btn.pri,.route-go:hover,.route-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.route-btn:disabled{opacity:.35;cursor:not-allowed}.route-frame{position:relative;aspect-ratio:16 / 10;background:var(--bg)}.route-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.route-note{font-size:14px;color:var(--muted)}.route-steps{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.route-steps button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line);font-size:14px}.route-steps button span{display:inline-grid;place-items:center;width:22px;height:22px;font:700 11px/1 var(--font-mono, monospace);border:1px solid var(--line)}.route-steps button.cur{border-color:var(--accent)}.route-steps button.ok span{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.route-prog{height:3px;background:var(--line);margin-bottom:22px}.route-prog i{display:block;height:100%;width:0;background:var(--accent);transition:width .4s}.route-lesson{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,3vw,40px)}.route-lesson h3{margin:6px 0 14px;font:400 clamp(26px,2.6vw,36px)/1.05 var(--font-display, serif)}.route-demo:empty{display:none}.route-quiz,.route-nav{grid-column:1 / -1}.route-q{padding:12px 0;border-top:1px solid var(--line)}.route-q p{font-weight:700}.route-a{display:flex;flex-wrap:wrap;gap:8px}.route-a button{all:unset;cursor:pointer;padding:9px 14px;border:1px solid var(--line)}.route-a button.right{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.route-a button.wrong{text-decoration:line-through;opacity:.6}.route-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}@media(max-width:760px){.route-lesson{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.route-prog i{transition:none}}