/* 2026-10-04: the PC/tablet header is back to the 2026-10-03 look (desktop-rhythm / tablet-header removed).
   Header height = logo (min(100vw,1100px) x 128.73/1100) + nav (25px padding x2 + 1.2 x --fz-nav + 8px) + 1px border.
   It is the anchor offset until main.js sets --fixed-header, so hash links on page load are not hidden. */
@media screen and (min-width: 768px) {
  html { scroll-padding-top: max(var(--fixed-header, 0px), calc(min(100vw, 1100px) * 0.11703 + 59px + 1.2 * clamp(20px, 8.4px + 1.51vw, 25px))); }
  main[id], main section[id], main h1[id], main h2[id], main h3[id], main details[id] { scroll-margin-top: 16px; }
}
/* 768-1023px: keep the 10/3 nav size, but let the six items fit on one row (side padding 40px -> 16px). */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .site-header .main-nav ul { padding-inline: 16px; }
}
/* Landscape phones: the header is static (common.css), so no offset. */
@media (orientation: landscape) and (max-height: 500px) and (pointer: coarse) {
  html { scroll-padding-top: 0; }
}