/* Terra — shared styling for the standalone legal pages (privacy, terms).
   Reuses the app's ink/paper design tokens and self-hosted Hanken Grotesk. */
:root{
  --ink:#121118; --ink-1:#181722; --ink-line:#2b2937;
  --gold:#C9A86A; --tx:#EFE7DA; --tx-soft:#B4AC9D; --tx-mute:#807A70;
  --maxw:760px;
  --sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--sans); line-height:1.65; color:var(--tx);
  background:
    radial-gradient(1200px 700px at 78% -8%, #221d33 0%, transparent 60%),
    radial-gradient(900px 600px at 8% 12%, #1a2230 0%, transparent 55%),
    var(--ink);
  -webkit-font-smoothing:antialiased; min-height:100vh;
  padding:0 22px 120px;
}
.wrap{max-width:var(--maxw); margin:0 auto}
header.legal-top{
  display:flex; align-items:center; justify-content:space-between;
  padding:26px 0 40px; border-bottom:1px solid var(--ink-line); margin-bottom:44px;
}
.brand{display:flex; align-items:center; gap:.5em; text-decoration:none; color:var(--tx)}
.brand-name{font-weight:500; letter-spacing:.42em; font-size:15px}
.brand-mark{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}
.back{color:var(--tx-mute); text-decoration:none; font-size:14px}
.back:hover{color:var(--tx-soft)}
h1{font-weight:300; font-size:clamp(32px,6vw,48px); letter-spacing:-.01em; margin-bottom:10px}
.updated{color:var(--tx-mute); font-size:13px; letter-spacing:.04em; margin-bottom:40px}
h2{font-weight:500; font-size:21px; color:#fff; margin:38px 0 12px; letter-spacing:-.01em}
p,li{color:var(--tx-soft); font-size:16px; margin-bottom:14px}
ul{padding-left:22px; margin-bottom:14px}
li{margin-bottom:8px}
a{color:var(--gold)}
strong{color:var(--tx); font-weight:600}
.note{background:var(--ink-1); border:1px solid var(--ink-line); border-radius:12px; padding:16px 18px; margin:22px 0; font-size:14px; color:var(--tx-mute)}
.todo{color:#E2C68C; background:rgba(226,198,140,.08); border:1px dashed rgba(226,198,140,.4); border-radius:6px; padding:1px 7px; font-size:.92em}
footer.legal-foot{margin-top:64px; padding-top:24px; border-top:1px solid var(--ink-line); color:var(--tx-mute); font-size:13px}
footer.legal-foot a{color:var(--tx-soft); text-decoration:none; margin-right:18px}