#header{--header-opacity:1;background:rgba(32,84,89,var(--header-opacity));color:#fff;border-bottom-color:transparent;transition:color .28s,border-color .28s;box-shadow:none}
#header .brand-symbol{display:grid;width:100%;position:relative;flex-shrink:0}#header .brand-symbol img{grid-area:1/1;width:100%;height:auto;display:block;transition:opacity .28s}#header .logo-white{opacity:1}#header .logo-color{opacity:0}
#header .language-control select{background:transparent;color:inherit;border-color:#ffffff70}#header .header-socials a,#header .submenu-toggle,#header .menu-toggle{color:inherit}#header .brand.official-brand .brand-signature{color:inherit}
#header[data-tone=light]{background:rgba(249,251,247,.94);color:#205459;border-bottom-color:#20545918}
#header[data-tone=light] .logo-white{opacity:0}#header[data-tone=light] .logo-color{opacity:1}#header[data-tone=light] .language-control select,#header[data-tone=light] .menu-toggle{border-color:#20545955}#header[data-tone=light] .language-control option{background:#f9fbf7;color:#205459}
#header[data-tone=light] #site-nav>a[aria-current=page],#header[data-tone=light] #site-nav .nav-group:has([aria-current=page]) .nav-group-heading>a{color:#a64f00}
#header[data-tone=light] .submenu-toggle:hover{background:#20545910}#header #site-nav .nav-submenu>a{color:#fff}#header #site-nav .nav-submenu>a:hover{color:#c5e88a}
#header.menu-open{background:#205459}#header.menu-open[data-tone=light]{background:#f9fbf7}
#header[data-tone=light] a:focus-visible,#header[data-tone=light] button:focus-visible,#header[data-tone=light] select:focus-visible{outline-color:#205459}
@media(max-width:1023px){#header[data-tone=light] #site-nav{background:#f9fbf7;color:#205459;border-color:#20545930}#header[data-tone=light] #site-nav>a,#header[data-tone=light] #site-nav .nav-group{border-color:#20545920}#header[data-tone=light] #site-nav .nav-submenu>a{background:#e7eee6;color:#205459;border-color:#20545920}}
@media(prefers-reduced-motion:reduce){#header,#header .brand-symbol img{transition:none}}
/* Keep the complete signature on one centered line, proportional to the mark. */
#header .brand.official-brand,footer .brand.official-brand{container-type:inline-size;align-items:center;gap:5px}
#header .brand.official-brand .brand-signature,footer .brand.official-brand .brand-signature{font-size:7px;font-size:3.5cqw;line-height:1.35;letter-spacing:0;white-space:nowrap;text-wrap:nowrap;text-align:center;width:100%;max-width:none;font-weight:300}
#header .brand-symbol{align-self:center}

#header[data-tone=light] #site-nav .generation-links>a[aria-current=page]{color:#a64f00}