* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { margin: 0; font-family: var(--font-base); color: var(--color-text); background: var(--color-bg); line-height: 1.6; font-size: 1rem; }
a { color: var(--color-primary); text-decoration-thickness: .08em; text-underline-offset: .18em; }
a:hover { color: var(--color-primary-dark); }
img { max-width: 100%; height: auto; }
h1, h2, h3 { color: var(--color-accent); line-height: 1.2; margin: 0 0 .75rem; }
p { margin: 0 0 1rem; }
.skip-link { position: absolute; left: -999px; top: .5rem; background: #fff; padding: .5rem 1rem; z-index: 1000; }
.skip-link:focus { left: .5rem; }