/* Minimal reset shared by every page. Visual design lives in each page's own tokens/styles. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; overflow-x: clip; }   /* decorative layers (auras, chips, carousels) never widen the page on phones */
body, h1, h2, h3, h4, p, ul, ol, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img, svg, video { display: block; max-width: 100%; height: auto; }
button { font: inherit; color: inherit; cursor: pointer; border: 0; background: none; }
a { color: inherit; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* No prefers-reduced-motion override: the owner chose the full motion design for everyone (2026-10-03, AGENTS.md). */