/* Shared styles for the reading pages (privacy, terms, 404). Same tokens as index.html. */
@font-face{font-family:'Zodiak Fallback'; src:local('Georgia Bold'), local('Georgia-Bold'), local('Georgia'); font-weight:700; size-adjust:98.2%; ascent-override:100.8%; descent-override:26.5%; line-gap-override:0%}
@font-face{font-family:'Poppins Fallback'; src:local('Arial'), local('Roboto'); size-adjust:112.16%; ascent-override:93.62%; descent-override:31.21%; line-gap-override:8.92%}
@font-face{font-family:'Inter Fallback'; src:local('Arial'), local('Roboto'); size-adjust:107.4%; ascent-override:90.2%; descent-override:22.48%; line-gap-override:0%}
:root{
  --ground:#FFFFFF; --tint:#F4F8FA; --frost:#EEF4F8; --paper:#F8F7F3; --ink:#1E3A50; --heading:#0B3C5D; --muted:#4F6577; --line:#DCE4EB;
  --green:#1FA67A; --green-ink:#13805C; --navy:#0B3C5D; --navy-hover:#0F5583; --amber:#F5A623;
  --on-dark:#FFFFFF; --mark:#FCD98F; --mark-ink:#1F2933;
  --display:'Zodiak','Zodiak Fallback','Noto Sans Devanagari',Georgia,serif;
  --body:'Inter','Inter Fallback','Noto Sans Devanagari',sans-serif;
  --brandface:'Poppins','Poppins Fallback',sans-serif;
  --r:6px; --pill:999px; --gutter:clamp(16px, 4vw, 56px); --max:1280px; --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip; -webkit-text-size-adjust:100%}
body{margin:0; overflow-x:clip; background:var(--ground); color:var(--ink); font:400 17px/1.65 var(--body)}
::selection{background:var(--mark); color:var(--mark-ink)}
a{color:var(--heading); text-decoration-thickness:2px; text-underline-offset:.22em; text-decoration-color:var(--green)}
a:hover{text-decoration-color:var(--heading)}
:focus-visible{outline:3px solid var(--amber); outline-offset:3px; border-radius:2px}
.wrap{width:min(var(--max), 100% - 2 * var(--gutter)); margin-inline:auto}

.top{background:var(--ground); border-bottom:1px solid var(--line)}
.top .wrap{display:flex; align-items:center; gap:24px; height:72px}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; font:700 21px/1 var(--brandface); letter-spacing:-.02em; color:var(--heading)}
.brand svg{width:28px; height:34px; flex:none}
.brand .w{color:var(--green-ink)}
.top nav{margin-left:auto; display:flex; gap:24px}
.top nav a{font-size:15px; font-weight:500; color:var(--ink); text-decoration:none}
.top nav a:hover{color:var(--heading); text-decoration:underline; text-decoration-color:var(--green)}
.btn{display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 24px; border-radius:var(--pill); background:var(--navy); color:var(--on-dark); font:600 16px/1.2 var(--body); text-decoration:none; transition:background-color .18s var(--ease), transform .18s var(--ease)}
.btn:hover{background:var(--navy-hover)}
.btn:active{transform:scale(.97)}
@media (max-width:700px){.top nav{display:none} .top .btn{margin-left:auto}}

.doc-head{background:var(--frost); padding-block:clamp(48px, 7vw, 96px)}
.doc-head h1{font:700 clamp(36px, 5vw, 64px)/1.05 var(--display); letter-spacing:-.02em; color:var(--heading); margin:0 0 16px}
.doc-head p{margin:0; color:var(--muted)}
.prose{max-width:68ch; padding-block:clamp(48px, 6vw, 88px)}
.prose h2{font:700 clamp(22px, 2.2vw, 28px)/1.25 var(--display); color:var(--heading); margin:48px 0 12px; letter-spacing:-.01em}
.prose h2:first-child{margin-top:0}
.prose p,.prose ul{margin:0 0 16px}
.prose ul{padding-left:22px}
.prose li{margin-bottom:6px}
.prose strong{color:var(--heading)}

footer{background:var(--paper); color:var(--muted); font-size:15px; padding-block:48px 40px}
footer .wrap{display:grid; gap:20px}
footer nav{display:flex; flex-wrap:wrap; gap:8px 24px}
footer a{color:var(--heading); text-decoration:none}
footer a:hover{text-decoration:underline; text-decoration-color:var(--green)}
footer p{margin:0; max-width:80ch}
@media (prefers-reduced-motion:reduce){.btn{transition:none} .btn:hover{transform:none}}