*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { color: var(--color-ink); background: var(--color-canvas); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.6; }
body { min-width: 20rem; margin: 0; }
button, input, select, textarea { font: inherit; }
button, input, select, textarea, a { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { cursor: wait; opacity: .65; }
a { color: var(--role-color); }
:focus-visible { outline: .2rem solid #111; outline-offset: .15rem; }
h1, h2, p { margin-top: 0; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
legend { width: 100%; margin-bottom: var(--space-4); font-size: 1.15rem; font-weight: 800; }
.u-skip-link { position: fixed; left: var(--space-3); top: var(--space-3); z-index: 100; padding: var(--space-2) var(--space-3); transform: translateY(calc(-100% - var(--space-6))); background: #111; color: #fff; white-space: nowrap; }
.u-skip-link:focus { transform: none; }
.u-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }