/* ── Box sizing ── */
*, *::before, *::after { box-sizing: border-box; }

/* ── Reset margins & paddings ── */
* { margin: 0; padding: 0; }

/* ── Root & body ── */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { line-height: 1.5; -webkit-font-smoothing: antialiased; }

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

/* ── Form elements inherit font ── */
input, button, textarea, select { font: inherit; }

/* ── Avoid text overflow ── */
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

/* ── Remove list styles ── */
ul, ol { list-style: none; }

/* ── Remove default anchor styles ── */
a { text-decoration: none; color: inherit; }

/* ── Remove default button styles ── */
button { background: none; border: none; cursor: pointer; }

/* ── Reduce motion for accessibility ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}