/* Shared navigation geometry on every route. Content below remains page-specific. */
html{scrollbar-gutter:stable}
body .site-shell{max-width:1600px;margin-inline:auto}
body .preview-banner{font:10px/1.65 Arial,Helvetica,sans-serif;padding:5px 15px;letter-spacing:.4px;background:#071e2e;color:#b4cadb;text-align:center}
body .site-header.shared-header{display:flex;align-items:center;flex-wrap:nowrap;gap:24px;padding:20px 4%;min-height:102px;background:#031523;border-bottom:1px solid #33526b80;position:relative;z-index:40}
body .shared-header .brand{display:block;flex:0 0 444px;min-width:0;margin:0;line-height:1.15}
body .shared-header .brand img{display:block;width:444px;max-width:100%;height:auto}
body .shared-header .mobile-wordmark{display:none}
body .shared-header .desktop-nav{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;width:auto;margin:0;font:700 12px/1.4 Arial,Helvetica,sans-serif}
body .shared-header .desktop-nav a{display:flex;align-items:center;min-height:44px;color:#f6f8ff;text-decoration:none;white-space:nowrap}
body .shared-header .desktop-nav a:hover{color:#ffda65}
body .shared-header .desktop-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#46dfff;text-decoration-thickness:3px;text-underline-offset:7px}
body .shared-header a:focus-visible{outline:3px solid #ffdd65;outline-offset:4px}
@media(max-width:1300px){
 body .site-header.shared-header{flex-direction:column;align-items:stretch;gap:12px}
 body .shared-header .brand{flex:initial}
 body .shared-header .desktop-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;order:initial;justify-content:initial}
 body .shared-header .desktop-nav a{justify-content:center;text-align:center;white-space:normal}
}
@media(max-width:700px){
 body .site-header.shared-header{padding:16px 20px;min-height:0}
 body .shared-header .brand img{display:none}
 body .shared-header .mobile-wordmark{display:block;font-family:"cooper-black-std",Corben,Georgia,serif;font-size:clamp(24px,8vw,40px);font-weight:400;color:#ffda65;white-space:nowrap}
 body .shared-header .desktop-nav{grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px}
}
@media(max-width:380px){body .shared-header .desktop-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Owner article-header correction: authentic rich logo gold, not pale yellow. */
@media(max-width:700px){body.article-page .shared-header .mobile-wordmark{color:#FEBB12}}
/* Owner homepage mobile gold: match the authentic footer logo without layout changes. */
@media(max-width:700px){body.pearl-home .shared-header .mobile-wordmark{color:#FEBB12}}
/* Owner mobile refinement: center only the top site title. Desktop unchanged. */
@media(max-width:700px){
 body .shared-header .brand{width:100%;max-width:100%;margin-inline:auto;text-align:center}
 body .shared-header .mobile-wordmark{text-align:center;font-size:clamp(22px,7.2vw,40px);letter-spacing:-.35px}
}