*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }
body { min-height: 100svh; background: var(--bg); color: var(--fg); }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
img, video { height: auto; }
button, input, textarea, select { font: inherit; }
button, [role="button"] { cursor: pointer; }
textarea { resize: vertical; }
a { color: inherit; }
[hidden] { display: none !important; }
:root { --focus-ring: var(--forest); }
[data-theme="dark"], .on-dark { --focus-ring: var(--gold); }
:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) {
 *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}