html {
  scroll-behavior: smooth;
  scroll-padding: 5rem;
}

/* Header (For now) is stick at larger screen sizes */
@container c-page-wrapper (min-width: 42rem) {
  .sticky--top {
    position: sticky;
    top: 0;
    z-index: 10;
  }
}

.container {
  container-type: inline-size;
}