:root{color-scheme:dark;--bg:#0e1012;--panel:#191b20;--red:#d13a3e;--line:#34343b;--text:#eae8e5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #ff7478;outline-offset:3px}.top{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 3vw;border-bottom:1px solid #4a2427;background:#131418}.brand{display:flex;align-items:center;gap:16px}.brand img{width:72px;height:78px;object-fit:contain}.brand strong{display:block;letter-spacing:.15em;font-size:clamp(19px,2.5vw,30px)}.brand small{display:block;margin-top:7px;color:#dc5559;font-size:10px;letter-spacing:.16em}.topmeta{font-size:11px;letter-spacing:.18em;color:#b4b4b8}.topmeta b{font-size:16px;color:#e45155}.topmeta span{color:#888}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1700px;margin:auto}.nav{min-height:calc(100vh - 88px);background:#17191d;border-right:1px solid #383037;padding:20px 13px}.navlabel{font-size:10px;letter-spacing:.2em;color:#cf575b;text-transform:uppercase;margin:22px 12px 9px}.nav a{display:block;font-size:13px;padding:11px 13px;border-left:3px solid transparent;color:#d3d0d0}.nav a:hover,.nav a.active{background:#5c20263d;border-left-color:var(--red);color:#fff}.navfoot{border-top:1px solid #38383e;margin:28px 10px;padding-top:17px;font-size:10px;color:#ac4a4d;letter-spacing:.13em}.main{min-width:0;padding:22px clamp(14px,2.5vw,34px)}.hero{height:370px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 52%;position:relative;overflow:hidden;background:linear-gradient(110deg,#17191e,#291719);border:1px solid #5b292b}.hero:before{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#a43e4020 30px)}.hero-copy{z-index:1;padding:clamp(18px,3vw,36px)}.eyebrow{font-size:11px;letter-spacing:.2em;color:#e55b5d}.hero h1{font-size:clamp(42px,6vw,86px);letter-spacing:.1em;line-height:.94;margin:20px 0 10px}.red{color:#e34b4e;font-size:clamp(13px,1.8vw,21px);letter-spacing:.12em;font-weight:bold}.sub{color:#b9b7b8;font-size:13px}.hero-link{display:inline-block;margin-top:15px;padding:11px 18px;border:1px solid #bc4146;background:#6c222a;font-size:12px;letter-spacing:.08em}.hero-link:hover{background:#a62d35}.hero-art{background-image:linear-gradient(90deg,#20191d 0%,transparent 25%),url('assets/wolverine-banner.jpg');background-size:cover;background-position:57% center}.hero-tag{position:absolute;right:14px;bottom:12px;text-align:right;font-size:11px;letter-spacing:.13em;text-shadow:0 1px 5px #000}.hero-tag span{color:#c2a0a0;font-size:9px}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 12px}.status>div{background:#1c1e23;border:1px solid #343239;border-left:2px solid #9d3035;padding:10px 14px}.status small{display:block;color:#a4a3a7;font-size:10px;letter-spacing:.16em}.status strong{display:block;margin-top:5px;font-size:14px;letter-spacing:.07em}.sectionbar{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #4a3437;padding:10px 0;color:#e45155;font-size:11px;letter-spacing:.14em}.sectionbar span:last-child{color:#8e8e94}iframe{display:block;width:100%;height:400px;min-height:350px;overflow:hidden;background:#171a1c;border:1px solid #36373b;margin-top:14px}footer{text-align:right;padding:18px 0;color:#85848a;font-size:10px;letter-spacing:.14em}#menu{display:none;background:#27282d;border:1px solid #7c3035;color:#eee;padding:9px 12px}@media(max-width:920px){.layout{grid-template-columns:1fr}.top{height:auto;min-height:80px}.topmeta{display:none}#menu{display:block}.nav{display:none;min-height:auto}.nav.open{display:block}.main{padding:14px}.hero{grid-template-columns:1fr 42%;height:310px;min-height:0}.hero-copy{padding:25px}.hero h1{margin:22px 0 10px}.status{gap:7px}.status>div{padding:10px}.sectionbar span:last-child{display:none}iframe{height:400px}}@media(max-width:540px){.brand img{width:42px;height:58px}.brand strong{font-size:17px}.brand small{font-size:8px}.hero{grid-template-columns:1fr;height:350px;min-height:0}.hero-copy{background:linear-gradient(90deg,#191a1ed9,#191a1e70);padding:20px}.hero-art{position:absolute;inset:0;opacity:.46;background-position:center}.hero h1{font-size:52px}.hero-tag{font-size:9px}.status strong{font-size:11px}.status small{font-size:8px}}

/* V11: navigation clarity and responsive polish; no historical content changes */
.nav a{transition:background-color .16s ease,border-color .16s ease}
.nav a.active,.nav a[aria-current="page"]{background:linear-gradient(90deg,#792a3359,transparent);border-left-color:#e34b4e;font-weight:700}
.nav a:focus-visible,.hero-link:focus-visible{outline:2px solid #ff8a8d;outline-offset:2px}
.sectionbar{align-items:center;flex-wrap:wrap;line-height:1.5}
.hero-link{transition:background-color .16s ease}
@media(max-width:920px){.nav{padding:12px 14px 20px}.nav a{padding:13px 14px}.top{gap:12px}}
@media(max-width:540px){.top{padding:10px 12px}.brand{gap:9px}.hero{height:330px}.hero h1{font-size:clamp(38px,10vw,52px)}.status{grid-template-columns:repeat(3,minmax(0,1fr))}.status>div{min-width:0;padding:9px 7px}.status strong{overflow-wrap:anywhere}.sectionbar{font-size:10px}}
@media(prefers-reduced-motion:reduce){.nav a,.hero-link{transition:none}}