/* Offset scroll-into-view / screen-reader focus so elements don't end up
   behind the fixed Headroom. The value is set dynamically by the
   Headroom component via a CSS custom property so it automatically accounts
   for the warning banner and different header sizes. The fallback (80px)
   covers the smallest header breakpoint. */
html {
    scroll-padding-top: var(--header-height, 80px);
}