#language-switch{display:inline-flex;flex-shrink:0;gap:2px;align-items:center;padding:3px;border:1px solid #a5cdd0;border-radius:24px;background:#fffdf7;line-height:1.3;letter-spacing:0;margin-left:auto}
#language-switch button{font:12px/1.4 Arial,sans-serif;letter-spacing:0;border:0;border-radius:20px;padding:8px 11px;margin:0;background:transparent;color:#205769;cursor:pointer;box-shadow:none;width:auto}
#language-switch button[aria-pressed=true]{background:#087e95;color:#fff}
#language-switch button:focus-visible{outline:3px solid #bb8a36;outline-offset:2px}
header nav{gap:18px;flex-wrap:wrap}body>header{flex-wrap:wrap;gap:16px}
:is(html[lang=es],html[lang=fr]) .hero h1{font-size:clamp(48px,5.6vw,78px)}
@media(max-width:740px){#language-switch{margin-left:auto}header nav>.brand{flex:1}.navlinks{order:3;width:100%;justify-content:space-between}header nav>#language-switch{order:2}body>header>a:not(.brand){font-size:12px}:is(html[lang=es],html[lang=fr]) .hero h1{font-size:48px}:is(html[lang=es],html[lang=fr]) .welcome h1{font-size:55px}}