* { box-sizing: border-box; }
html { min-height: 100%; overflow-x: clip; background: var(--bg); text-size-adjust: 100%; }
body { width: 100%; min-width: 0; margin: 0; min-height: 100vh; min-height: 100dvh; overflow-x: clip; color: var(--text); background: var(--bg); font-family: Inter, Tahoma, Arial, sans-serif; }
button, input, select { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, p { margin-top: 0; overflow-wrap: anywhere; }
fieldset, img, svg { min-width: 0; max-width: 100%; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }