/* Shared styling for the terms, privacy, payment, 404 and research pages.
   Deliberately plain: legal copy has to be read, not admired. No glass, no
   motion, nobody wants a cinematic privacy policy.

   PALETTE MATCHES THE MAIN SITE, and did not until 1 August 2026. These
   pages were still on the retired gold-on-navy scheme from the first
   design, which broke two locked house rules at once: the canvas must be
   near-black and never navy, and there is exactly ONE accent. Gold plus
   sky blue made five published pages look like a different company. */

:root{
  --ink:#F2F3F1;                    /* same as tokens.css */
  --dim:#A2A7AC;
  --accent:#5683DA;                 /* the one accent. There is no second */
  --bg:#090A0C;                     /* near-black, never navy */
  --line:rgba(242,243,241,.12);
}
*{margin:0; padding:0; box-sizing:border-box}
body{
  font-family:'Inter',-apple-system,'Segoe UI',system-ui,sans-serif;
  background:var(--bg); color:var(--ink);
  -webkit-font-smoothing:antialiased; line-height:1.65;
}
.mono{font-family:'JetBrains Mono','Cascadia Code',ui-monospace,Consolas,monospace}
a{color:var(--accent)}
a:hover{color:var(--ink)}

.doc{max-width:760px; margin:0 auto; padding:clamp(30px,6vw,72px) clamp(20px,5vw,32px) 96px}

.top{display:flex; align-items:center; gap:10px; margin-bottom:46px;
  padding-bottom:26px; border-bottom:1px solid var(--line)}
.top .mark{width:24px; height:24px; flex:none; display:block; color:var(--ink)}
.top b{font-weight:800; letter-spacing:-.02em; font-size:16px}
.top .back{margin-left:auto; font-size:13px}

h1{font-size:clamp(30px,5vw,44px); font-weight:700; letter-spacing:-.035em; line-height:1.08}
.updated{font-size:12px; letter-spacing:.14em; color:var(--dim); text-transform:uppercase; margin-top:14px}
.lede{font-size:16.5px; color:var(--dim); margin-top:22px}

h2{font-size:20px; font-weight:700; letter-spacing:-.02em; margin:44px 0 12px}
h2 span{color:var(--accent); margin-right:10px; font-size:14px}
p{margin:0 0 14px; color:var(--dim); font-size:15.5px}
p strong{color:var(--ink); font-weight:600}
ul{margin:0 0 16px 20px; color:var(--dim); font-size:15.5px}
li{margin-bottom:8px}

.note{
  border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:10px; padding:18px 20px; margin:26px 0;
  background:rgba(255,255,255,.03);
}
.note p:last-child{margin-bottom:0}

footer{margin-top:64px; padding-top:26px; border-top:1px solid var(--line);
  font-size:13px; color:var(--dim)}
footer a{margin-right:18px}