/* Privacy and terms pages. Values from replica/design/tokens.json (light) and tokens.dark.json (dark). */
:root{
  --bg:#faf6ea; --surface:#f3ebc8; --border:#e4d9b4;
  --text:#1f2a44; --text-muted:#4c5570; --accent:#f07eaa; --accent-text:#a8325f;
  --hero:#1f2a44; --on-hero:#f3ebc8; --hero-accent:#f07eaa;
  --display:'Instrument Serif', Georgia, serif;
  --sans:'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --r-md:14px;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#121828; --surface:#1f2a44; --border:#334063;
    --text:#f3ebc8; --text-muted:#c2c4cc; --accent-text:#f07eaa;
  }
}
*{box-sizing:border-box; margin:0; padding:0}
body{background:var(--bg); color:var(--text); font:500 16px/1.7 var(--sans); -webkit-font-smoothing:antialiased}
a{color:var(--accent-text)}
header{background:var(--hero); color:var(--on-hero); padding:20px 0 44px}
.wrap{max-width:760px; margin:0 auto; padding:0 20px}
.logo{font-family:var(--display); font-size:28px; color:var(--on-hero); text-decoration:none}
.logo em{color:var(--hero-accent)}
h1{font-family:var(--display); font-weight:400; font-size:clamp(38px,7vw,54px); line-height:1.05; margin-top:36px}
h1 em{color:var(--hero-accent)}
.updated{color:#b9bfd0; font-size:14px; margin-top:10px}
main{padding:44px 0 64px}
h2{font-family:var(--display); font-weight:400; font-size:30px; line-height:1.15; margin:40px 0 12px}
p,ul{margin-bottom:14px}
ul{padding-left:22px}
li{margin-bottom:6px}
.box{background:var(--surface); border-radius:var(--r-md); padding:18px 20px; margin:20px 0}
.box p:last-child,.box ul:last-child{margin-bottom:0}
footer{border-top:1px solid var(--border); padding:24px 0; font-size:14px; color:var(--text-muted)}