:root {
  --navy-deep: #0B2545;
  --navy: #133C6B;
  --navy-mid: #3C516A;
  --ground: #F4F7FA;
  --surface: #FFFFFF;
  --ink: #0B2545;
  --ink-soft: #5A6A7E;
  --line: #C5D3E0;
  --accent: #188BF6;
  --amber: #F6AD55;
  --danger: #E93D3D;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--ground); color: var(--ink);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.site-header {
  background: linear-gradient(180deg, var(--navy-mid) 0%, var(--navy-deep) 100%);
  padding: 20px 24px;
}
.site-header .brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.brand-logo { width: 40px; height: 40px; border-radius: 50%; }
.brand-name {
  color: #FFFFFF; font-weight: 700; font-size: 14px; letter-spacing: 0.04em;
  display: flex; flex-direction: column; line-height: 1.3;
}
.brand-name small { color: #C5D3E0; font-weight: 500; font-size: 11px; letter-spacing: 0.06em; }

.site-footer {
  max-width: 640px; margin: 40px auto 0; padding: 20px 20px 40px;
  text-align: center; color: var(--ink-soft); font-size: 13px;
}
.site-footer a { color: var(--ink-soft); text-decoration: underline; }
.site-footer div + div { margin-top: 6px; }

.legal-wrap { max-width: 640px; margin: 0 auto; padding: 40px 20px; }
.legal-wrap a.back { color: var(--ink-soft); font-size: 13px; text-decoration: none; }
.legal-wrap h1 { font-size: 28px; margin: 16px 0 4px; }
.legal-wrap .updated { color: var(--ink-soft); font-size: 13px; margin: 0 0 28px; }
.legal-wrap h2 { font-size: 18px; margin: 28px 0 8px; color: var(--navy); }
.legal-wrap p, .legal-wrap li { color: var(--ink-soft); font-size: 15px; line-height: 1.6; }
.legal-wrap a { color: var(--accent); }
.legal-wrap .fine-print { font-size: 13px; margin-top: 32px; }