*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 24px); }
body { margin: 0; min-width: 320px; background: var(--white); color: var(--ink); }
img, picture, svg, video { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { border: 0; }
a { color: inherit; text-decoration: none; }
ul, ol { padding: 0; margin: 0; }
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; }
:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }
::selection { background: var(--yellow); color: var(--navy); }
[hidden] { display: none !important; }