*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--eb-color-ink); background: var(--eb-color-canvas); font-family: var(--eb-font-sans); line-height: 1.6; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
.container { width: min(100% - 2rem, var(--eb-container)); margin-inline: auto; }
.site-main { min-height: 55vh; }
.content-stack { padding-block: var(--eb-space-7); }
.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 { z-index: 100000; top: .5rem; left: .5rem; width: auto; height: auto; padding: .75rem 1rem; clip: auto; background: var(--eb-color-surface); }