/* Approved descriptive navigation. Page content and shared header controls stay scoped. */
@media(min-width:1101px){
 html:has(#fhSharedHeader) body.fhSidebarLayout{--fhRail:236px}
 html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav{left:var(--fhGutter)!important;width:var(--fhRail)!important;max-width:var(--fhRail)!important;top:96px!important;bottom:auto!important;height:auto!important;max-height:calc(100dvh - 112px)!important;overflow-y:auto!important}
}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;padding:12px 8px!important;gap:6px!important;border:1px solid #304146!important;border-radius:14px!important;background:linear-gradient(145deg,#13252a,#0a1418)!important;box-shadow:0 10px 28px #00000022!important;align-items:stretch!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav>a[data-nav],
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav>a[data-nav]:hover,
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav>a[data-nav]:focus-visible{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;height:auto!important;min-height:66px!important;flex-shrink:0!important;padding:8px 9px!important;margin:0!important;box-sizing:border-box!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:#c4d0cf!important;text-decoration:none!important;white-space:normal!important;text-transform:none!important;overflow:visible!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav>a[data-nav]:hover{background:#ffffff07!important;color:#f6f8f5!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav>a[data-nav].fhNavSelected{border-color:#75933366!important;background:linear-gradient(110deg,#b5dc371a,#b5dc3707)!important;box-shadow:inset 0 1px #dbedb90a!important;color:#eff5e9!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav>a[data-nav]:focus-visible{outline:2px solid #b5dc37!important;outline-offset:2px!important}
html:has(#fhSharedHeader) #fhSharedHeader .fhNavIconBox{display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:44px!important;min-width:48px!important;margin:0!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav .fhNavIcon{display:block!important;width:36px!important;height:36px!important;object-fit:contain!important;flex:none!important;margin:0!important;transform:none!important;filter:drop-shadow(0 3px 3px #00000075)!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav [data-nav=replays] .fhNavIcon{width:48px!important;height:48px!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav [data-nav=loadouts] .fhNavIcon{width:58px!important;height:44px!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav [data-nav=marks] .fhNavIcon{width:52px!important;height:52px!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav [data-nav=about] .fhNavIcon{width:45px!important;height:45px!important;filter:none!important}
html:has(#fhSharedHeader) #fhSharedHeader .fhNavCopy{display:block!important;flex:1!important;min-width:0!important;text-align:left!important;letter-spacing:0!important}
html:has(#fhSharedHeader) #fhSharedHeader .fhNavTitle{display:block!important;font:650 14px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;overflow-wrap:anywhere!important;color:inherit!important;text-transform:none!important}
html:has(#fhSharedHeader) #fhSharedHeader .fhNavSubtitle{display:block!important;font:400 11px/1.5 Arial,Helvetica,sans-serif!important;color:#9fb2b2!important;letter-spacing:0!important;margin:3px 0 0!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
html:has(#fhSharedHeader) #fhSharedHeader .fhNavChevron{display:block!important;flex:none!important;font:400 16px/1 Arial,sans-serif!important;color:#809394!important}
@media(max-width:1100px){
 html:has(#fhSharedHeader) body.fhSidebarLayout #fhSharedHeader #fhSiteNav{width:min(288px,calc(100vw - 24px))!important;max-width:min(288px,calc(100vw - 24px))!important;height:auto!important;bottom:auto!important;margin:0!important;max-height:calc(100dvh - 150px)!important;overflow-y:auto!important;overflow-x:hidden!important}
 html:has(#fhSharedHeader) body.fhSidebarLayout:not(.fhMenuOpen) #fhSharedHeader #fhSiteNav{transform:translateX(calc(-100% - 40px))!important}
 html:has(#fhSharedHeader) body.fhSidebarLayout.fhMenuOpen #fhSharedHeader #fhSiteNav{transform:translateX(0)!important}
}

/* Approved Fermani Mods badge; preserve shared navigation geometry. */
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav [data-nav=marks] .fhNavIcon{width:46px!important;height:46px!important;transition:filter .18s ease}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav>a[data-nav=marks].fhNavSelected{border-color:#bda35e70!important;background:linear-gradient(110deg,#c6ad5b16,#c6ad5b05)!important;box-shadow:inset 0 1px #ecdb9b0b!important}
html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav>a[data-nav=marks]:hover .fhNavIcon{filter:drop-shadow(0 3px 3px #0008) drop-shadow(0 0 5px #d8b96e30)!important}
@media(prefers-reduced-motion:reduce){html:has(#fhSharedHeader) #fhSharedHeader #fhSiteNav [data-nav=marks] .fhNavIcon{transition:none}}