/* 2) Reset (lowest power) */

/* 1) Box sizing only — no border massaging */
*, *::before, *::after { box-sizing: border-box; }

/* 2) Kill default margins only (not padding, not font) */
h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd { margin: 0; }
body { margin: 0; }

/* 3) Media defaults */
img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; }

/* 4) Form controls: inherit font, keep native backgrounds/borders */
input, button, textarea, select { font: inherit; color: inherit; }

/* Don’t nuke button appearance globally — keep it accessible */
button,[type="button"],[type="submit"],[type="reset"] { cursor: pointer; }

/* 5) Typography neutralizers */
h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit; }


/* 6) Smooth scroll only when user is keyboard navigating */
html:focus-within { scroll-behavior: smooth; font-size: 16px; }

/* 7) Accessibility helper */
.screen-reader-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}