/* ===== base.css — reset + primitives ===== */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  min-height: 100vh;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: inherit; }
p, h1, h2, h3, h4 { overflow-wrap: break-word; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; padding: 0; }

.visually-hidden, .skip-link {
  position: absolute; width: 1px; height: 1px; padding: 0;
  margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.skip-link:focus {
  position: fixed; top: 12px; left: 12px; width: auto; height: auto;
  clip: auto; z-index: 999; padding: .7rem 1rem; border-radius: 8px;
  background: #ff2e88; color: #08080d; font-weight: 700;
}
:focus-visible {
  outline: 2px solid #00e5ff;
  outline-offset: 3px;
  border-radius: 4px;
}