/* Compact shared header, scoped to the masthead. */
#masthead.site-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px 28px;align-items:center;max-width:1280px;width:calc(100% - 64px);margin:0 auto!important;padding:22px 0 18px!important;border-bottom:1px solid #e0edf5;box-sizing:border-box}
#masthead .site-branding{display:flex!important;align-items:center!important;gap:22px;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;text-align:left!important}
#masthead .site-logo{flex:0 0 88px;margin:0!important;padding:0!important}
#masthead .custom-logo-link{display:block;margin:0!important}
#masthead .custom-logo{display:block;width:88px!important;height:auto!important;max-height:84px;object-fit:contain;margin:0!important}
#masthead .site-title{font-size:clamp(20px,2.2vw,30px)!important;line-height:1.25!important;letter-spacing:-.5px!important;margin:0!important;padding:8px 0!important;transform:none!important;border-left:0;max-width:none!important}
#masthead .site-title a{color:#102345!important;text-decoration:none!important}
#masthead .social-navigation{grid-column:2;grid-row:1;margin:0!important;padding:0!important;width:auto!important;justify-self:end}
#masthead .social-links-menu{display:flex;gap:12px;margin:0!important;padding:0!important}
#masthead .social-navigation a{color:#2768a2!important;background:transparent!important;padding:0!important}
#masthead .social-navigation svg{fill:currentColor;width:24px;height:24px}
#masthead #site-navigation{grid-column:1 / -1;width:100%!important;margin:0!important;padding:0!important}
#masthead .main-menu{margin:0!important;padding:0!important}
#masthead .main-menu a{text-transform:uppercase!important;font-size:15px!important;font-weight:700!important;color:#102345!important;text-decoration:none!important}
#masthead .main-menu>li>a{border-radius:4px;padding:9px 12px!important;background:transparent!important}
#masthead .main-menu>li.current-menu-item>a,#masthead .main-menu>li.current-menu-ancestor>a{background:#286a9b!important;color:#fff!important}
#masthead .main-menu a:hover,#masthead .main-menu a:focus-visible{background:#edf6fc!important;color:#153f69!important}
#masthead .sub-menu{background:white!important;border:1px solid #d7e5ef;border-radius:10px;box-shadow:0 8px 24px #193a5b18;z-index:100}
#masthead .sub-menu a{padding:12px 16px!important}
@media(min-width:1000px){#masthead .main-menu{display:flex!important;justify-content:space-between;align-items:center;gap:4px;flex-wrap:wrap}#masthead .main-menu>li{margin:0!important}#masthead #toggle-menu{display:none!important}}
@media(max-width:999px){#masthead.site-header{width:calc(100% - 32px);gap:14px;padding:16px 0!important}#masthead .site-logo{flex-basis:64px}#masthead .custom-logo{width:64px!important}#masthead .site-branding{gap:12px}#masthead .site-title{padding-left:12px!important;font-size:22px!important}#masthead #toggle-menu{display:block!important;background:#d6ecfa!important;color:#102345!important;border-radius:20px;padding:9px 18px!important;width:fit-content;margin:0!important;font-size:14px;text-transform:none}#masthead .main-menu{display:none!important}#masthead #toggle:checked~.menu-primary-container .main-menu{display:block!important;padding-top:12px!important}#masthead .main-menu>li>a{display:block}#masthead .sub-menu{position:static!important;box-shadow:none;margin-left:16px}}
@media(max-width:480px){#masthead.site-header{grid-template-columns:minmax(0,1fr);gap:12px}#masthead .site-title{font-size:19px!important}#masthead .social-navigation{grid-column:1;grid-row:2;justify-self:end}#masthead #site-navigation{grid-row:2;width:calc(100% - 90px)!important}#masthead .custom-logo{width:58px!important}#masthead .site-logo{flex-basis:58px}}
#masthead .site-branding{grid-column:1;grid-row:1}
#masthead #site-navigation{grid-row:2}
/* Keep dropdowns readable when the original theme applies its dark background. */
#masthead #site-navigation .main-menu .sub-menu,
#masthead #site-navigation .main-menu ul{background:#f1f8fd!important;color:#102345!important;border-color:#c4ddec!important}
#masthead #site-navigation .main-menu .sub-menu li{background:transparent!important;color:#102345!important}
#masthead #site-navigation .main-menu .sub-menu a{display:block;background:#f1f8fd!important;color:#102345!important}
#masthead #site-navigation .main-menu .sub-menu a:hover,
#masthead #site-navigation .main-menu .sub-menu a:focus{background:#d6eaf8!important;color:#153f69!important}
#masthead #site-navigation .main-menu .sub-menu::before,
#masthead #site-navigation .main-menu .sub-menu::after{border-bottom-color:#f1f8fd!important}
#masthead .newsletter-trigger{display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:0;padding:0;border:0;background:transparent!important;color:#2768a2!important;box-shadow:none;cursor:pointer}
#masthead .newsletter-trigger svg{fill:none!important;stroke:currentColor}
.newsletter-open{overflow:hidden}
.newsletter-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 28px));max-width:620px;height:fit-content;max-height:90dvh;padding:0;border:0;border-radius:16px;background:#f5faff;color:#203e54;box-shadow:0 24px 80px #102e5260}
.newsletter-dialog[open]{display:flex;flex-direction:column;animation:newsletter-zoom .36s ease both}
.newsletter-dialog::backdrop{background:#10233799}
.newsletter-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:linear-gradient(135deg,#e3f2fa,#b5d8ed)}
.newsletter-dialog-header h2{font-size:23px;line-height:1.35;margin:0;color:#203e54}
.newsletter-close{flex-shrink:0;border:0;border-radius:6px;padding:9px 12px;background:#244c75;color:white;cursor:pointer;font-size:15px}
.newsletter-dialog-content{padding:24px;overflow:auto;min-height:0}
.newsletter-dialog-content p{font-size:17px;line-height:1.6}
.newsletter-preview{display:grid;gap:14px}
.newsletter-preview label{display:block;font-size:16px}
.newsletter-preview input[type=email]{width:100%;padding:12px;border:1px solid #8db5ce;border-radius:6px;background:white}
.newsletter-preview button{background:#244c75;color:white;border:0;border-radius:6px;padding:12px}
.newsletter-dialog-content .newsletter-setup-note{font-size:14px;color:#526b7c;margin:0}
.newsletter-dialog iframe{display:block;width:100%;height:520px;border:0;background:white}
@keyframes newsletter-zoom{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.newsletter-dialog[open]{animation:none}}
@media(max-width:480px){.newsletter-dialog-header{padding:18px 16px}.newsletter-dialog-header h2{font-size:20px}.newsletter-dialog-content{padding:20px 16px}#masthead #site-navigation{width:calc(100% - 120px)!important}}

#masthead .social-links-menu{align-items:center!important}
#masthead .social-links-menu>li{display:flex;align-items:center;margin:0!important;padding:0!important}
#masthead .social-links-menu>li>a,#masthead .newsletter-trigger{display:flex!important;align-items:center;justify-content:center;width:28px;height:28px;line-height:1}
/* A pale blue navigation band, matching the site's information cards. */
#masthead #site-navigation{background:#e3f2fa;border-radius:8px;padding:10px 14px!important;box-sizing:border-box}
@media(max-width:999px){#masthead #site-navigation{padding:8px 10px!important}}
#masthead #site-navigation .main-menu,#masthead #site-navigation .main-menu>li{background:transparent!important}
/* Inactive tabs share the navigation band's pale blue background. */
#masthead #site-navigation .menu-primary-container,
#masthead #site-navigation .main-menu,
#masthead #site-navigation .main-menu>li,
#masthead #site-navigation .main-menu>li:not(.current-menu-item):not(.current-menu-ancestor)>a{background:transparent!important}
/* No divider below the navigation band. */
#masthead.site-header{border-bottom:0!important}
/* Circular icon badges, inspired by the rounded illustration badges. */
#masthead .social-links-menu{gap:12px!important}
#masthead .social-links-menu>li>a,#masthead .newsletter-trigger{width:42px!important;height:42px!important;padding:8px!important;border:2px solid #244c75!important;border-radius:50%!important;background:#fff!important;color:#286a9b!important;box-sizing:border-box;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease}
#masthead .social-links-menu svg{width:22px;height:22px;flex-shrink:0}
#masthead .main-menu>li>a,#masthead .site-title a{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
#masthead .site-title a{display:inline-block;border-radius:8px}
@media(hover:hover) and (pointer:fine){
 #masthead .social-links-menu>li>a:hover,#masthead .newsletter-trigger:hover{background:#dceefa!important;border-color:#286a9b!important;transform:scale(1.08);box-shadow:0 3px 10px #286a9b25}
 #masthead #site-navigation .main-menu>li>a:hover{background:#c9e3f5!important;transform:scale(1.035);box-shadow:0 2px 7px #286a9b18}
 #masthead .site-title a:hover{background:#edf6fc;transform:scale(1.015)}
}
#masthead .social-links-menu a:focus-visible,#masthead .newsletter-trigger:focus-visible{outline:3px solid #244c75;outline-offset:3px;background:#dceefa!important}
@media(max-width:480px){#masthead .social-links-menu{gap:7px!important}#masthead .social-links-menu>li>a,#masthead .newsletter-trigger{width:36px!important;height:36px!important;padding:6px!important}#masthead #site-navigation{width:calc(100% - 130px)!important}}
@media(prefers-reduced-motion:reduce){#masthead .social-links-menu>li>a,#masthead .newsletter-trigger,#masthead .main-menu>li>a,#masthead .site-title a{transition:none!important;transform:none!important}}
/* Plain social icons and a dark blue outline around the navigation band. */
#masthead .social-links-menu>li>a,#masthead .newsletter-trigger{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:28px!important;height:28px!important;padding:2px!important}
#masthead #site-navigation{border:0}
