* { box-sizing: border-box; }
html { min-width: 320px; background: var(--color-canvas); }
body { width: 100%; min-height: 100vh; margin: 0; color: var(--color-ink); background: var(--color-canvas); font-family: var(--font-sans); font-size: 14px; line-height: normal; zoom: var(--ui-scale); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 3px solid rgb(236 10 60 / 42%); outline-offset: 2px; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 7px; font-size: 24px; letter-spacing: normal; }
h2 { letter-spacing: -.02em; }
.muted { color: var(--color-muted); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.eyebrow { color: var(--color-accent); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
:where([hidden], [v-cloak]) { display: none !important; }
.skip-link { position: fixed; z-index: 200; top: 8px; left: 8px; padding: 9px 12px; color: #fff; border-radius: var(--radius-sm); background: var(--color-accent); transform: translateY(-160%); transition: transform 130ms ease; }
.skip-link:focus { transform: translateY(0); }