/* Shared styling for the legal pages.
   Same tokens and typefaces as site/index.html, set for reading rather than
   for selling: one narrow column, taller leading, no starfield, no gradients.
   A terms page that performs is a terms page nobody finishes. */

:root{
  --bg:#0C1223; --surface:#131A30; --border:#243050;
  --peri-300:#B0B5F7; --peri-500:#7C82F0;
  --gold:#E3B34F;
  --text:#F2F5FB; --muted:#A6AEC9; --faint:#8790AB;
  --display:'Bricolage Grotesque',-apple-system,BlinkMacSystemFont,sans-serif;
  --body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--body);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

header.nav{
  border-bottom:1px solid var(--border);background:rgba(12,18,35,.92);
  position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);
}
.nav-in{max-width:740px;margin:0 auto;padding:0 22px;display:flex;align-items:center;height:62px}
.mark{
  display:flex;align-items:center;gap:9px;text-decoration:none;margin-right:auto;
  font-family:var(--display);font-weight:500;font-size:19px;letter-spacing:-.2px;
  color:var(--text);
}
.mark i{
  width:8px;height:8px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 10px rgba(227,179,79,.7);flex-shrink:0;
}
.nav a.back{color:var(--faint);text-decoration:none;font-size:14px}
.nav a.back:hover{color:var(--peri-300)}

main{max-width:740px;margin:0 auto;padding:54px 22px 80px}
h1{
  font-family:var(--display);font-weight:400;letter-spacing:-.6px;
  font-size:clamp(30px,5vw,42px);line-height:1.14;margin:0 0 10px;
}
.updated{
  font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--faint);margin:0 0 38px;
}
h2{
  font-family:var(--display);font-weight:500;font-size:19px;
  margin:38px 0 11px;letter-spacing:-.2px;
}
p,li{color:#C6CCDD}
p{margin:0 0 14px}
ul{padding-left:21px;margin:0 0 14px}
li{margin-bottom:7px}
a{color:var(--peri-300)}
strong{color:var(--text);font-weight:500}

/* The one callout. Used where a reader's actual question is answered, not for
   decoration — gold stays special by staying rare. */
.note{
  border:1px solid var(--border);border-left:3px solid var(--gold);
  background:var(--surface);border-radius:12px;padding:15px 17px;
  margin:0 0 30px;font-size:14.5px;
}
.note p:last-child{margin-bottom:0}

footer{
  border-top:1px solid var(--border);padding:26px 22px 52px;
  text-align:center;color:#6E7595;font-size:12.5px;
}