:root{--paper:#07101d;--ink:#f6f8ff;--muted:#b8c3d9;--line:#2a3954;--panel:#101b2e;--accent:#ffd34d;--hot:#ff5a68}*{box-sizing:border-box}html{scroll-behavior:smooth}body.topten-page{margin:0;background:radial-gradient(circle at 80% 0,#142948 0,transparent 34rem),var(--paper);color:var(--ink);font:18px/1.62 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:20}.skip-link:focus{top:1rem}.library-nav{position:sticky;top:0;z-index:10;display:flex;gap:.35rem;overflow-x:auto;padding:.65rem max(1rem,calc((100vw - 1500px)/2));background:#050a12ef;border-bottom:1px solid #31415e;scrollbar-width:thin}.library-nav a{flex:none;color:#d8e5ff;text-decoration:none;padding:.4rem .65rem;border-radius:999px;font-size:.82rem}.library-nav a:hover,.library-nav a:focus-visible,.library-nav a[aria-current=page]{background:var(--accent);color:#07101d;outline:none}.guide-hero{max-width:1500px;margin:auto;min-height:70vh;display:grid;grid-template-columns:minmax(20rem,.8fr) minmax(30rem,1.25fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding:clamp(3rem,8vw,8rem) clamp(1rem,4vw,4rem)}.hero-copy h1{font-size:clamp(3rem,8vw,7rem);line-height:.9;margin:.2rem 0 1.4rem;letter-spacing:-.055em}.eyebrow,.section-kicker{color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}.lede{font-size:clamp(1.25rem,2vw,1.75rem);max-width:38rem}.identity{color:var(--muted);font-size:.95rem}.hero-art,.lesson-visual{margin:0}.hero-art img,.lesson-visual img{display:block;width:100%;border-radius:1.4rem;border:1px solid #43516a;box-shadow:0 1.4rem 5rem #0009}.hero-art figcaption,.lesson-visual figcaption{color:var(--muted);font-size:.9rem;margin:.7rem .25rem}.page-toc{max-width:1400px;margin:0 auto 2rem;padding:1rem;display:flex;flex-wrap:wrap;gap:.55rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.page-toc a{color:#e9f2ff;background:#142238;padding:.45rem .75rem;border-radius:.5rem;text-decoration:none}.page-toc a:hover,.page-toc a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{max-width:1320px;margin:auto;padding:0 1rem 7rem}.guide-section{padding:clamp(3rem,7vw,6.5rem) 0;border-bottom:1px solid var(--line);scroll-margin-top:5rem}.guide-section h2{font-size:clamp(2rem,5vw,4.2rem);line-height:1.02;max-width:20ch;margin:.3rem 0 2rem}.guide-section h3{font-size:1.22rem;line-height:1.2}.big-rule{font-size:clamp(1.25rem,2.5vw,2rem);max-width:46ch}.evidence-note,.coach{border-left:.35rem solid var(--accent);background:#111d31;padding:1rem 1.25rem;border-radius:0 .75rem .75rem 0}.shot-grid,.warning-grid,.route-cards,.two-up,.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin:2rem 0}.shot-grid article,.warning-grid article,.route-cards article,.two-up article,.step-card{background:linear-gradient(145deg,#15233a,#0d1728);border:1px solid var(--line);border-radius:1rem;padding:1.25rem}.step-card{font-weight:800;font-size:1.05rem;min-height:7rem;display:flex;align-items:center}.lesson-visual{max-width:1050px;margin:2rem auto}details{border:1px solid var(--line);border-radius:.8rem;margin:.8rem 0;background:#0d1728}summary{cursor:pointer;padding:1rem 1.2rem;font-weight:900;font-size:1.1rem}summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.detail-body{padding:0 1.2rem 1.2rem;color:#e2e8f4}.action-list,.lifecycle,.timeline{display:grid;gap:.75rem;padding-left:1.5rem}.action-list li,.lifecycle li,.timeline li{padding:.7rem .9rem;background:#101d31;border-radius:.65rem}table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.96rem}th,td{text-align:left;vertical-align:top;padding:.75rem;border-bottom:1px solid #34415a}th{color:var(--accent)}code{color:#b7efff;background:#0a1424;padding:.1em .3em;border-radius:.3em}.na-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.7rem}.na-grid p{background:#101d31;padding:1rem;border-radius:.7rem}.glossary{display:grid;grid-template-columns:minmax(10rem,.35fr) 1fr;gap:.6rem 1.4rem}.glossary dt{color:var(--accent);font-weight:900}.glossary dd{margin:0}.source-list a,main a,footer a{color:#8bdcff;text-underline-offset:.2em}footer{border-top:1px solid var(--line);max-width:1320px;margin:auto;padding:2rem 1rem 5rem;color:var(--muted)}.theme-stranger-things-original-2020{--accent:#ff665d}.theme-beatles-007{--accent:#ffd34d}.theme-spongebob-bikini-bottom{--accent:#fff04a}.theme-cuphead-perdition{--accent:#f6d77a}@media(max-width:850px){body.topten-page{font-size:16px}.guide-hero{grid-template-columns:1fr;min-height:auto;padding-top:4rem}.hero-copy h1{font-size:clamp(3rem,16vw,5rem)}.library-nav{position:static}.glossary{grid-template-columns:1fr}.glossary dd{margin-bottom:1rem}table{display:block;overflow-x:auto}.page-toc{position:static}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Reset broad legacy header rules: these heroes are content, never sticky chrome. */
body.topten-page{font-size:20px}
.topten-page .guide-hero{position:static;top:auto;z-index:auto;background:transparent;border:0;font:inherit}
.topten-page .library-nav a{font-size:16px;min-height:44px;padding:.65rem .8rem}
.topten-page .library-nav{overflow:visible;align-items:center;justify-content:center}
.topten-page .library-nav .library-brand{font-weight:900;margin-right:auto}
.topten-page .all-tables{position:relative;border:0;background:transparent;margin:0}
.topten-page .all-tables>summary{list-style:none;min-height:44px;padding:.65rem .9rem;border-radius:999px;font-size:16px;font-weight:800;color:#d8e5ff;background:#142238;cursor:pointer}
.topten-page .all-tables>summary::-webkit-details-marker{display:none}
.topten-page .all-tables>summary:after{content:" ▾"}
.topten-page .all-tables[open]>summary:after{content:" ▴"}
.topten-page .all-tables-panel{position:absolute;top:calc(100% + .55rem);left:50%;transform:translateX(-50%);width:min(92vw,880px);padding:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;background:#07101df7;border:1px solid #43516a;border-radius:1rem;box-shadow:0 1rem 4rem #000c}
.topten-page .all-tables-panel a{white-space:normal;border-radius:.55rem}
@media(max-width:700px){.topten-page .library-nav{justify-content:flex-start;flex-wrap:wrap}.topten-page .library-nav .library-brand{margin-right:0}.topten-page .all-tables-panel{position:fixed;left:1rem;right:1rem;top:4.5rem;transform:none;width:auto;max-height:75vh;overflow:auto;grid-template-columns:1fr 1fr}.topten-page .library-nav>a{font-size:15px}}
.map-key{display:inline-grid;place-items:center;min-width:1.75rem;height:1.75rem;margin-right:.5rem;border-radius:50%;background:#fff04a;color:#111827;font:900 16px/1 Arial,sans-serif;vertical-align:middle}
@media(max-width:700px){
 .topten-page main,.topten-page .guide-section,.topten-page details,.topten-page .detail-body,.topten-page .page-toc{min-width:0;max-width:100%}
 .topten-page h1,.topten-page h2,.topten-page h3,.topten-page p,.topten-page li,.topten-page a,.topten-page code{overflow-wrap:anywhere;word-break:normal}
 .topten-page table{width:100%;max-width:100%;table-layout:fixed}
 .topten-page th,.topten-page td{min-width:0;overflow-wrap:anywhere;padding:.55rem}
 .topten-page .lesson-visual img{max-width:100%;height:auto}
}