/* Shared by privacy.html and delete-data.html. Same peacock palette and type
   as index.html: teal ink on warm sand, kesari and marigold accents. */
:root{
  color-scheme:light;
  --mor-900:#123F3C;
  --mor-700:#0E6B66;
  --mor-500:#149289;
  --mor-200:#BFE2DD;
  --mor-100:#E4F0EE;
  --kesari:#E4711F;
  --kesari-lit:#F79331;
  --peela:#E0A017;
  --hara:#2E7D4F;
  --ground:#FBF7EF;
  --paper:#FFFFFF;
  --sunk:#F3EDE0;
  --line:#E3DACA;
  --ink:#1D3B38;
  --ink-2:#3F5D59;
  --muted:#6E8783;
  --warm-band:#FDF1DC;
  --warm-line:#EFD9AE;
  --foot:var(--mor-900);
  --foot-ink:#D6E8E4;
  --foot-muted:#9BBDB7;
  --f-display:"Rozha One",Georgia,serif;
  --f-body:"Mukta",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-util:"Khand",-apple-system,"Segoe UI",sans-serif;
  --pad:clamp(16px,5vw,72px);
  --maxw:1140px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.65;overflow-x:hidden}
a{color:var(--mor-700);text-underline-offset:3px}
a:hover{color:var(--kesari)}
:focus-visible{outline:3px solid var(--mor-500);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
code{font-size:.88em;background:var(--mor-100);color:var(--mor-900);padding:1px 6px;border-radius:5px;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}
.keel{height:4px;background:linear-gradient(90deg,var(--kesari-lit) 0 33.33%,var(--paper) 33.33% 66.66%,var(--hara) 66.66% 100%)}

/* top bar */
.topbar{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:18px;min-height:58px;flex-wrap:wrap;padding-block:8px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-util);font-weight:700;font-size:20px;line-height:1;margin-inline-end:auto;color:var(--mor-700)}
.brand .dot{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 32% 30%,var(--mor-500),var(--mor-900) 78%);border:2px solid var(--peela);flex:none}
.topnav{display:flex;gap:20px}
.topnav a{text-decoration:none;font-family:var(--f-util);font-size:16px;font-weight:600;color:var(--ink-2);padding:4px 0;border-bottom:2px solid transparent}
.topnav a:hover,.topnav a[aria-current="page"]{color:var(--mor-700);border-bottom-color:var(--kesari)}
@media (max-width:720px){.topnav{display:none}}
.langs{display:flex;background:var(--sunk);border:1px solid var(--line);border-radius:999px;padding:3px}
.langs button{font:600 14px var(--f-body);border:0;background:none;color:var(--ink-2);padding:4px 14px;border-radius:999px;cursor:pointer}
.langs button[aria-pressed="true"]{background:var(--mor-700);color:#fff}

/* masthead */
.masthead{position:relative;overflow:hidden;isolation:isolate}
.masthead::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(115% 95% at 8% -14%,var(--mor-100),transparent 58%),
  radial-gradient(85% 75% at 96% 4%,rgba(224,160,23,.22),transparent 62%)}
.watermark{position:absolute;z-index:-1;right:-.04em;top:50%;transform:translateY(-46%);font-family:var(--f-display);font-size:clamp(220px,38vw,520px);line-height:.8;color:var(--mor-700);opacity:.08;pointer-events:none;user-select:none}
.masthead .wrap{padding-block:clamp(40px,6vw,76px)}
.eyebrow{font-family:var(--f-util);text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:600;color:var(--kesari);margin:0 0 16px;display:flex;align-items:center;gap:12px}
.eyebrow::after{content:"";height:1px;flex:1;max-width:130px;background:linear-gradient(90deg,var(--kesari),transparent)}
h1{font-family:var(--f-display);font-weight:400;color:var(--mor-900);font-size:clamp(40px,8vw,84px);line-height:1.05;margin:0;text-wrap:balance}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0}
.chips span{font-size:14px;color:var(--ink-2);background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:999px;padding:3px 12px}
.lead{max-width:62ch;color:var(--ink-2);margin-top:18px}
.lead p{margin:0}

/* at a glance */
.label{font-family:var(--f-util);text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:600;color:var(--kesari);margin:0 0 12px}
.glance{background:var(--warm-band);border:1px solid var(--warm-line);border-radius:18px;padding:22px clamp(18px,3vw,30px);margin-top:8px}
.glance-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 26px;counter-reset:g}
.glance-grid li{position:relative;padding-left:40px;counter-increment:g;color:var(--ink)}
.glance-grid li::before{content:counter(g);position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:50%;background:var(--kesari);color:#fff;font:700 14px/28px var(--f-util);text-align:center}

/* contents + sections */
.layout{display:grid;grid-template-columns:250px 1fr;gap:clamp(24px,4vw,48px);align-items:start;padding-block:32px 64px}
.toc{position:sticky;top:84px}
.toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.toc a{display:flex;gap:10px;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--ink-2);font-size:15px;line-height:1.35}
.toc a b{color:var(--muted);font-family:var(--f-util);min-width:1.4em}
.toc a:hover,.toc a.on{color:var(--mor-700);border-left-color:var(--kesari)}
.toc a.on b{color:var(--kesari)}
@media (max-width:860px){.layout{grid-template-columns:1fr}.toc{display:none}}

.sections{display:flex;flex-direction:column;gap:16px;min-width:0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,30px);scroll-margin-top:84px}
.card h2{display:flex;align-items:center;gap:14px;font-family:var(--f-display);font-weight:400;font-size:clamp(22px,3vw,28px);line-height:1.2;color:var(--mor-900);margin:0 0 10px}
.num{flex:none;width:38px;height:38px;border-radius:50%;background:var(--mor-100);border:2px solid var(--mor-200);color:var(--mor-700);font:700 17px/34px var(--f-util);text-align:center}
.card p{margin:10px 0}
.card ul,.card ol{padding-left:22px;margin:10px 0}
.card li{margin-block:4px}
.card b{color:var(--mor-900)}
.steps{counter-reset:s;list-style:none;padding-left:0!important}
.steps li{position:relative;padding:12px 14px 12px 54px;margin-block:10px;background:var(--ground);border:1px solid var(--line);border-radius:12px;counter-increment:s}
.steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--kesari);color:#fff;font:700 14px/28px var(--f-util);text-align:center}

/* footer */
footer{background:var(--foot);color:var(--foot-ink);padding-block:clamp(40px,5vw,64px);font-size:15px}
.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(24px,4vw,50px)}
@media (max-width:760px){.footgrid{grid-template-columns:1fr}}
footer h4{font-family:var(--f-util);font-size:17px;letter-spacing:.06em;color:#fff;margin:0 0 12px;font-weight:600}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
footer a{color:var(--foot-ink);text-decoration:none;border-bottom:1px solid transparent;overflow-wrap:anywhere}
footer a:hover{color:#fff;border-bottom-color:var(--peela)}
.disclaimer{border:1px solid rgba(255,255,255,.18);border-inline-start:4px solid var(--peela);padding:16px 18px;color:var(--foot-muted);font-size:14.5px;max-width:60ch;margin:0}
.colophon{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--foot-muted);font-size:14px}