@media screen and (min-width: 768px) {
  /* 2026-10-04 evening (Kawai: "メニューが狭い・フォントが小さい"): the compact header rules are removed; logo, nav and
     header spacing are back to common.css (the 2026-10-03 look). Kept: anchor offset, landscape-phone exception, D4. */
  /* Before main.js sets --fixed-header, estimate the 10/3 header: logo (1100x129, full width up to 1100px) + nav row (82-88px). */
  html { scroll-padding-top: max(var(--fixed-header, calc(min(100vw, 1100px) * 0.1172 + 82px)), calc(min(100vw, 1100px) * 0.1172 + 82px)) !important; }
  /* Landscape phones (768px+ wide): the header is static and scrolls away, so no top offset (2026-10-04 audit 2; was the header height). */
  html.is-landscape-phone { scroll-padding-top: 0 !important; }
  /* 2026-10-04 audit 2: every anchor in main (h3 #other-contracts etc. too); :target added the header height twice. */
  main[id], main [id] { scroll-margin-top: 16px !important; }
  /* 2026-10-04 UI audit D4: "#index p" (body size) made the top page contact cards differ from the other pages; keep common.css sizes. */
  #index .contact-card .contact-head { font-size: clamp(1.8rem, 1.6rem + 0.5vw, 2rem); }
  #index .contact-card .small { font-size: var(--fz-cta-mini); }
  /* 2026-10-04 audit 2: "主な補償内容" is an h2 like the section titles (was 30px against 26px). */
  #index .coverage-title { font-size: var(--fz-title); }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* Tablet: the 10/3 nav size is kept; only the gaps shrink so the six items stay on one row
     (10/3 wrapped to two rows at 768-847px and 904-967px). Separators stay centred in the gap. */
  .site-header .main-nav ul { --nav-gap: clamp(16px, calc(10vw - 56px), 40px); column-gap: var(--nav-gap); padding-inline: 16px; }
  .site-header .main-nav li + li::before, .site-header .main-nav li:first-child::before { left: calc(var(--nav-gap) / -2); }
  .site-header .main-nav li:last-child::after { right: calc(var(--nav-gap) / -2); }
  /* 2026-10-04 audit 2: 40px+ touch targets (were 32px) without making the header taller. */
  .site-header .main-nav a { padding-block: .8rem; margin-block: -.4rem; }
}