/* ==========================================================================
   Layer 3: Reset — minimal, :where() scoped
   Sources: modern-normalize, Josh Comeau, Andy Bell
   ========================================================================== */

:where(*, *::before, *::after) { box-sizing: border-box; }
:where(html) { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; overflow-x: clip; }
:where(body) { margin: 0; min-height: 100svh; line-height: var(--line-normal); -webkit-font-smoothing: antialiased; overflow-x: clip; }
:where(img, picture, video, canvas, svg) { display: block; max-width: 100%; height: auto; }
:where(input, button, textarea, select) { font: inherit; }
:where(h1, h2, h3, h4, h5, h6) { text-wrap: balance; overflow-wrap: break-word; }
:where(p) { text-wrap: pretty; overflow-wrap: break-word; }
:where(ul[role='list'], ol[role='list']) { list-style: none; padding: 0; margin: 0; }
:where(a) { color: inherit; }
:where(:target) { scroll-margin-block: 5ex; }

@media (prefers-reduced-motion: no-preference) {
  :where(html) { scroll-behavior: smooth; interpolate-size: allow-keywords; }
}