html {
  scroll-behavior: smooth;
}

/* Keep anchored content clear of the sticky desktop/mobile header. */
[id="main-content"],
[id="home"],
[id="games"],
[id="learn"],
[id="protect"],
[id="resources"],
[id="videos"],
[id="newsletter"],
[id="check-domain"],
[id="report-domain"],
[id="setup"],
[id="filtering-policy"],
[id="privacy"] {
  scroll-margin-top: 6.5rem;
}

@media (max-width: 64rem) {
  [id="main-content"],
  [id="home"],
  [id="games"],
  [id="learn"],
  [id="protect"],
  [id="resources"],
  [id="videos"],
  [id="newsletter"],
  [id="check-domain"],
  [id="report-domain"],
  [id="setup"],
  [id="filtering-policy"],
  [id="privacy"] {
    scroll-margin-top: 5rem;
  }
}