@layer components {
  .page {
    flex: auto;
    min-block-size: var(--space-0);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-block-end: calc(var(--dock-clearance) + var(--space-9));
  }

  @media (prefers-reduced-motion: no-preference) {
    .page {
      scroll-behavior: smooth;
    }
  }
}