/* Dr Kulkarni – unified design system v1 (tokens → components). One source of truth for all pages. */
:root{
 --pri:#0f766e;--pri2:#2563eb;--ink:#0f172a;--mut:#475569;--bg:#f6f9fb;--card:#fff;--bd:#d9e2ec;
 --ok:#15803d;--okbg:#ecfdf3;--warn:#b45309;--warnbg:#fffbeb;--bad:#b91c1c;--badbg:#fef2f2;--info:#1d4ed8;--infobg:#eff6ff;
 --fs-1:14px;--fs0:17px;--fs1:20px;--fs2:clamp(26px,5vw,36px);
 --sp1:4px;--sp2:8px;--sp3:16px;--sp4:24px;--sp5:40px;--r1:8px;--r2:14px;--r3:22px;
 --tab-h:44px;--shadow:0 6px 24px rgba(15,23,42,.07);--max:860px;
 --f-body:'Plus Jakarta Sans','Noto Sans Devanagari',system-ui,sans-serif;--f-head:'Fraunces','Noto Sans Devanagari',Georgia,serif}
@media(prefers-color-scheme:dark){:root{--ink:#e8eef5;--mut:#a9b7c6;--bg:#0b1218;--card:#121c26;--bd:#243445;--okbg:#0f2a1b;--warnbg:#2a2110;--badbg:#2e1414;--infobg:#0f1d33}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs0)/1.75 var(--f-body)}
h1,h2,h3{font-family:var(--f-head);line-height:1.3;margin:0 0 var(--sp3)}
h1{font-size:var(--fs2)}h2{font-size:var(--fs1);margin-top:var(--sp5)}h3{font-size:var(--fs0)}
p{margin:0 0 var(--sp3)}a{color:var(--pri2)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--sp3)}
/* header & footer */
.hd{background:linear-gradient(120deg,var(--pri),var(--pri2));color:#fff}
.hd .wrap{display:flex;gap:var(--sp3);align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:var(--sp3);padding-bottom:var(--sp3)}
.brand{color:#fff;text-decoration:none;font:600 var(--fs0)/1.3 var(--f-head)}.brand small{display:block;font:400 var(--fs-1)/1.3 var(--f-body);opacity:.9}
.nav{display:flex;gap:var(--sp2);flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;min-height:var(--tab-h);display:inline-flex;align-items:center;padding:0 var(--sp3);border-radius:999px;background:rgba(255,255,255,.16);font-size:var(--fs-1);font-weight:600}
.nav a[aria-current=page]{background:#fff;color:var(--pri)}
.emg{background:var(--badbg);color:var(--bad);border-bottom:2px solid var(--bad);font-size:var(--fs-1);font-weight:600}
.emg .wrap{padding-top:var(--sp2);padding-bottom:var(--sp2);display:flex;gap:var(--sp3);flex-wrap:wrap;align-items:center}
.emg a{color:var(--bad)}
.ft{margin-top:var(--sp5);padding:var(--sp4) 0 100px;border-top:1px solid var(--bd);color:var(--mut);font-size:var(--fs-1)}
/* components */
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r2);padding:var(--sp3) var(--sp4);margin:var(--sp3) 0;box-shadow:var(--shadow)}
.key{border-left:6px solid var(--pri);background:var(--okbg);border-radius:var(--r1);padding:var(--sp3) var(--sp4);margin:var(--sp3) 0;font-size:var(--fs1);font-weight:600;line-height:1.55}
.key small{display:block;font:600 var(--fs-1)/1.4 var(--f-body);color:var(--pri);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp1)}
.box{border-radius:var(--r1);padding:var(--sp3) var(--sp4);margin:var(--sp3) 0;border:1px solid}
.box.red{background:var(--badbg);border-color:var(--bad);color:var(--ink)}.box.red h3{color:var(--bad)}
.box.amber{background:var(--warnbg);border-color:var(--warn)}.box.amber h3{color:var(--warn)}
.box.green{background:var(--okbg);border-color:var(--ok)}.box.green h3{color:var(--ok)}
.box.blue{background:var(--infobg);border-color:var(--info)}.box.blue h3{color:var(--info)}
.box h3{margin-bottom:var(--sp2)}.box ul,.card ul,.card ol{margin:0 0 var(--sp3);padding-left:22px}li{margin-bottom:var(--sp2)}
.tabs{display:flex;gap:var(--sp2);flex-wrap:wrap;margin:var(--sp4) 0 var(--sp3);position:sticky;top:0;z-index:20;background:var(--bg);padding:var(--sp2) 0}
.tabs button{min-height:var(--tab-h);padding:0 var(--sp4);border-radius:999px;border:1px solid var(--pri);background:var(--card);color:var(--pri);font:600 var(--fs-1)/1 var(--f-body);cursor:pointer;flex:1 1 140px}
.tabs button[aria-selected=true]{background:var(--pri);color:#fff}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--r1);overflow:hidden;font-size:var(--fs-1);margin:var(--sp3) 0}
th{background:var(--pri);color:#fff;text-align:left;padding:var(--sp2) var(--sp3)}td{padding:var(--sp2) var(--sp3);border-top:1px solid var(--bd);vertical-align:top}
.tw{overflow-x:auto}
.src{font-size:var(--fs-1);color:var(--mut);border-top:1px solid var(--bd);padding-top:var(--sp3);margin-top:var(--sp4)}
.meta{font-size:var(--fs-1);color:var(--mut)}.chip{display:inline-block;border-radius:999px;padding:2px 12px;font:600 13px/1.6 var(--f-body);background:var(--warnbg);color:var(--warn);border:1px solid var(--warn)}
.btn{min-height:var(--tab-h);padding:0 var(--sp4);border-radius:var(--r1);border:1px solid var(--pri);background:var(--pri);color:#fff;font:600 var(--fs-1)/1 var(--f-body);cursor:pointer}.btn.o{background:var(--card);color:var(--pri)}
input,select{min-height:var(--tab-h);padding:0 var(--sp3);border:1px solid var(--bd);border-radius:var(--r1);background:var(--card);color:var(--ink);font:400 var(--fs0) var(--f-body);width:100%}
label{font-weight:600;font-size:var(--fs-1);display:block;margin-bottom:var(--sp1)}
.grid{display:grid;gap:var(--sp3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.lib{display:grid;gap:var(--sp3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.lib a.card{text-decoration:none;color:var(--ink)}
:focus-visible{outline:3px solid var(--pri2);outline-offset:2px}
@media(max-width:600px){.card{padding:var(--sp3)}.tabs button{flex:1 1 100%}}