/* v12.2: independent subtitle tracking and laptop layout */
#top .hero>h1>em{letter-spacing:normal!important;word-spacing:normal!important;line-height:1.35!important;white-space:normal!important;max-width:100%;height:auto;overflow:visible}
body>header{gap:20px;box-sizing:border-box}
body>header>.brand{flex:0 0 auto;min-width:0}
body>header>nav{position:static;flex:1 1 auto;justify-content:center;min-width:0;gap:clamp(12px,1.5vw,28px)}
body>header>nav>a{flex:0 0 auto;white-space:nowrap}
body>header>.member-header-actions,body>header>[data-platform],body>header>.language-switch{flex:0 0 auto}
@media(min-width:901px) and (max-width:1600px), (min-width:901px) and (max-height:850px){
 #top>section.hero{height:auto!important;min-height:calc(100svh - 76px)!important;justify-content:center!important;padding-top:36px!important;padding-bottom:36px!important;gap:0}
 #top .hero>.eyebrow{margin:0 0 16px!important;font-size:13px;line-height:1.5}
 #top .hero>h1{font-size:clamp(52px,10vh,88px)!important;line-height:.96!important;margin:0 0 18px!important}
 #top .hero>h1>em{font-size:clamp(22px,2.1vw,32px)!important;margin-top:18px!important}
 #top .hero>p:not(.eyebrow){font-size:16px!important;line-height:1.6!important;margin:0!important;max-width:660px}
 #top .hero>.hero-actions{display:flex!important;flex-wrap:wrap;gap:12px;margin-top:24px!important;position:relative;z-index:10;opacity:1!important;visibility:visible!important;transform:none!important}
 #top .hero>.hero-actions>a{padding:13px 20px!important;font-size:15px!important}
}

/* v12.3: one-line header, compact navigation below 1200px. */
body>header{display:flex!important;flex-wrap:nowrap!important;height:76px!important;min-height:76px!important;gap:16px!important;padding:10px 28px!important;overflow:visible!important}
body>header>.brand{margin-right:auto;flex:0 0 auto!important;gap:9px!important}
body>header>.brand b{font-size:clamp(19px,1.75vw,28px)!important;white-space:nowrap}
body>header>.brand .paxon-mark{width:44px!important;height:32px!important;flex:0 0 44px!important;object-fit:contain}
body>header>nav{display:flex!important;order:0!important;flex:0 1 auto!important;width:auto!important;gap:clamp(10px,1.15vw,22px)!important;font-size:12px!important;line-height:1.4;overflow:visible!important;padding:0!important}
body>header .member-header-actions{margin-left:0!important;gap:8px}
body>header .member-header-actions>a,body>header .member-entry{font-size:12px!important;white-space:nowrap;padding:10px 12px!important}
.site-menu-toggle{display:none;border:1px solid #ffffff30;border-radius:9px;background:#24212a;color:#62efd0;width:38px;height:38px;flex:0 0 38px;font-size:21px;cursor:pointer}
@media(max-width:1200px){
 body>header{height:70px!important;min-height:70px!important;padding:10px 20px!important;gap:10px!important}
 body>header>.site-menu-toggle{display:block}
 body>header>nav{display:none!important}
 body>header.site-menu-open>nav{display:flex!important;position:absolute!important;top:100%;right:16px;left:auto;flex-direction:column;align-items:stretch;gap:0!important;width:min(320px,calc(100vw - 32px))!important;max-height:calc(100svh - 86px);overflow-y:auto!important;background:#15121b;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 16px 40px #0009;padding:8px!important;z-index:60}
 body>header.site-menu-open>nav>a{padding:12px 14px;white-space:normal;border-radius:6px}
 body>header.site-menu-open>nav>a:hover{background:#292330;color:#62efd0}
 body>header .member-header-actions>[data-platform],body>header>[data-platform]{display:none!important}
}
@media(max-width:600px){body>header{padding:10px 12px!important;gap:7px!important}body>header>.brand{flex:1 1 auto!important;overflow:hidden}body>header>.brand b{font-size:clamp(12px,3.5vw,19px)!important}body>header>.brand .paxon-mark{width:30px!important;flex-basis:30px!important;height:24px!important}body>header .member-entry{padding:8px!important;font-size:11px!important}}
.site-menu-toggle:focus-visible{outline:2px solid #62efd0;outline-offset:3px}

/* Center navigation against the viewport, independent of side content. */
@media(min-width:1201px){
 body>header>nav{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;transform:translate(-50%,-50%);width:max-content!important;max-width:none!important}
 body>header.header-compact>.site-menu-toggle{display:block}
 body>header.header-compact>nav{display:none!important}
 body>header.header-compact.site-menu-open>nav{display:flex!important;position:absolute!important;top:100%!important;right:16px!important;left:auto!important;transform:none!important;flex-direction:column;align-items:stretch;gap:0!important;width:320px!important;max-height:calc(100svh - 92px);overflow-y:auto!important;background:#15121b;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 16px 40px #0009;padding:8px!important;z-index:60}
 body>header.header-compact.site-menu-open>nav>a{padding:12px 14px;white-space:normal;border-radius:6px}
}
