/* Shared violet/lime header, based on the approved Content & Layout Mix layout. */
header.wrap{position:relative;z-index:20;max-width:1440px}
.nav{gap:20px}
.nav>.navlinks{margin-left:auto;gap:24px}
.navlinks .nav-login{border:0;background:transparent;padding:9px 0;color:var(--ink);font-weight:400}
.navlinks .nav-login:hover{background:transparent;text-decoration:underline}
.nav>.navlinks>.button{background:#c6f55b;color:#171816;border-color:#c6f55b;padding:16px 24px}
.nav>.navlinks>.button:hover{background:#c6f55b;color:#171816}
.nav-trigger[aria-expanded=true]{background:#f0f0eb;color:#171816;border-radius:7px}
.nav-trigger:focus:not(:focus-visible){outline:none}
.nav-trigger:focus-visible{outline:3px solid #60635b;outline-offset:4px}
.mega-menu{background:#ffffff;border-color:#dedfd8;box-shadow:0 24px 50px #17181620;color:#171816}
.mega-grid a:hover{background:#f0f0eb}
.mega-grid small,.mega-footer,.mega-heading{color:#60635b}
.mega-topic-links{display:flex;gap:24px;flex-wrap:wrap}
.language-switch{border-color:#dedfd8;background:#f0f0eb}
.language-switch a{color:#171816}
.language-switch a[aria-current=true]{background:#171816;color:#c6f55b}
.language-switch a:hover{background:#c6f55b;color:#171816}
@media(min-width:1101px){.nav>.navlinks>.nav-disclosure{position:static}.mega-menu{left:0;right:0;width:100%;transform:none;top:76px}.nav{height:76px}}
@media(max-width:1100px){.nav>.navlinks{margin-left:0;gap:16px}.navlinks .mega-menu{position:static;transform:none;width:100%}.mega-topic-links{gap:12px 20px}.nav-login-mobile{background:#f0f0eb;border-color:#dedfd8;color:#171816}.nav>.menu{color:#171816}.navlinks>.button{align-self:stretch}}
@media(max-width:550px){.navlinks .mega-grid{grid-template-columns:1fr}.mega-footer{display:block}.mega-topic-links{margin-top:12px}.language-switch a{min-width:27px}.nav{gap:8px}}

/* Original logo silhouette, rendered in the website purple without altering PNGs. */
.nav .brand,.site-footer .brand{display:inline-block;position:relative;flex-shrink:0}
.nav .brand::before,.site-footer .brand::before{content:"";position:absolute;inset:0;display:block;background:#171816;-webkit-mask:url('/assets/logo.png') center/contain no-repeat;mask:url('/assets/logo.png') center/contain no-repeat}
.nav .brand img,.site-footer .brand img{display:block;opacity:0;filter:none}
.site-footer .brand::before{background:#bbbdb4}
.mega-grid a:hover{background:#c6f55b}
/* Match the reference footer layout and keep language choice below utility links. */
.site-footer .footer-language{display:flex;align-items:center;gap:10px;width:fit-content;margin:20px 0 12px;padding:0;border:0;border-radius:0;background:transparent;color:#dedfd8}
.site-footer .footer-language a{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;font-size:14px;font-weight:400;border-radius:3px;background:transparent;color:#f0f0eb;text-decoration:none}
.site-footer .footer-language a[aria-current="true"]{font-weight:700;color:#c6f55b;text-decoration:underline;text-underline-offset:5px}
.site-footer .footer-language a:hover{color:#c6f55b;text-decoration:underline;text-underline-offset:5px;background:transparent}
.site-footer .footer-language a:focus-visible{outline:2px solid #c6f55b;outline-offset:3px}
/* Center the disclosure icon by its drawing bounds, independent of font metrics. */
.nav-trigger>span[aria-hidden="true"]{display:block;flex:0 0 12px;width:12px;height:12px;align-self:center;font-size:0;line-height:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;transform:rotate(0deg);transform-origin:center}
.nav-trigger[aria-expanded="true"]>span[aria-hidden="true"]{transform:rotate(180deg)}