/* ===========================================================================
   Resize — shared stylesheet for the legal pages (privacy, terms).
   Tokens are the same indigo system as index.html; only the document furniture
   lives here, because a legal page is prose, not a landing page.
   =========================================================================== */
:root {
  --i50:#EEF0FE; --i100:#E0E3FC; --i200:#C4C8F8; --i300:#9EA3F2;
  --i400:#7B7DEC; --i500:#6465E8; --i600:#4E47DC; --i700:#3D35C0;
  --i800:#2F2996; --i900:#1F1B66; --i950:#12103D;

  --ink:#0E1020; --ink2:#3A3F55; --muted:#6B7189; --faint:#A6ABBE;
  --canvas:#F7F8FC; --surface:#FFFFFF; --line:#E4E7F2;
  --warn:#F59E0B; --warn-bg:#FEF4E2; --warn-ink:#7A4E05;

  --stage: linear-gradient(135deg, #12103D 0%, #221E58 100%);
  --display:'Space Grotesk','Inter',system-ui,sans-serif;
  --body:'Inter',system-ui,-apple-system,sans-serif;
  --radius: 14px;
  --page: 760px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink:#EEF0F8; --ink2:#C3C7D8; --muted:#9096AC; --faint:#6C7288;
    --canvas:#0B0B18; --surface:#14142A; --line:#262646;
    --warn:#F0B34A; --warn-bg:#2E2310; --warn-ink:#F0B34A;
  }
}

*,*::before,*::after { box-sizing:border-box; }
body {
  margin:0; background:var(--canvas); color:var(--ink);
  font-family:var(--body); font-size:17px; line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
.wrap { width:100%; max-width:var(--page); margin:0 auto; padding-inline:clamp(1.1rem,4vw,2rem); }

h1,h2 { font-family:var(--display); margin:0; line-height:1.15; letter-spacing:-.022em; }
h1 { font-size:clamp(1.9rem,4.4vw,2.7rem); font-weight:700; }
h2 { font-size:1.18rem; font-weight:600; margin-top:2.6rem; }
p, ul { margin:.85rem 0 0; }
ul { padding-left:1.15rem; }
li { margin-bottom:.4rem; }
a { color:var(--i600); }
@media (prefers-color-scheme:dark) { :root:not([data-theme="light"]) a { color:var(--i300); } }
dt { font-weight:600; margin-top:1rem; }
dd { margin:.15rem 0 0; color:var(--ink2); }

/* --------------------------------------------------------------- header --- */
.nav { background:var(--stage); color:#fff; }
.nav .wrap {
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; padding-block:1rem; max-width:1140px;
}
.brand {
  display:inline-flex; align-items:center; gap:.55rem; color:#fff;
  font-family:var(--display); font-weight:600; font-size:1.05rem; text-decoration:none;
}
.mark { display:inline-grid; grid-template-columns:11px 6px; gap:2px; width:19px; }
.mark i { display:block; height:11px; border-radius:2px; background:var(--i400); }
.mark i:nth-child(2) { background:var(--i300); }
.mark i:nth-child(3) { grid-column:1/-1; height:6px; background:var(--i200); }
.nav a.back { color:var(--i200); font-size:.92rem; text-decoration:none; }
.nav a.back:hover { color:#fff; }

/* ------------------------------------------------------------- document --- */
main { padding-block:clamp(2.4rem,6vw,4rem) clamp(3rem,7vw,4.5rem); }
.eyebrow {
  font-family:var(--display); font-size:.76rem; font-weight:600;
  letter-spacing:.15em; text-transform:uppercase; color:var(--i600);
}
.updated { color:var(--muted); font-size:.92rem; margin-top:.6rem; }

.draft {
  display:flex; gap:.7rem; align-items:flex-start;
  margin-top:1.6rem; padding:.95rem 1.15rem;
  background:var(--warn-bg); border:1px solid var(--warn); border-radius:var(--radius);
  color:var(--warn-ink); font-size:.94rem; line-height:1.55;
}
.draft strong { font-family:var(--display); }

.identity {
  margin-top:1.4rem; padding:1.1rem 1.25rem;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  font-size:.95rem;
}
.identity dl { margin:0; }

/* --------------------------------------------------------------- footer --- */
footer { border-top:1px solid var(--line); padding-block:2rem; color:var(--muted); font-size:.88rem; }
footer .wrap { display:flex; flex-wrap:wrap; gap:.6rem 1.4rem; justify-content:space-between; max-width:1140px; }
footer .legal { display:flex; flex-direction:column; gap:.2rem; }
footer nav { display:flex; flex-wrap:wrap; gap:1rem; align-items:flex-start; }
footer a { color:var(--muted); text-decoration:none; }
footer a:hover { color:var(--i600); text-decoration:underline; }