.languages a{font-size:11px;padding:4px 2px;color:#71818a;font-weight:600}.languages a.active{color:var(--dark)}nav a[aria-current="page"]{color:var(--blue)}.content-page main{min-height:60vh}.page-not-found h1{font-family:var(--heading);font-size:clamp(48px,7vw,90px);font-weight:500;line-height:1.05}.page-not-found p{margin-bottom:30px}.content-page .footer-top{flex-wrap:wrap}
header nav{gap:24px}.header-actions{gap:22px}
.account-link{display:grid;place-items:center;color:var(--dark);width:26px;height:35px}.account-link svg{width:19px;height:19px}.content-page footer .footer-top{gap:25px}.content-page footer .footer-top p{max-width:180px}.content-page nav a{white-space:nowrap}
@media(max-width:1100px){body>header,.content-page>header{height:80px}body>header nav,#app>header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:25px 5%;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #10283b10;flex-direction:column}body>header.nav-open nav,#app>header.nav-open nav{display:flex}.header-actions .menu-button{display:block}.header-actions .small{display:none}.header-actions{margin-left:auto}.content-page footer .footer-top p{margin-right:auto}}
@media(min-width:1101px) and (max-width:1350px){header{gap:15px}.brand img{width:160px}header nav{gap:14px}header nav a{font-size:12px;white-space:nowrap}.header-actions{gap:13px}.header-actions .small{padding:10px 12px}}
@media(max-width:800px){header nav{gap:20px}.header-actions{gap:15px}.content-page .footer-top{gap:22px}}

/* Keep the shared navigation usable on narrow screens and in landscape. */
@media(max-width:1100px){
 body>header nav,#app>header nav{max-height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;gap:8px}
 body>header nav a,#app>header nav a{display:flex;align-items:center;min-height:44px;padding:8px 0}
}
@media(max-width:560px){
 body>header,#app>header{min-height:80px;height:auto;gap:10px;padding:12px 5%}
 body>header .brand img,#app>header .brand img{width:clamp(120px,36vw,170px)}
 body>header .header-actions,#app>header .header-actions{gap:6px;min-width:0}
 .languages{gap:3px}
 .languages a,.languages button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:44px;padding:4px 2px}
 .account-link,.header-actions .menu-button{width:36px;min-width:36px;min-height:44px;padding:0;place-items:center}
 .header-actions .menu-button{display:grid}
 .topbar{min-height:35px;height:auto;padding:8px 5%;font-size:8px;letter-spacing:.8px;text-align:center}
 .topbar>span:first-child{justify-content:center;line-height:1.4}
 .content-page .footer-top>a:not(.brand){display:inline-flex;align-items:center;min-height:44px;font-size:13px}
 .content-page .footer-bottom{font-size:11px}
 .content-page .footer-bottom a{overflow-wrap:anywhere}
 .content-page .close-panel{min-width:44px;min-height:44px}
}
.content-page main{min-width:0}
.content-page .chat-panel{max-height:calc(100dvh - 110px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
@media(max-width:650px){body:has(input:focus,textarea:focus,select:focus) .floating-contact{visibility:hidden}}
