@media screen and (min-width: 768px) {
  /* In-page links: keep headings below the sticky header (logo 1100x140 + 2-row nav as on 2026-10-03). JS sets --fixed-header after load. */
  html { scroll-padding-top: var(--fixed-header, calc(min(100vw, 1100px) * 0.1273 + 144px)) !important; }
  main[id], main [id], body > section[id] { scroll-margin-top: 16px !important; }
}
@media (orientation: landscape) and (max-height: 500px) and (pointer: coarse) {
  html { scroll-padding-top: 0 !important; }
}