/* Native fallback + fixed-header alignment for anchors. Lenis handles fine
   pointers; native smooth scrolling remains active for touch and keyboard. */
html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 100px;
}

body :where([id]) {
  scroll-margin-top: 100px;
}

@media (max-width: 820px) {
  html {
    scroll-padding-top: 82px;
  }

  body :where([id]) {
    scroll-margin-top: 82px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}