:root {
  color-scheme: light;
  font-family: Arial, Helvetica, sans-serif;
  color: #202124;
  background: #f5f6f8;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
.site-header, .site-footer { background: #101828; color: #fff; }
.site-header { padding: 22px 20px; }
.site-header a { color: #fff; text-decoration: none; font-weight: 700; }
.page-shell { width: min(900px, calc(100% - 32px)); margin: 32px auto; padding: 32px; background: #fff; box-shadow: 0 4px 24px rgba(16, 24, 40, .08); }
h1 { margin-top: 0; line-height: 1.2; }
h2, h3 { margin-top: 1.5em; line-height: 1.3; }
a { color: #0b57d0; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 24px; padding-top: 24px; border-top: 1px solid #e4e7ec; }
.site-footer { padding: 20px; text-align: center; font-size: 14px; }
@media (max-width: 600px) { .page-shell { margin: 16px auto; padding: 22px; } }