header{height:auto;min-height:90px;flex-wrap:wrap;gap:18px}header nav{display:flex;flex-wrap:wrap;gap:12px 24px}nav a[aria-current=page]{border-bottom:1px solid currentColor;font-weight:700}.page-intro{padding-bottom:8px}.page-intro h1{font-size:clamp(36px,5vw,64px);margin:16px 0}html{scroll-padding-top:24px}.page-intro+.compare-section{padding-top:24px}a:focus-visible,button:focus-visible{outline:2px solid #a2723d;outline-offset:4px}@media(max-width:760px){header{display:flex;flex-wrap:wrap;padding:18px;gap:14px}header .brand{font-size:19px}header nav{display:flex!important;order:3;width:100%;gap:8px 18px;font-size:12px;padding-top:10px;border-top:1px solid #d6dbd0}.language-switch{margin-left:auto}.page-intro{padding-top:28px}.page-intro h1{font-size:38px}}
/* Full-width navigation, single row on phones. */
header nav{font-size:15px;flex-wrap:nowrap;justify-content:space-between}
header nav a{white-space:nowrap}
@media(max-width:760px){header nav{gap:0;font-size:clamp(12px,3.55vw,18px);line-height:1.5;width:100%;justify-content:space-between}header nav a{flex:0 0 auto}}

.page-top{display:flex;justify-content:center;padding:24px 18px 36px;background:var(--paper)}
.page-top a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 25px;border:1px solid #b9c4ba;border-radius:999px;font-size:15px;font-weight:600;color:var(--ink);transition:background .2s}
.page-top a:hover{background:#e8ebe4}.page-top svg{width:18px;height:18px;flex:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}