/* Keep horizontal decoration clipped without creating a scroll container.
   This lets the sticky header follow the viewport on the document scroll. */
html {
  overflow-x: clip;
  max-width: 100vw;
}

body {
  overflow-x: clip;
}

[data-aw-header] {
  position: fixed !important;
  inset: 0 0 auto;
  width: 100%;
}

[data-aw-header-spacer] {
  height: 56px;
}

@media (max-width: 980px) {
  [data-aw-header-spacer] {
    height: 68px;
  }
}

@media (max-width: 560px) {
  [data-aw-header-spacer] {
    height: 60px;
  }
}

/* Keep anchor targets clear of the pinned header. */
section[id] {
  scroll-margin-top: 72px;
}