*, *::before, *::after { box-sizing: border-box; }
html { width: 100%; background: var(--background); color: var(--foreground); }
body { min-width: 320px; margin: 0; overflow-x: hidden; color: var(--ink); background: var(--paper); font-family: var(--font-sans); line-height: 1.8; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
main { display: block; }
img { display: block; height: auto; max-width: 100%; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .18em; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
ul, ol, figure { margin: 0; }
iframe { max-width: 100%; border: 0; }
:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { top: 12px; left: 12px; clip: auto; width: auto; height: auto; margin: 0; padding: .75rem; z-index: 100000; background: var(--paper); }