/* Shared header: the existing elements, approximately 20% larger. */
.hd{border-bottom:0}
.hd img{height:26.4px;width:auto}
.hd nav a,.hd .back{font-size:12.6px;line-height:1.3}
.hd nav a{padding-block:4px}
.hd .sb{font-size:12.6px;line-height:1.3;padding:8.4px 15.6px}
.hd .lg a,.hd .lg button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;line-height:1;min-height:30px;padding:8.4px 10.8px}
.hd .lg .sep{flex-shrink:0}

/* Footer headings keep their exact typography while using the correct level. */
.ft-r h2.footer-heading{font-family:inherit;font-size:9.5px;line-height:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);margin:0 0 13px;font-weight:400;max-width:none}

/* Keep navigation on its existing second row when one row no longer fits. */
@media(max-width:1200px){
  .hd:has(>nav.dsk){flex-wrap:wrap}
  .hd>nav.dsk{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:20px;margin-top:10px;padding:8px 0 3px;border-top:0;scrollbar-width:none;-ms-overflow-style:none}
  .hd>nav.dsk::-webkit-scrollbar{display:none}
  .hd:has(>nav.dsk)+.inner{padding-top:calc(clamp(12px,1.6vw,22px) + 132px)}
}
@media(max-width:760px){
  .hd img{height:24px}
  .hd .lg a,.hd .lg button{padding:15.6px 12px}
  .hd .sb{padding:15.6px 19.2px}
  .hd>nav.dsk{gap:19px;margin-top:10px;padding:8px 0 3px}
  .hd>nav.dsk a{padding-block:13px}
  .hd:has(>nav.dsk)+.inner{padding-top:calc(clamp(12px,1.6vw,22px) + 144px)}
}
@media(max-width:420px){
  .hd{padding-inline:12px}
  .hd img{height:21.6px}
  .hd .rgt{gap:6px}
  .hd .lg a,.hd .lg button{padding-inline:7px}
  .hd .sb{padding-inline:10px;letter-spacing:.08em}
}
@media(max-width:360px){
  .hd{left:9px;right:9px;padding-inline:8px}
  .hd .lg a,.hd .lg button{padding-inline:5px}
  .hd .sb{padding-inline:8px;letter-spacing:.06em}
}