/* reset.css - minimal, opinionated reset for consistent base */
:root { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
html, body, #root { height: 100%; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote { margin: 0; padding: 0; }
ul { list-style: none; }
img { display: block; max-width: 100%; height: auto; }
button { background: none; border: none; padding: 0; font: inherit; }
input, textarea, button { font: inherit; }
:focus { outline: 2px solid transparent; outline-offset: 2px; }
.visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* visible focus only for keyboard users */
.user-is-tabbing :focus { outline: 2px solid var(--color-accent-gold); outline-offset: 3px; }