/* anchor_offset.css */

:root { --header-h: 135px; }
html { scroll-padding-top: var(--header-h); }

main h1[id], main h2[id], main h3[id],
main h4[id], main h5[id], main h6[id],
main .anchor[id] {
  scroll-margin-top: var(--header-h);
}

@media (max-width: 736px) {
  :root { --header-h: 69px; }
}