/* VedaChamp — shared styles for Privacy, Terms and Parents pages */
:root{--night:#0F2238;--night-2:#16314D;--night-3:#1E4170;--sun:#FFC83D;--champ:#FF7A1A;--leaf:#2BB673;--berry:#E84A7F;--sky:#3AA0FF;--grape:#8E5CF0;--lagoon:#26B3A5;--flame:#EF5A3C;--muted:#A9BCD3;--ink:#EAF2FB;--card:#132B45}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);font-family:"Mukta",system-ui,sans-serif;font-size:1.08rem;line-height:1.65;-webkit-text-size-adjust:100%}
h1,h2,h3,.btn{font-family:"Baloo 2","Mukta",system-ui,sans-serif;line-height:1.2}
a{color:var(--sun)}
a:focus-visible,button:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:8px}
.wrap{width:min(1100px,100% - 32px);margin-inline:auto}
.narrow{width:min(780px,100% - 32px);margin-inline:auto}

/* header (same look as the homepage) */
.top{position:sticky;top:0;z-index:10;background:
 radial-gradient(circle at 9% 28%,rgba(255,200,61,.75) 0 2px,transparent 3px),
 radial-gradient(circle at 27% 76%,rgba(58,160,255,.75) 0 2.5px,transparent 3.5px),
 radial-gradient(circle at 44% 22%,rgba(232,74,127,.75) 0 2px,transparent 3px),
 radial-gradient(circle at 61% 80%,rgba(43,182,115,.75) 0 2.5px,transparent 3.5px),
 radial-gradient(circle at 74% 30%,rgba(142,92,240,.8) 0 2px,transparent 3px),
 radial-gradient(circle at 88% 75%,rgba(255,122,26,.75) 0 2px,transparent 3px),
 linear-gradient(180deg,#1E4170 0%,#16314D 100%)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:14px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236%22%20height%3D%2214%22%20viewBox%3D%220%200%2036%2014%22%3E%3Cpath%20d%3D%22M0%200H36V1C27%201%2027%2013%2018%2013S9%201%200%201Z%22%20fill%3D%22%2316314D%22/%3E%3C/svg%3E") repeat-x;background-size:36px 14px;pointer-events:none}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}
.brand img{display:block;height:52px;width:auto}
.navlinks{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:9px 18px;font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn.sun{background:var(--sun);color:var(--night)}
.btn.ghost{background:rgba(255,255,255,.1);color:#fff}
.lang{display:flex;background:rgba(0,0,0,.25);border-radius:999px;padding:3px}
.lang button{border:0;background:none;color:#fff;font:inherit;font-weight:700;font-size:.92rem;padding:6px 12px;border-radius:999px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--sun);color:var(--night)}
.lang .s{display:none}
@media (max-width:520px){.brand img{height:38px}.lang .l{display:none}.lang .s{display:inline}.btn{padding:8px 13px;font-size:.92rem}.top .wrap{gap:8px}}

/* bilingual blocks: html[data-lang] decides which shows */
html[data-lang="hi"] .en,html[data-lang="en"] .hi{display:none!important}

/* page hero */
.phero{padding:46px 0 22px;text-align:center}
.phero .emo{font-size:3rem;line-height:1}
.phero h1{font-size:clamp(2rem,6vw,3rem);margin:8px 0 6px;color:#fff}
.phero h1 em{font-style:normal;color:var(--sun)}
.phero p{color:var(--muted);margin:0 auto;max-width:60ch}
.meta{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.meta span{background:var(--night-2);border-radius:999px;padding:3px 14px;font-size:.92rem;color:var(--muted)}

/* short summary box */
.short{background:var(--sun);color:var(--night);border-radius:24px;padding:22px 24px;margin:10px 0 28px}
.short h2{margin:0 0 8px;font-size:1.4rem}
.short ul{margin:0;padding-left:1.2em}
.short li{margin:4px 0}
.short a{color:var(--night);font-weight:800}

/* contents */
.toc{background:var(--night-2);border-radius:20px;padding:16px 22px;margin-bottom:28px}
.toc h2{font-size:1.1rem;margin:0 0 6px;color:#fff}
.toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:28px}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover{color:var(--sun);text-decoration:underline}
@media (max-width:620px){.toc ol{columns:1}}

/* legal body */
.doc section{scroll-margin-top:90px;padding:4px 0 10px;border-top:1px dashed rgba(255,255,255,.12)}
.doc section:first-of-type{border-top:0}
.doc h2{color:var(--sun);font-size:1.45rem;margin:22px 0 8px}
.doc h3{color:#fff;font-size:1.12rem;margin:16px 0 4px}
.doc p,.doc li{color:var(--ink)}
.doc ul{padding-left:1.25em}
.doc li{margin:5px 0}
.doc table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:.98rem}
.doc th,.doc td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.1)}
.doc th{color:var(--sun);font-family:"Baloo 2",sans-serif;font-size:1rem}
.tablewrap{overflow-x:auto}
.note{background:var(--card);border-left:5px solid var(--lagoon);border-radius:12px;padding:12px 16px;margin:12px 0}
.soon{display:inline-block;background:var(--grape);color:#fff;border-radius:999px;font-size:.8rem;font-weight:800;padding:1px 10px;margin-left:6px;vertical-align:middle;font-family:"Baloo 2",sans-serif}
.contactcard{background:var(--night-2);border-radius:20px;padding:18px 22px;margin:12px 0}
.contactcard p{margin:4px 0}

/* parents page */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0 30px}
.card{background:var(--night-2);border-radius:22px;padding:18px 18px 16px;border-top:6px solid var(--c,var(--sun))}
.card .ic{font-size:2rem;line-height:1}
.card h3{margin:8px 0 4px;color:#fff;font-size:1.18rem}
.card p{margin:0;color:var(--muted);font-size:1rem}
.steps{counter-reset:s;list-style:none;padding:0;margin:14px 0 26px;display:grid;gap:12px}
.steps li{counter-increment:s;background:var(--night-2);border-radius:18px;padding:14px 16px 14px 62px;position:relative}
.steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:34px;height:34px;border-radius:50%;background:var(--sun);color:var(--night);font-weight:800;display:grid;place-items:center;font-family:"Baloo 2",sans-serif}
.steps b{color:#fff}
.agebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0 26px}
.age{background:var(--card);border-radius:18px;padding:14px 16px}
.age b{display:block;color:var(--sun);font-family:"Baloo 2",sans-serif;font-size:1.15rem}
details{background:var(--night-2);border-radius:16px;padding:12px 18px;margin:10px 0}
summary{cursor:pointer;font-weight:700;color:#fff;font-family:"Baloo 2",sans-serif;font-size:1.1rem}
details p{margin:8px 0 2px;color:var(--ink)}
.sec-h{color:#fff;font-size:clamp(1.5rem,4vw,2rem);margin:30px 0 4px}
.sec-h em{font-style:normal;color:var(--sun)}
.sec-p{color:var(--muted);margin:0 0 6px}

/* footer */
footer{background:var(--night-2);margin-top:50px;padding:26px 0 36px;color:var(--muted);font-size:.95rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:6px 18px}
footer a{color:var(--ink);text-decoration:none}
footer a:hover,footer a[aria-current="page"]{color:var(--sun)}
.firm{width:100%;font-size:.88rem;opacity:.85}
@media print{.top,footer,.lang,.toc{display:none}body{background:#fff;color:#000}.doc p,.doc li,.doc h3{color:#000}.doc h2{color:#000}}