:root {
  --navy: #0a1628;
  --panel: #101f38;
  --gold: #c9a84c;
  --gold-light: #e8c97a;
  --cream: #fdf8ef;
  --text: #d9dfeb;
  --muted: #8a9ab8;
  --border: rgba(201, 168, 76, 0.22);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 85% 10%, rgba(26, 58, 107, 0.42), transparent 34%),
    var(--navy);
  color: var(--text);
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  line-height: 1.75;
}

a { color: var(--gold-light); }
a:hover, a:focus-visible { color: var(--cream); }
.legal-shell { width: min(880px, calc(100% - 2rem)); margin: 0 auto; padding: 2rem 0 4rem; }
.legal-nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 3rem; }
.brand { color: var(--cream); font: 600 1.35rem 'Cormorant Garamond', serif; text-decoration: none; }
.brand span { color: var(--gold); }
.back-link { color: var(--muted); font-size: 0.75rem; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }
.legal-header { padding-bottom: 2rem; border-bottom: 1px solid var(--border); }
.eyebrow { margin: 0 0 0.4rem; color: var(--gold); font-size: 0.68rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; }
h1, h2 { color: var(--cream); font-family: 'Cormorant Garamond', serif; font-weight: 600; }
h1 { margin: 0; font-size: clamp(2.5rem, 7vw, 4.2rem); line-height: 1.05; }
h2 { margin: 2.3rem 0 0.65rem; font-size: 1.75rem; line-height: 1.2; }
.effective { margin: 0.75rem 0 0; color: var(--muted); font-size: 0.78rem; }
.intro { margin: 1.25rem 0 0; max-width: 720px; color: var(--text); }
.legal-content { padding: 0 0.25rem; }
.legal-content p { margin: 0.65rem 0; }
.legal-content ul { margin: 0.65rem 0; padding-left: 1.3rem; }
.legal-content li { margin: 0.45rem 0; }
.legal-content strong { color: var(--cream); font-weight: 500; }
.notice { margin: 2rem 0; padding: 1rem 1.15rem; border: 1px solid var(--border); border-radius: 10px; background: rgba(201, 168, 76, 0.06); color: var(--cream); }
.legal-footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.75rem; }
.legal-footer-links { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 0.5rem; }

@media (max-width: 560px) {
  .legal-shell { width: min(100% - 1.25rem, 880px); padding-top: 1rem; }
  .legal-nav { margin-bottom: 2rem; }
  h2 { font-size: 1.55rem; }
}