/* Shared styles for privacy.html and terms.html. Brand tokens match index.html. */
:root { --ink-deep:#0b2925; --cream:#f3f0e6; --mint:#75cfbb; --muted:rgba(243,240,230,.7); --line:rgba(243,240,230,.16); color-scheme: dark; }
* { box-sizing: border-box; }
body { margin:0; background:var(--ink-deep); color:var(--cream); font:17px/1.7 "DM Sans","Segoe UI",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
.wrap { max-width:760px; margin:0 auto; padding-block:48px 80px; padding-left:max(20px,env(safe-area-inset-left,0px)); padding-right:max(20px,env(safe-area-inset-right,0px)); }
a { color:var(--mint); }
.back { display:inline-flex; align-items:center; gap:10px; margin-bottom:48px; font:500 .78rem/1 "DM Mono",ui-monospace,monospace; letter-spacing:.16em; text-decoration:none; color:var(--cream); }
.back img { width:24px; height:24px; }
h1 { font:400 clamp(2.6rem,1.8rem + 3vw,4.2rem)/1 "Instrument Serif",Georgia,serif; letter-spacing:-.02em; margin:0 0 14px; }
h2 { font:400 1.7rem/1.1 "Instrument Serif",Georgia,serif; margin:44px 0 10px; }
p, li { color:var(--muted); }
b { color:var(--cream); font-weight:500; }
.meta { font:.78rem "DM Mono",ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--mint); margin-bottom:32px; }
footer { border-top:1px solid var(--line); margin-top:56px; padding-top:20px; color:var(--muted); font-size:.85rem; }
:focus-visible { outline:2px solid var(--mint); outline-offset:3px; }