/* Shared styles for the legal pages (privacy, terms). Self-hosted fonts, brand palette. */
@font-face{font-family:"Hanken Grotesk";font-weight:400;font-display:swap;src:url("fonts/hanken-grotesk-400.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:600;font-display:swap;src:url("fonts/hanken-grotesk-600.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:700;font-display:swap;src:url("fonts/hanken-grotesk-700.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url("fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url("fonts/inter-600.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-display:swap;src:url("fonts/jetbrains-mono-400.woff2") format("woff2")}

:root{
  --navy:#12212E; --navy-deep:#0E1A24; --gold:#CCB181; --gold-strong:#B8975F;
  --ink:#14202B; --ink-soft:#45555F; --muted:#6B7A88; --paper:#FFFFFF; --line:rgba(18,33,46,.12);
  --on-navy:#EAF0F3; --on-navy-soft:#A9B8C4;
  --display:"Hanken Grotesk","Segoe UI",system-ui,sans-serif;
  --body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono","Cascadia Code",Consolas,monospace;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--gold-strong)}
a:hover{color:var(--navy)}

header{background:var(--navy-deep);border-bottom:1px solid rgba(204,177,129,.2)}
.bar{max-width:820px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:12px}
.bar .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--on-navy);font-family:var(--display);font-weight:700;font-size:1.12rem}
.bar .brand img{width:32px;height:32px}
.bar .back{margin-left:auto;font-family:var(--display);font-weight:600;font-size:.92rem;color:var(--on-navy-soft);text-decoration:none}
.bar .back:hover{color:var(--gold)}

main{max-width:820px;margin:0 auto;padding:56px 24px 80px}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-strong);margin:0 0 .8rem}
h1{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.12;margin:0 0 .4rem;text-wrap:balance}
.updated{color:var(--muted);font-family:var(--mono);font-size:.8rem;margin:0 0 2.4rem}
h2{font-family:var(--display);font-weight:700;font-size:1.3rem;margin:2.6rem 0 .7rem;color:var(--ink)}
p,li{color:var(--ink-soft);max-width:70ch}
p{margin:0 0 1rem}
ul{padding-left:1.2rem;margin:0 0 1rem}
li{margin-bottom:.4rem}
strong{color:var(--ink);font-weight:600}
.lead{font-size:1.12rem;color:var(--ink-soft)}

.note{background:#F5F4F7;border:1px solid var(--line);border-left:3px solid var(--gold);
      border-radius:10px;padding:16px 20px;margin:1.4rem 0}
.note p{margin:0;font-size:.96rem}

footer{background:var(--navy-deep);color:var(--on-navy-soft);border-top:1px solid rgba(204,177,129,.2)}
.foot{max-width:820px;margin:0 auto;padding:28px 24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
      font-family:var(--mono);font-size:.72rem;letter-spacing:.04em}
.foot a{color:var(--on-navy-soft)}
.foot a:hover{color:var(--gold)}