/* One offset source avoids stacking scroll-padding and scroll-margin. */
:root { --site-header-height: 81px; }
@media (max-width: 900px) {
  :root { --site-header-height: 117px; }
}
html { scroll-padding-top: 0 !important; }
html body main [id] {
  scroll-margin-top: calc(var(--site-header-height) + 12px) !important;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}