* { box-sizing: border-box; }
html { touch-action: manipulation; }   /* phones: no double-tap zoom; pinch still zooms */
html, body { margin: 0; background: #fff; color: var(--ink); }
body { font: 15px/1.5 system-ui, -apple-system, "Helvetica Neue", sans-serif; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}