:root {
  color-scheme: light;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f7f7f5;
  color: #202124;
}
* { box-sizing: border-box; }
body { margin: 0; }
.page { width: min(100% - 2rem, 46rem); margin: 0 auto; padding: 4rem 0 2rem; }
main { min-height: calc(100vh - 11rem); }
h1 { margin: 0 0 2rem; font-size: clamp(2rem, 7vw, 3rem); letter-spacing: -0.035em; line-height: 1.05; }
h2 { margin: 2rem 0 0.65rem; font-size: 1.15rem; line-height: 1.3; }
p, li { font-size: 1rem; line-height: 1.72; }
p { margin: 0 0 1rem; }
ul { padding-left: 1.25rem; }
a { color: #174ea6; text-underline-offset: 0.18em; }
a:hover { text-decoration-thickness: 2px; }
footer { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid #d8d8d4; font-size: 0.9rem; }
@media (max-width: 32rem) { .page { padding-top: 2.5rem; } }