:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #1f2937;
  background: #f3f6fb;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
.site-header, .site-main, .site-footer { width: min(100% - 2rem, 58rem); margin-inline: auto; }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 0; }
nav { display: flex; gap: 0.75rem; flex-wrap: wrap; }
a { color: #2563eb; text-decoration: none; }
a:hover { text-decoration: underline; }
.site-main { min-height: 60vh; padding: 2rem; background: #fff; border: 1px solid #dbe3ef; border-radius: 0.75rem; box-shadow: 0 0.75rem 2rem rgb(31 41 55 / 8%); }
.site-footer { padding: 1.5rem 0; color: #64748b; font-size: 0.875rem; }

@media (max-width: 600px) {
  .site-header { align-items: flex-start; flex-direction: column; padding: 1rem 0; }
  nav { width: 100%; gap: 0.5rem 0.75rem; }
  .site-main { min-height: 65vh; padding: 1.25rem; }
  h1 { font-size: 1.75rem; }
}