:root{--night:#070d13;--ink:#0e1821;--panel:#14232d;--panel2:#1a2d38;--line:#3f5962;--text:#f5f1e8;--muted:#c4cecb;--ember:#f07a32;--bright:#ff9b52;--gold:#f0bd66;--moss:#8fac94;--focus:#ffe09a;--body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Georgia,"Times New Roman",serif;--radius:.9rem;--shadow:0 20px 55px rgba(0,0,0,.34);--content:72rem}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;min-width:320px;background:var(--night);color:var(--text);font:17px/1.72 var(--body)}img{display:block;max-width:100%;height:auto}a{color:var(--bright);text-underline-offset:.2em}a:hover{color:var(--focus)}a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:.25rem}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;min-height:44px;padding:.65rem 1rem;background:var(--focus);color:var(--night);font-weight:800}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:30;min-height:78px;border-bottom:1px solid var(--line);background:rgba(7,13,19,.96);backdrop-filter:blur(12px)}.nav-shell{width:min(calc(100% - 2rem),var(--content));min-height:78px;margin:auto;display:flex;align-items:center;gap:1.25rem}.brand{min-height:44px;display:inline-flex;align-items:center;gap:.75rem;color:var(--text);text-decoration:none;font-weight:850}.brand img{width:76px;height:47px;object-fit:contain}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:.35rem}.desktop-nav a,.mobile-menu-panel a{min-height:44px;display:inline-flex;align-items:center;padding:.5rem .75rem;color:var(--text);text-decoration:none;font-weight:750}.mobile-menu{display:none;margin-left:auto}.mobile-menu summary{min-width:48px;min-height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:.5rem;cursor:pointer;font-weight:800}.mobile-menu-panel{position:absolute;top:68px;left:1rem;right:1rem;display:grid;padding:.75rem;background:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero{min-height:560px;display:grid;align-items:center;border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,rgba(7,13,19,.98),rgba(7,13,19,.86) 58%,rgba(7,13,19,.52)),url("brand/hero-siege-background.webp");background-position:center,center top;background-size:cover}.hero-inner{width:min(calc(100% - 2rem),var(--content));margin:auto;padding:4.5rem 0 3rem}.eyebrow,.section-label{margin:0 0 .7rem;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}h1{max-width:58rem;margin:0;font:800 clamp(2.35rem,5vw,4.75rem)/1 var(--display);letter-spacing:-.035em;text-wrap:balance}.answer-lede{max-width:52rem;margin:1.5rem 0 0;color:var(--text);font-size:clamp(1.08rem,1.5vw,1.32rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.15rem;border:1px solid var(--ember);border-radius:.5rem;background:var(--ember);color:var(--night);font-weight:900;text-decoration:none}.button:hover{background:var(--bright);color:var(--night)}.button.secondary{border-color:var(--muted);background:rgba(7,13,19,.58);color:var(--text)}.fact-strip{max-width:58rem;margin-top:1.75rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.fact-strip div{padding:.8rem .9rem;border:1px solid var(--line);border-radius:.5rem;background:rgba(7,13,19,.74)}.fact-strip strong{display:block;color:var(--gold)}
.article-shell{width:min(calc(100% - 2rem),var(--content));margin:auto;padding:4.5rem 0}.intro{max-width:52rem;margin:0 0 2rem;color:var(--muted);font-size:1.1rem}.breadcrumb{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:.7rem;color:var(--muted)}.breadcrumb a{min-height:44px;display:inline-flex;align-items:center}.task-unit{margin:0 0 2rem;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--line);border-left:4px solid var(--ember);border-radius:var(--radius);background:linear-gradient(145deg,var(--panel),var(--ink));box-shadow:var(--shadow)}.task-unit h2,.directory-group h2{margin:0 0 1rem;color:var(--text);font:800 clamp(1.55rem,3vw,2.3rem)/1.18 var(--display)}.task-unit h3{margin:0 0 1rem;color:var(--gold);font:800 clamp(1.3rem,2vw,1.75rem)/1.22 var(--display)}.unit-answer{margin:0 0 1rem;color:var(--text);font-size:1.1rem;font-weight:780}[data-task-unit-context],.context-tail{color:var(--muted)}.player-note,.prose-callout{padding:.85rem 1rem;border-radius:.5rem;background:var(--panel2);color:var(--muted)}.player-note{margin:1rem 0 0;border:1px solid var(--moss)}.prose-callout{border-left:3px solid var(--gold)}.checklist,.steps,.timeline{padding-left:1.5rem}.checklist li,.steps li,.timeline li{margin:.55rem 0;padding-left:.25rem}.status-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.status-card div{padding:.85rem;border:1px solid var(--line);border-radius:.5rem;background:var(--panel2)}.status-card dt{color:var(--gold);font-weight:850}.status-card dd{margin:.25rem 0 0}.table-wrap{margin:1rem 0;overflow-x:auto}table{width:100%;min-width:36rem;border-collapse:collapse}th,td{padding:.8rem;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--panel2);color:var(--gold)}
.directory-group{margin:0 0 3rem;scroll-margin-top:6rem}.directory-group .task-unit{margin-top:1rem}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.directory-card,.next-card{min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:.65rem;padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--panel);color:var(--text);text-decoration:none}.directory-card:hover,.next-card:hover{border-color:var(--ember);color:var(--text);transform:translateY(-2px)}.directory-card span,.next-card small{color:var(--muted)}.next-guides{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.next-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.next-card span{color:var(--gold);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.gallery{margin-top:3rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}figure img{width:100%;aspect-ratio:16/9;object-fit:cover}figcaption{padding:.8rem 1rem;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:#05090d}.footer-inner{width:min(calc(100% - 2rem),var(--content));margin:auto;padding:3rem 0;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.footer-inner p{margin:0;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.footer-links a{min-height:44px;display:inline-flex;align-items:center;padding:.4rem}
@media(max-width:960px){.desktop-nav{display:none}.mobile-menu{display:block}.directory-grid,.next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:1fr}}@media(max-width:600px){body{font-size:16px}.site-header,.nav-shell{min-height:68px}.brand img{width:58px;height:36px}.brand span{font-size:.92rem}.hero{min-height:auto}.hero-inner{padding:3rem 0}.hero-actions .button{width:100%}.fact-strip,.status-card,.directory-grid,.next-grid,.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* User-approved local preview presentation patch. */
.home-page .hero{background-image:linear-gradient(90deg,rgba(7,13,19,.90),rgba(7,13,19,.58) 56%,rgba(7,13,19,.18)),url("media/action.webp");background-position:center,center;background-size:cover}
.official-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border:1px solid var(--ember);border-radius:.5rem;background:var(--ember);color:var(--night);font-weight:900;text-decoration:none;white-space:nowrap}.official-cta:hover{background:var(--bright);color:var(--night)}
.mobile-menu-panel .mobile-official{margin-top:.35rem;color:var(--night)}
.note-label{display:block;margin-bottom:.35rem;color:var(--gold);font-weight:900}
@media(max-width:960px){.desktop-official{display:none}}