.area-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:99px;flex-shrink:0}.area-switch a{padding:7px 12px;border-radius:99px;font-size:11px;text-decoration:none;font-weight:700;white-space:nowrap}.area-switch a[aria-current=page]{background:#111;color:white}.area-switch a[aria-current=page]:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#E3562B;margin-right:6px}
@media(min-width:801px){header nav{gap:15px}header .navlinks{gap:16px}header .navlinks a{font-size:13px}header .brand-logo{width:150px}}
@media(min-width:801px) and (max-width:1100px){header nav{flex-wrap:wrap;height:auto;min-height:78px;padding:12px 0}header .navlinks{order:5;width:100%;justify-content:center}}
@media(max-width:800px){header nav{flex-wrap:wrap;height:auto;min-height:78px;padding:10px 0}header .area-switch{order:5;width:100%;justify-content:center;border:0;padding:2px 0}header .navlinks{top:122px}}

/* Keep the header logo visible when navigation fills the row. */
header .brand{flex-shrink:0}header .brand-logo{flex-shrink:0;min-width:135px}header .login{flex-shrink:0}

/* Match the mobile overscroll canvas to the footer. */
html{background:#111}body{overscroll-behavior-y:none}footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.bfoot{padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}