:root{--ink:#212529;--paper:#fff;--accent:#C8233C;--accentfg:#C8233C;--accent2:#EE3B4D;--orange:#F5852C;--band:#F5F5F5;--cap:#5A6169;--line:#D9D9D9;--red:#B3162F;--redbg:#FDECEA;--ok:#1B6B3A;--okbg:#E8F4EC;--on:#fff;--edge:#D9D9D9}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--band);color:var(--ink);font-family:"Anek Gujarati",system-ui,-apple-system,"Segoe UI","Noto Sans Gujarati","Noto Sans Devanagari",Roboto,sans-serif;font-weight:400;font-size:calc(18px*var(--fs,1));line-height:1.6;overflow-x:hidden}
h1,h2,h3{line-height:1.25;margin:0 0 8px;font-weight:600}
h1{font-size:calc(26px*var(--fs,1))}h2{font-size:calc(21px*var(--fs,1))}h3{font-size:calc(18px*var(--fs,1))}
p{margin:0 0 12px}
a{color:var(--accentfg)}
.muted{color:var(--cap)}.pad{padding:16px}
header.top{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 16px;display:flex;flex-direction:column;gap:8px}
.brand{color:var(--ink);text-decoration:none;display:flex;flex-direction:column;line-height:1.25}
.brand b{font-size:calc(18px*var(--fs,1));font-weight:700}
.brand small{font-size:calc(13px*var(--fs,1));color:var(--cap)}
.langs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.langs button{min-height:48px;font:inherit;font-size:calc(17px*var(--fs,1));border:2px solid var(--accentfg);background:var(--paper);color:var(--accentfg);border-radius:8px;cursor:pointer}
.langs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on)}
main{padding:16px;max-width:640px;margin:0 auto;outline:none}
.doc{background:var(--band);border-radius:8px;padding:16px;margin-bottom:16px}
.doc h1{margin-bottom:4px}
.doc .deg{font-size:calc(15px*var(--fs,1));color:var(--cap);margin:0}
.doc .role{margin:8px 0 0}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:104px;padding:12px;border:1px solid var(--edge);border-bottom:4px solid var(--orange);border-radius:8px;background:var(--paper);color:var(--ink);text-decoration:none;font-size:calc(17px*var(--fs,1));font-weight:600;line-height:1.3}
.tile svg{width:32px;height:32px;stroke:var(--accentfg);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile.primary{background:var(--accent);color:var(--on);grid-column:1/-1;flex-direction:row;align-items:center;min-height:72px}
.tile.primary svg{stroke:var(--on)}
.tile.em{border-color:var(--red);color:var(--red)}.tile.em svg{stroke:var(--red)}
.tile.wide{grid-column:1/-1}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 20px;border-radius:8px;border:2px solid var(--accent);background:var(--accent);color:var(--on);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;width:100%;margin:8px 0}
.btn.alt{background:var(--paper);color:var(--accentfg)}
.btn.red{background:var(--red);border-color:var(--red);color:var(--on)}
.crumb{display:inline-flex;align-items:center;min-height:56px;font-weight:600;text-decoration:none}
input[type=search],input[type=text],input[type=tel],input[type=password],textarea,select{width:100%;min-height:56px;font:inherit;padding:8px 12px;border:2px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
textarea{min-height:96px}
label{display:block;font-weight:600;margin:16px 0 4px}
.organ{margin:24px 0 8px;font-size:calc(15px*var(--fs,1));font-weight:600;color:var(--cap);text-transform:none;letter-spacing:.02em}
.item{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:8px 12px;margin-bottom:8px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600}
.item::after{content:"›";color:var(--accentfg);font-size:calc(26px*var(--fs,1));margin-left:8px}
.short{border-left:6px solid var(--accent);background:var(--band);padding:12px 16px;border-radius:0 8px 8px 0;margin:12px 0 16px}
.short b{display:block;margin-bottom:4px}
details{border:1px solid var(--line);border-radius:8px;margin-bottom:8px}
summary{min-height:56px;padding:12px 16px;font-weight:600;cursor:pointer;display:flex;align-items:center}
details>div{padding:0 16px 8px}
ul{padding-left:24px;margin:0 0 12px}li{margin-bottom:6px}
.flags{background:var(--redbg);border:2px solid var(--red);border-radius:8px;padding:12px 16px;margin:16px 0}
.flags h2{color:var(--red)}
.vid{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#000 center/cover;border-radius:8px;cursor:pointer;margin-bottom:4px}
.vid::after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px;border-radius:50%;background:rgba(0,0,0,.65) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/48px no-repeat}
.vid-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;margin-bottom:4px}
.vt{font-size:calc(16px*var(--fs,1));margin-bottom:16px}
.err{background:var(--redbg);border:2px solid var(--red);color:var(--red);padding:12px 16px;border-radius:8px;margin:12px 0;font-weight:600}
.okbox{background:var(--okbg);border:2px solid var(--ok);color:var(--ink);padding:24px 16px;border-radius:8px;text-align:center}
.okbox h1{color:var(--ok)}
.chk{display:flex;gap:12px;align-items:flex-start;margin:16px 0}
.chk input{width:28px;height:28px;flex:none;margin-top:2px}
.chk label{margin:0;font-weight:400}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.list li{list-style:none;margin-left:-24px;padding-left:0}
.foot{max-width:640px;margin:0 auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom));font-size:calc(14px*var(--fs,1));color:var(--cap)}
.files{font-size:calc(15px*var(--fs,1));color:var(--cap)}
:focus-visible{outline:3px solid var(--accentfg);outline-offset:2px}
.steps{padding-left:1.4em;margin:12px 0 20px}.steps li{margin:0 0 12px;line-height:1.5}
/* login, account, chat, install (pchat 02-Nov-2026) */
.tile{position:relative;min-width:0;overflow-wrap:anywhere}
.tile.big{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:88px;margin-bottom:12px;background:var(--band);font-size:calc(19px*var(--fs,1))}
.tile.big svg{width:40px;height:40px;flex:none}
.tile.big small{font-weight:400;color:var(--cap);font-size:calc(14px*var(--fs,1))}
.dot{position:absolute;top:10px;right:10px;width:14px;height:14px;border-radius:50%;background:var(--red);border:2px solid var(--paper)}
.dot[hidden]{display:none}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 8px}
.seg button{min-height:56px;padding:4px;font:inherit;font-size:calc(15px*var(--fs,1));font-weight:600;line-height:1.2;border:2px solid var(--accent);background:var(--paper);color:var(--accent);border-radius:8px;cursor:pointer;overflow-wrap:anywhere}
.seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on)}
.card{background:var(--band);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:12px 0}
.card.top{border:2px solid var(--accentfg)}
.help{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}
.okline{background:var(--okbg);border:2px solid var(--ok);padding:12px 16px;border-radius:8px;margin:12px 0;font-weight:600}
.row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.row .btn{width:auto;margin:0;flex:none}
.btn.sm{min-height:56px;padding:0 12px;font-size:calc(16px*var(--fs,1))}
.center{text-align:center}
.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msgs{height:46vh;min-height:240px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px;background:var(--band)}
.msg{max-width:88%;padding:8px 12px;border-radius:12px;background:var(--paper);border:1px solid var(--line);overflow-wrap:anywhere}
.msg.me{align-self:flex-end;background:var(--accent);border-color:var(--accent);color:var(--on)}
.msg.auto{align-self:center;color:var(--cap);font-size:calc(15px*var(--fs,1))}
.msg .who{font-size:calc(13px*var(--fs,1));opacity:.8}
.msg .txt{white-space:pre-wrap}
.fbtn{display:block;width:100%;min-height:48px;margin-top:6px;padding:4px 8px;font:inherit;font-size:calc(15px*var(--fs,1));text-align:left;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;cursor:pointer;overflow-wrap:anywhere}
.emerg{margin:12px 0 4px;font-weight:600;color:var(--red)}
.emerg a{color:var(--red)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.two .btn{margin:8px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;border:1px solid var(--line);border-radius:8px;font-size:calc(15px*var(--fs,1));overflow-wrap:anywhere}
.chip button{min-width:48px;min-height:48px;border:0;background:transparent;color:var(--red);font-size:calc(24px*var(--fs,1));cursor:pointer}

/* chat media (02-Nov-2026) */
.cacts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tools .btn,.tools label.btn{min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:calc(15px*var(--fs,1));padding:4px 6px}
.rec{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rec.on{background:var(--red);border-color:var(--red);color:var(--on)}
.msg img.pim{display:block;max-width:100%;max-height:260px;margin-top:6px;border-radius:8px;cursor:zoom-in}
.msg audio{display:block;width:100%;min-height:48px;margin-top:6px}
.msg video{display:block;width:100%;max-height:300px;margin-top:6px;border-radius:8px;background:#000}
.ovl{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.92);display:flex;flex-direction:column}
.ovl img{flex:1;min-height:0;object-fit:contain;width:100%}
.ovl .ovb{display:flex;gap:8px;padding:8px;background:#000}
.ovl .ovb .btn{flex:1;min-height:56px}
.ovl .jm{flex:1;min-height:0}
.ovl .jm iframe{width:100%;height:100%;border:0}
.ovl p{color:#fff;margin:0;padding:8px 12px;font-size:calc(15px*var(--fs,1))}
.ovl a{color:#9cf}

/* bottom bar + chat list + thread (chat-b, 02-Nov-2026) */
.hasbar{--bbh:calc(64px + 1px + env(safe-area-inset-bottom))}
.hasbar main{padding-bottom:calc(var(--bbh) + 16px)}
.hasbar .foot{padding-bottom:calc(var(--bbh) + 16px)}
.bb{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.bb a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;color:var(--cap);text-decoration:none;font-size:calc(14px*var(--fs,1));font-weight:600}
.bb a[aria-current=page]{color:var(--accentfg)}
.bb svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bdg{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:var(--on);font:600 13px/1 system-ui,sans-serif;font-style:normal}
.bdg[hidden]{display:none}
.bb .bdg{position:absolute;top:6px;left:calc(50% + 6px)}
body.inthr{overflow:hidden}

.crow{display:flex;align-items:center;gap:12px;min-height:72px;padding:8px 12px;margin-bottom:8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none}
.crow.un{border-color:var(--accentfg);background:var(--band)}
.crow .av{flex:none;width:44px;height:44px;border-radius:50%;background:var(--band);display:flex;align-items:center;justify-content:center}
.crow .av svg{width:24px;height:24px;stroke:var(--accentfg);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crow .mid{flex:1;min-width:0;display:flex;flex-direction:column}
.crow .mid b{font-size:calc(17px*var(--fs,1));line-height:1.3}
.crow.un .mid b,.crow.un .mid small{font-weight:700;color:var(--ink)}
.crow .mid small{font-size:calc(15px*var(--fs,1));color:var(--cap);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crow .rt{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:calc(13px*var(--fs,1));color:var(--cap)}
.thr:not(.wa){position:fixed;left:0;right:0;top:0;height:100vh;height:100dvh;z-index:20;background:var(--paper);display:flex;flex-direction:column;max-width:640px;margin:0 auto}
.thr .th{flex:none;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);min-height:56px}
.thr .th b{font-size:calc(17px*var(--fs,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thr .msgs{flex:1;min-height:0;height:auto;border:0;border-radius:0;display:block;overflow-y:auto;-webkit-overflow-scrolling:touch}
.thr .msgs #srv,.thr .msgs #pnd{display:flex;flex-direction:column;gap:8px}
.thr .msgs #pnd{margin-top:8px}
.thr .tnote{flex:none;padding:0 12px}
.thr .tnote p{margin:6px 0;font-size:calc(15px*var(--fs,1))}
.thr .tnote .opd{color:var(--cap)}
.thr form{flex:none;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper)}
.thr .tools{margin-bottom:8px}
.thr .send{display:flex;gap:8px;align-items:flex-end}
.thr .send textarea{flex:1;min-height:56px;max-height:140px;resize:none}
.thr .send .btn{flex:none;width:96px;margin:0}
.thr #er .err{margin:0 0 8px}
.thr .chips{margin-bottom:8px}
.msg.pend .pf{font-size:calc(14px*var(--fs,1));opacity:.9}
.msg.failed{background:var(--redbg);border-color:var(--red);color:var(--ink)}
.msg.pend .fbtn{margin-top:6px;background:var(--paper);color:var(--accentfg)}

.stline{margin:0;padding:4px 12px;font-size:calc(14px*var(--fs,1));color:var(--cap);background:var(--band)}
.stchip{font-size:calc(12px*var(--fs,1));color:var(--cap)}

.lnk{margin:14px 0;text-align:center}
.lnk a{display:inline-block;min-height:44px;line-height:44px;font-weight:600}
.hello{display:flex;align-items:center;gap:8px;min-height:48px;margin:4px 0 12px;font-size:calc(20px*var(--fs,1));font-weight:700;color:var(--ink);text-decoration:none}
.hello svg{width:24px;height:24px}
.instline{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 4px 0 12px;margin:16px 0;min-height:48px}
.instline a{font-weight:600}
.instline button{min-width:44px;min-height:44px;background:none;border:0;color:var(--cap);font-size:calc(22px*var(--fs,1))}
.doc .cap{font-size:calc(13px*var(--fs,1));text-transform:uppercase;letter-spacing:.06em;color:var(--cap);margin:0 0 4px}
.doc b{font-size:calc(17px*var(--fs,1))}
.doc{margin-top:16px}

/* Jivraj brand + responsive (03-Nov-2026) */
header.top{border-bottom:3px solid var(--accent2)}
.tile.primary,.btn:not(.alt):not(.red){background:linear-gradient(90deg,var(--accent2),var(--accent));border-color:var(--accent)}
.brand b{color:var(--accentfg)}
.hdr{max-width:1040px;margin:0 auto;width:100%}
main{max-width:720px}
.mapbox{width:100%;aspect-ratio:4/3;border:0;border-radius:8px;margin:8px 0;background:var(--band)}
.vchips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;-webkit-overflow-scrolling:touch}
.vchips button{flex:none;min-height:44px;padding:0 16px;border:2px solid var(--accentfg);border-radius:22px;background:var(--paper);color:var(--accentfg);font:inherit;font-size:calc(16px*var(--fs,1));font-weight:600;cursor:pointer;white-space:nowrap}
.vchips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on)}
.vchips button:disabled{border-color:var(--line);color:var(--cap);background:transparent;opacity:.55;cursor:not-allowed}
.vgrid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:8px}
.vcard{display:block;width:100%;text-align:left;border:0;background:none;padding:0;color:var(--ink);font:inherit;cursor:pointer}
.vcard .th2{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#000 center/cover}
.vtag{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:12px;background:var(--orange);color:#212529;font-size:calc(14px*var(--fs,1));font-weight:700}
.vcard .vt2{display:block;margin-top:6px;font-size:calc(16px*var(--fs,1));font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vsheet{position:fixed;inset:0;z-index:60;background:var(--paper);overflow-y:auto;padding:0 0 24px}
.vsheet .vin{max-width:900px;margin:0 auto;padding:0 16px}
.vsheet iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}.vsheet iframe.anim{aspect-ratio:auto;height:calc(100vh - 70px);background:var(--paper)}#animb{margin:0 0 16px}
.vsheet .vx{position:sticky;top:0;background:var(--paper);padding:8px 0;z-index:2}
.pnum{display:flex;gap:8px;align-items:center}
@media (min-width:600px){.vgrid{grid-template-columns:1fr 1fr}.tiles{grid-template-columns:repeat(3,1fr)}.tile.wide,.tile.primary{grid-column:1/-1}}
@media (min-width:1024px){main{max-width:960px}.vgrid{grid-template-columns:repeat(3,1fr)}.tiles{grid-template-columns:repeat(4,1fr)}header.top{flex-direction:row;align-items:center;justify-content:space-between;padding:8px max(16px,calc((100vw - 960px)/2))}.langs{width:360px}.bb{left:50%;right:auto;transform:translateX(-50%);width:560px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0}.foot{max-width:960px}}

/* palette v3 (03-Nov-2026): light = jivrajhealthcare.org look; dark = deep red fills, soft red text, neutral edges */
main{background:transparent}
.tile,.item,.crow,details,.doc,.card,.msg{background:var(--paper)}
.doc,.card{background:var(--paper);border:1px solid var(--line)}
.msgs{background:var(--band)}
.tile.primary,.btn:not(.alt):not(.red){background:linear-gradient(90deg,var(--accent2),var(--accent));border-color:var(--accent)}
.tile.primary{border-bottom-color:var(--orange)}
.tile.em{border-color:var(--edge);border-bottom-color:var(--red)}
.tile.big{background:var(--paper)}
.msg.me{background:var(--accent)}
@media (prefers-color-scheme:dark){:root:not(.lt){--ink:#ECEDEE;--paper:#17181A;--band:#0F1011;--cap:#A7ADB3;--line:#33363A;--edge:#33363A;--accent:#B61E40;--accentfg:#F26A7D;--accent2:#B61E40;--orange:#F5852C;--red:#C8283E;--redbg:#2A1317;--ok:#7FD8A0;--okbg:#14261B;--on:#fff}html:not(.lt) .tile.primary,html:not(.lt) .btn:not(.alt):not(.red){background:var(--accent);border-color:var(--accent)}html:not(.lt) .tile.em{color:#FF8794}html:not(.lt) .tile.em svg{stroke:#FF8794}html:not(.lt) .err,html:not(.lt) .flags h2{color:#FF9AA5}html:not(.lt) .flags,html:not(.lt) .err{border-color:var(--red)}html:not(.lt) .chip button{color:#FF9AA5}}
/* forced dark (Settings > Appearance) */
:root.dk{--ink:#ECEDEE;--paper:#17181A;--band:#0F1011;--cap:#A7ADB3;--line:#33363A;--edge:#33363A;--accent:#B61E40;--accentfg:#F26A7D;--accent2:#B61E40;--orange:#F5852C;--red:#C8283E;--redbg:#2A1317;--ok:#7FD8A0;--okbg:#14261B;--on:#fff}html.dk .tile.primary,html.dk .btn:not(.alt):not(.red){background:var(--accent);border-color:var(--accent)}html.dk .tile.em{color:#FF8794}html.dk .tile.em svg{stroke:#FF8794}html.dk .err,html.dk .flags h2{color:#FF9AA5}html.dk .flags,html.dk .err{border-color:var(--red)}html.dk .chip button{color:#FF9AA5}
.hello svg{fill:var(--ink)!important}
.crow.un{border-color:var(--line);border-left:4px solid var(--accent)}


.afig{margin:8px 0 16px}.afig img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:12px;background:var(--paper);border:1px solid var(--line)}.afig figcaption{font-size:calc(15px*var(--fs,1));color:var(--cap);margin-top:6px}
.art-page{max-width:720px;margin:0 auto}
/* related videos in an article: small rows, not full-width posters (Dr Shah 03-Nov-2026: "too large video!") */
.vrow{display:flex;gap:12px;align-items:center;width:100%;min-height:72px;padding:8px;margin-bottom:8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.vrow .th3{position:relative;flex:none;width:128px;aspect-ratio:16/9;border-radius:6px;background:#000 center/cover}
.vrow .th3::after{content:"";position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px;border-radius:50%;background:rgba(0,0,0,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/22px no-repeat}
.vrow .vt3{font-size:calc(16px*var(--fs,1));font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:1024px){.vgrid{grid-template-columns:repeat(4,1fr)}}
.ovl.cam video{flex:1;min-height:0;width:100%;object-fit:contain;background:#000}
.ovl.cam p:empty{display:none}

/* ===== chat, WhatsApp pattern (03-Nov-2026) ===== */
:root{--wp:#EFE9E4;--wpink:rgba(120,90,80,.07);--mine:#FBE1E5;--theirs:#fff;--sysbg:#FFF4C2;--sysfg:#5B4B12;--tick:#8A9096;--tickr:#2E9BE8;--wbar:#F4F0EC}
@media (prefers-color-scheme:dark){:root:not(.lt){--wp:#0C0D0E;--wpink:rgba(255,255,255,.045);--mine:#5A1B29;--theirs:#232528;--sysbg:#3A3416;--sysfg:#E8DDA8;--tick:#8D949B;--tickr:#53BDEB;--wbar:#17181A}}
/* forced dark (Settings > Appearance) */
:root.dk{--wp:#0C0D0E;--wpink:rgba(255,255,255,.045);--mine:#5A1B29;--theirs:#232528;--sysbg:#3A3416;--sysfg:#E8DDA8;--tick:#8D949B;--tickr:#53BDEB;--wbar:#17181A}
body.inthr{overflow:hidden}
body.inthr.subthr .bb,body.inthr.kbd .bb{display:none}
.thr.wa{position:fixed;left:0;right:0;top:0;bottom:var(--bbh,0px);height:auto;max-width:760px;margin:0 auto;background:var(--wp);z-index:20;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line)}
.thr.wa.sub,.thr.wa.kb{bottom:0}
@media (max-width:759px){.thr.wa{box-shadow:none}}
.thr.wa .th{flex:none;display:flex;align-items:center;gap:10px;min-height:60px;padding:6px 12px 6px 4px;background:linear-gradient(90deg,var(--accent2),var(--accent));color:#fff;border:0}
.thr.wa:not(.sub) .th{padding-left:12px}
.thr.wa .th .bk{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:48px;color:#fff;font-size:calc(38px*var(--fs,1));line-height:1;text-decoration:none;margin-top:-4px}
.thr.wa .wav{flex:none;width:42px;height:42px;border-radius:50%;background:#fff;object-fit:cover}
.thr.wa .wt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.thr.wa .wt b{font-size:calc(18px*var(--fs,1));font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thr.wa .wt small{font-size:calc(13px*var(--fs,1));opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thr.wa .msgs{flex:1;min-height:0;height:auto;border:0;border-radius:0;display:block;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 10px;-webkit-overflow-scrolling:touch;
 background-color:var(--wp);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23785A50' stroke-opacity='.10' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20 14v12M14 20h12'/%3E%3Ccircle cx='84' cy='30' r='5'/%3E%3Cpath d='M30 84l8-8 8 8-8 8z'/%3E%3Cpath d='M92 88c4-6 10-6 14 0'/%3E%3C/g%3E%3C/svg%3E");background-size:120px}
@media (prefers-color-scheme:dark){html:not(.lt) .thr.wa .msgs{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='.05' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20 14v12M14 20h12'/%3E%3Ccircle cx='84' cy='30' r='5'/%3E%3Cpath d='M30 84l8-8 8 8-8 8z'/%3E%3Cpath d='M92 88c4-6 10-6 14 0'/%3E%3C/g%3E%3C/svg%3E")}}
/* forced dark (Settings > Appearance) */
html.dk .thr.wa .msgs{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='.05' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20 14v12M14 20h12'/%3E%3Ccircle cx='84' cy='30' r='5'/%3E%3Cpath d='M30 84l8-8 8 8-8 8z'/%3E%3Cpath d='M92 88c4-6 10-6 14 0'/%3E%3C/g%3E%3C/svg%3E")}
.thr.wa .msgs #srv,.thr.wa .msgs #pnd{display:flex;flex-direction:column;gap:2px}
.thr.wa .msgs #pnd{margin-top:2px}
.cc{align-self:center;margin:8px 0 4px;padding:4px 12px;border-radius:8px;font-size:calc(13px*var(--fs,1));line-height:1.4;text-align:center;max-width:90%;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.cc.date{background:var(--theirs);color:var(--cap);font-weight:600}
.cc.sys{background:var(--sysbg);color:var(--sysfg)}
.bub{position:relative;max-width:82%;padding:6px 9px 6px;border-radius:9px;font-size:calc(17px*var(--fs,1));line-height:1.4;color:var(--ink);box-shadow:0 1px 1px rgba(0,0,0,.14);overflow-wrap:anywhere;-webkit-touch-callout:none;margin-top:1px}
.bub.me{align-self:flex-end;background:var(--mine)}
.bub.them{align-self:flex-start;background:var(--theirs)}
.bub.tail{margin-top:7px}
.bub.me.tail{border-top-right-radius:0}
.bub.them.tail{border-top-left-radius:0}
.bub.tail::before{content:"";position:absolute;top:0;width:10px;height:12px}
.bub.me.tail::before{right:-8px;background:var(--mine);clip-path:polygon(0 0,100% 0,0 100%)}
.bub.them.tail::before{left:-8px;background:var(--theirs);clip-path:polygon(0 0,100% 0,100% 100%)}
.bub .nm{font-size:calc(14px*var(--fs,1));font-weight:700;color:var(--accentfg);margin-bottom:1px}
.bub .txt{white-space:pre-wrap}
.bub .mt{float:right;display:inline-flex;align-items:center;gap:3px;margin:6px 0 -3px 12px;font-size:calc(11.5px*var(--fs,1));line-height:1;color:var(--tick);white-space:nowrap}
.bub .mt time{font-size:calc(11.5px*var(--fs,1))}
.bub .txt::after{content:"";display:inline-block;width:0}
.bub::after{content:"";display:block;clear:both}
.tk,.tkw{display:inline-flex}
.tk svg{height:12px;width:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tk.read{color:var(--tickr)}.tk.wait,.tk.sent{color:var(--tick)}
.tkw svg{height:12px;width:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tkw .tk.read{color:var(--tickr)}
.fail{width:22px;height:22px;border-radius:50%;border:0;background:var(--red);color:#fff;font:700 15px/22px system-ui,sans-serif;padding:0;cursor:pointer}
.bub.failed{outline:2px solid var(--red)}
.fx{display:block;clear:both;margin-top:6px;padding:6px 10px;min-height:44px;border:1px solid var(--red);border-radius:8px;background:transparent;color:var(--red);font:inherit;font-size:calc(15px*var(--fs,1));font-weight:600;cursor:pointer}
.fx.dis{color:var(--cap);border-color:var(--line)}
.fw{position:relative;margin:-2px -5px 4px;border-radius:7px;overflow:hidden}
.fw.ph{min-width:160px;min-height:80px;background:rgba(0,0,0,.06)}
.fw img.pim{display:block;width:100%;max-width:280px;max-height:300px;object-fit:cover;border-radius:7px;cursor:zoom-in;margin:0}
.bub .fw+.txt{margin-top:2px}
.pring{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}
.pring svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:70 120;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.dcard{display:flex;align-items:center;gap:10px;width:100%;min-width:200px;min-height:56px;padding:8px 10px;border:0;border-radius:7px;background:rgba(0,0,0,.06);color:inherit;font:inherit;text-align:left;cursor:pointer;margin:0 0 4px}
.dcard .di{flex:none;width:36px;height:42px;display:flex;align-items:center;justify-content:center}
.di svg{width:28px;height:28px;fill:none;stroke:var(--accentfg);stroke-width:1.8;stroke-linejoin:round}
.dcard .dnm{display:flex;flex-direction:column;min-width:0}
.dcard .dnm b{font-size:calc(15px*var(--fs,1));font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.dcard .dnm small{font-size:calc(12px*var(--fs,1));color:var(--cap)}
.vn{display:flex;align-items:center;gap:10px;min-width:210px;padding:2px 0 0}
.vn .vp{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.vn .vp svg{width:22px;height:22px;fill:#fff}
.vn .vt{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.vn .vbar{position:relative;display:block;height:6px;border-radius:3px;background:rgba(120,120,120,.35);cursor:pointer}
.vn .vbar::before{content:"";position:absolute;inset:-12px 0}
.vn .vfill{display:block;height:100%;width:0;border-radius:3px;background:var(--accent)}
.vn small{font-size:calc(12px*var(--fs,1));color:var(--tick)}
.dn{position:absolute;right:14px;bottom:88px;z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:var(--theirs);color:var(--cap);font-size:calc(24px*var(--fs,1));line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer;padding:0}
.dn[hidden]{display:none}
.dn .bdg{position:absolute;top:-8px;left:50%;transform:translateX(-50%)}
#pushbox{flex:none}
#pushbox .card,#pushbox p{margin:0;padding:6px 12px;font-size:calc(14px*var(--fs,1));border-radius:0}
#pushbox .btn{min-height:48px;margin:6px 0}
.thr.wa #er{flex:none}.thr.wa #er .err{margin:0;border-radius:0;font-size:calc(15px*var(--fs,1));padding:6px 12px}
.pv2{flex:none;display:flex;gap:8px;overflow-x:auto;padding:0 10px}
.pv2:empty{display:none}
.pv2 .pi{position:relative;flex:none;width:76px;height:76px;margin:6px 0;border-radius:8px;overflow:hidden;background:var(--theirs);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line)}
.pv2 .pi img{width:100%;height:100%;object-fit:cover}
.pv2 .pi small{font-size:calc(10px*var(--fs,1));max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv2 .pi button{position:absolute;top:0;right:0;width:28px;height:28px;border:0;border-radius:0 0 0 8px;background:rgba(0,0,0,.6);color:#fff;font-size:calc(18px*var(--fs,1));line-height:1;padding:0;cursor:pointer}
.thr.wa form{flex:none;position:relative;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border:0;background:transparent}
.thr.wa:not(.sub):not(.kb) form{padding-bottom:6px}
.comp{display:flex;align-items:flex-end;gap:6px}
.cbox{position:relative;flex:1;min-width:0;display:flex;align-items:flex-end;background:var(--paper);border-radius:26px;box-shadow:0 1px 1px rgba(0,0,0,.15);padding:0 2px 0 6px}
.cbox textarea{flex:1;min-width:0;min-height:50px;max-height:140px;margin:0;padding:12px 6px;border:0;border-radius:0;background:transparent;color:var(--ink);resize:none;font-size:calc(17px*var(--fs,1));line-height:1.35;outline:none;overflow-y:auto}
.ib{flex:none;width:46px;height:50px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--cap)}
.ib[hidden]{display:none}
.ib svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rnd{flex:none;width:52px;height:52px;border-radius:50%;border:0;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .15s}
.rnd svg{width:26px;height:26px;fill:#fff;stroke:#fff;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.rnd .i-mic{fill:none}
.rnd.mic .i-send,.rnd.snd .i-mic{display:none}
.rnd.mic.on{transform:scale(1.35);background:var(--red)}
.rnd.nomic.mic{opacity:.4}
.rbar{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--paper);border-radius:26px;color:var(--ink)}
.rbar[hidden]{display:none}
.rdot{width:12px;height:12px;border-radius:50%;background:var(--red);animation:bl 1s infinite}
@keyframes bl{50%{opacity:.25}}
.rbar b{font-size:calc(17px*var(--fs,1));font-variant-numeric:tabular-nums}
.rbar span{margin-left:auto;color:var(--cap);font-size:calc(15px*var(--fs,1));padding-right:48px}
.sheet{position:fixed;inset:0;z-index:30}
.sheet[hidden]{display:none}
.sheet .scrim{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.sheet .sh{position:absolute;left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 8px 12px;background:var(--paper);border-radius:18px;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.sheet .sh button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:88px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:calc(15px*var(--fs,1));font-weight:600;cursor:pointer}
.sheet .sc{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sheet .sc svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sheet .sc.g{background:#A04EC4}.sheet .sc.d{background:#4A74E0}.sheet .sc.c{background:#E8504A}
.cpop{position:fixed;z-index:40;min-height:44px;padding:0 18px;border:0;border-radius:22px;background:#2B2D30;color:#fff;font:inherit;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:pointer}
.toast{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);z-index:9;padding:8px 16px;border-radius:18px;background:#2B2D30;color:#fff;font-size:calc(15px*var(--fs,1))}
.ovl.pv{background:#000;touch-action:none;align-items:center;justify-content:center}
.ovl.pv .pvs{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ovl.pv img{flex:none;max-width:100%;max-height:100%;width:auto;object-fit:contain;transform-origin:center;touch-action:none;-webkit-user-drag:none;user-select:none}
.pvx{position:absolute;top:calc(8px + env(safe-area-inset-top));right:8px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:calc(30px*var(--fs,1));line-height:1;cursor:pointer;padding:0}
.tile .tbdg{position:absolute;top:8px;right:8px}
body.inthr{background:var(--wp)}
body.inthr header.top,body.inthr .foot{display:none}
@media (min-width:1024px){.thr.wa{border-radius:0}}

/* Records tab (04-Nov-2026) */
.rchips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;margin:8px 0;-webkit-overflow-scrolling:touch}
.fchip{flex:none;min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);font:inherit;font-size:calc(15px*var(--fs,1));font-weight:600;cursor:pointer}
.fchip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on)}
.rmon{font-size:calc(16px*var(--fs,1));color:var(--cap);margin:16px 0 8px}
.rcard{display:flex;gap:12px;align-items:center;width:100%;min-height:88px;padding:8px;margin-bottom:8px;border:1px solid var(--edge);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;text-align:start;cursor:pointer}
.rth{flex:none;width:64px;height:72px;border-radius:6px;background:var(--band);display:flex;align-items:center;justify-content:center;overflow:hidden}
.rth img{width:100%;height:100%;object-fit:cover}
.rth svg{width:32px;height:32px;stroke:var(--accentfg);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rtx{display:flex;flex-direction:column;gap:2px;min-width:0}
.rtx b{font-size:calc(16px*var(--fs,1));overflow-wrap:anywhere}.rtx small{color:var(--cap);font-size:calc(14px*var(--fs,1))}
.rwait{align-self:flex-start;font-style:normal;font-size:calc(13px*var(--fs,1));font-weight:600;padding:2px 8px;border-radius:10px;background:var(--okbg);color:var(--ok)}
.rtr{margin-top:24px}
.rchart{width:100%;height:auto;background:var(--band);border-radius:8px}
.rchart path{stroke:var(--accentfg);stroke-width:2.5;stroke-linejoin:round}
.rchart circle{fill:var(--accentfg)}.rchart text{font-size:calc(11px*var(--fs,1));fill:var(--ink)}.rchart .ax{fill:var(--cap);font-size:calc(10px*var(--fs,1))}
.rview{position:fixed;inset:0;z-index:40;background:#111;color:#fff;display:flex;flex-direction:column}
.rview.radd{background:var(--paper);color:var(--ink)}
.rvb{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;min-height:56px;background:rgba(0,0,0,.5);color:#fff}
.rview.radd .rvb{background:var(--accent)}
.rx{min-width:56px;min-height:56px;border:0;background:transparent;color:#fff;font-size:calc(32px*var(--fs,1));cursor:pointer}
.rvc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;touch-action:none;padding:12px}
.rvc img{max-width:100%;max-height:100%;transform-origin:center;touch-action:none;user-select:none}
.rvp{color:#ddd;text-align:center}.rvp svg{width:64px;height:64px;stroke:#fff;fill:none;stroke-width:2}
.rvf{padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#111}
.rbody{flex:1;overflow-y:auto;padding:12px}
.rprog{height:10px;border-radius:5px;background:var(--band);overflow:hidden;margin:8px 0}.rprog i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}
.rtoast{position:fixed;left:12px;right:12px;bottom:90px;z-index:50;padding:14px;border-radius:8px;background:var(--ok);color:#fff;font-weight:600;text-align:center}
body.rlock{overflow:hidden}

/* Stay healthy + Swasth Parivar (04-Nov-2026) */
.hnew{display:inline-block;font-style:normal;font-size:calc(13px*var(--fs,1));font-weight:700;padding:1px 8px;border-radius:10px;background:var(--red);color:var(--on);vertical-align:middle}
.hmeta,.hsrc{font-size:calc(15px*var(--fs,1))}.hsee b{display:block;margin-bottom:4px}
.hart span{flex:1}
#hq{margin-bottom:8px}
.spcard{display:flex;gap:12px;margin-top:16px;padding:12px;border:1px solid var(--line);border-bottom:4px solid var(--orange);border-radius:8px;background:var(--paper);color:var(--ink);text-decoration:none}
.spimg{flex:none;width:96px;height:128px;border-radius:6px;background:var(--band);overflow:hidden}
.spimg img,.spcover img,.spimgbox img{width:100%;height:100%;object-fit:cover;display:block}
.spbody{min-width:0}.spbody .cap{display:block;font-size:calc(13px*var(--fs,1));text-transform:uppercase;letter-spacing:.06em;color:var(--cap)}
.spbody b{display:block;font-size:calc(17px*var(--fs,1))}.spbody ul{margin:4px 0 0;padding-left:18px;font-size:calc(15px*var(--fs,1));line-height:1.4}
.spdot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);vertical-align:middle}
.spcover{aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:var(--band);margin-bottom:12px}
.spimgbox{aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:var(--band);margin:8px 0 12px}
.spart small{text-transform:uppercase;letter-spacing:.05em}
.cap{font-size:calc(13px*var(--fs,1))}

/* family surgery update + admission / going home (04-Nov-2026) */
.sucard{border:2px solid var(--accentfg);margin:12px 0}.sucard h2{margin:0 0 8px}
.sulist{list-style:none;margin:0 0 8px;padding:0}.sulist li{display:flex;gap:12px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line);color:var(--cap);min-width:0}
.sulist li:last-child{border-bottom:0}.sulist time{flex:0 0 auto;min-width:64px;font-variant-numeric:tabular-nums}.sulist span{min-width:0;overflow-wrap:anywhere}
.sulist li.now{color:var(--ink);font-weight:700;background:var(--okbg);border-radius:6px;padding:8px}
.surow{display:flex;gap:8px;flex-wrap:wrap}.surow .btn{flex:1 1 140px;width:auto}
.art-page .card h2:first-child,.art-page .flags h2:first-child{margin-top:0}
/* Animations library (04-Nov-2026): big tiles with a still frame; walk-through bar in the sheet */
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0 0 8px}
.atile{display:flex;flex-direction:column;text-align:start;padding:0;border:1px solid var(--rule,#d5dce1);border-radius:14px;background:var(--paper);overflow:hidden;cursor:pointer;font:inherit;color:inherit;min-height:44px}
.atile img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#fff}
.atile .at{font-weight:700;padding:10px 12px 2px}.atile .ap2{padding:0 12px 12px;color:var(--muted,#4a5a66);font-size:.9em}
.acond{margin:14px 0 8px;font-size:1.05em}
.vsheet .vx{display:flex;align-items:center;gap:12px}.vsheet .anm{font-weight:700}
.vsheet iframe.anim{height:calc(100vh - 150px)}
.anav{display:flex;gap:12px;padding:10px 0}.anav .btn{flex:1;min-height:56px;font-size:1.1em}.anav .btn[disabled]{opacity:.4}
@media (min-width:900px){.agrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
.vsheet .vx .btn{width:auto;flex:none;padding:0 22px}.vsheet .vx .anm{flex:1;min-width:0}

/* team + profile + swasth cover (04-Nov-2026) */
a.doc{display:block;color:var(--ink);text-decoration:none}
a.doc .dlink{display:inline-block;margin-top:8px;font-weight:600;color:var(--accentfg)}
.tcard{background:var(--paper);border:1px solid var(--line);border-bottom:4px solid var(--orange);border-radius:8px;padding:12px 16px;margin:12px 0}
.tcard p{margin:8px 0 0;font-size:calc(16px*var(--fs,1))}
.thead{display:flex;align-items:center;gap:12px}
.tph{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:var(--band);display:flex;align-items:center;justify-content:center;font-size:calc(26px*var(--fs,1));font-weight:700;color:var(--accentfg);border:2px solid var(--line)}
.tph svg{width:36px;height:36px;stroke:var(--cap);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tbody{min-width:0;display:flex;flex-direction:column}
.tbody b{font-size:calc(19px*var(--fs,1));line-height:1.3}
.tbody .deg{font-size:calc(15px*var(--fs,1));color:var(--cap);line-height:1.4}
.tyrs{font-size:calc(15px*var(--fs,1));font-weight:600;color:var(--ok)}
.tsoon{display:inline-block;align-self:flex-start;margin-top:4px;padding:2px 10px;border-radius:12px;background:var(--band);border:1px solid var(--line);font-size:calc(14px*var(--fs,1));font-weight:600;color:var(--cap)}
.tcard.soon{background:var(--band);border-bottom-color:var(--line)}
.tcard.soon .tph{color:var(--cap)}
.tbtn{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.tbtn .btn{flex:1 1 140px;width:auto;margin:0}
.tbtn:empty{display:none}
.tbtn .btn svg,.tcard .btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.prof{text-align:center;padding:4px 0 8px}
.pph{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:50% 12%;border:3px solid var(--line);background:var(--band);display:block;margin:0 auto 8px}
.prof .deg{margin:0;font-size:calc(16px*var(--fs,1));color:var(--cap)}
.prof .tyrs{margin:4px 0 0;font-size:calc(16px*var(--fs,1))}
.achips{gap:8px}
.achip{display:inline-block;padding:6px 14px;border-radius:18px;border:1px solid var(--line);background:var(--paper);font-size:calc(16px*var(--fs,1));line-height:1.3}
.trn{margin:0 0 12px;padding-left:20px;font-size:calc(16px*var(--fs,1));line-height:1.5}
.trn li{margin-bottom:6px}
.pubs{list-style:none;margin:0 0 12px;padding:0}
.pubs li{padding:10px 0;border-bottom:1px solid var(--line);font-size:calc(16px*var(--fs,1));line-height:1.4;overflow-wrap:anywhere}
.pubs li small{display:block;margin-top:2px;font-size:calc(14px*var(--fs,1));color:var(--cap)}
.pubs li a{font-weight:600}
.spcard{display:block;padding:0;overflow:hidden;gap:0}
.spcard .spband{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:10px 14px;background:linear-gradient(90deg,#6b1d2a,#a31d34);color:#fff;border-bottom:3px solid var(--orange)}
.spcard .spmast{font-size:calc(15px*var(--fs,1));font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.spcard .spiss{font-size:calc(14px*var(--fs,1));opacity:.95}
.spcard .spnew{display:inline-flex;align-items:center;gap:6px;padding:1px 10px;border-radius:12px;background:#fff;color:#6b1d2a;font-size:calc(13px*var(--fs,1));font-weight:700}
.spcard .spnew .spdot{width:8px;height:8px}
.spcard .spbody{display:block;padding:12px 14px}
.spcard .spbody ul{list-style:none;margin:0;padding:0}
.spcard .spbody li{font-size:calc(15px*var(--fs,1));line-height:1.4;margin-top:6px;color:var(--cap);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spcard .spbody li.lead{margin-top:0;font-size:calc(19px*var(--fs,1));font-weight:700;line-height:1.3;color:var(--ink);-webkit-line-clamp:3}
.spcard .spread{display:inline-block;margin-top:10px;font-weight:700;color:var(--accentfg)}
div.spcard{margin:0 0 12px}
.spimgbox{position:relative}
.spimgbox .sphero{position:absolute;inset:0;width:100%;height:100%;display:block}
.spimgbox img{position:absolute;inset:0}
.card .btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.prof~h2{margin-top:22px}

/* 04-Nov-2026: no long-press Save image / drag on pictures and animations (see app.js guard) */
img,svg,figure,.atile,iframe.anim{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}

/* settings + reader + engagement (04-Nov-2026) */
html.fs1{--fs:1.2}html.fs2{--fs:1.4}html.fs3{--fs:1.65}
:root{--tipbg:#FFF4D6;--tipfg:#3A2A00}
@media (prefers-color-scheme:dark){:root:not(.lt){--tipbg:#3A3416;--tipfg:#F3E7B0}}
:root.dk{--tipbg:#3A3416;--tipfg:#F3E7B0}
html.hc{--ink:#000;--paper:#fff;--band:#fff;--cap:#222;--line:#000;--edge:#000;--accentfg:#8F0F26;--accent:#8F0F26;--accent2:#8F0F26;--redbg:#fff;--okbg:#fff;--ok:#0B4D24;--red:#8F0F26;--tipbg:#fff;--tipfg:#000}
html.hc .card,html.hc .item,html.hc .tile,html.hc details,html.hc .vrow,html.hc .eb,html.hc .fcard,html.hc .fbox,html.hc .fcol,html.hc .swb,html.hc .btn.alt{border-width:2px;border-color:#000}
html.bold body,html.bold p,html.bold li,html.bold small,html.bold span,html.bold button,html.bold input{font-weight:600}
html.bold h1,html.bold h2,html.bold h3,html.bold b,html.bold .tile,html.bold .btn{font-weight:800}
html .bb a,html .langs button{font-size:calc(14px*min(var(--fs,1),1.25))}
html.fs2 .tiles,html.fs3 .tiles{grid-template-columns:1fr}
html.fs3 .bb a{padding:0 2px;overflow-wrap:anywhere;text-align:center}
.setc h2{margin:0 0 8px}.setsample{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:var(--band)}
.seg4{grid-template-columns:repeat(4,1fr)}.fsb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.fsb small{font-size:calc(12px*min(var(--fs,1),1.2));font-weight:600;line-height:1.1}
.fsa{font-weight:700;line-height:1}.fsa0{font-size: 16px}.fsa1{font-size: 20px}.fsa2{font-size: 25px}.fsa3{font-size: 31px}
html.fs2 .seg4,html.fs3 .seg4{grid-template-columns:repeat(2,1fr)}
html.fs3 .seg{grid-template-columns:1fr}
.setsw{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:56px;padding:10px 0;border-top:1px solid var(--line)}
.setl{flex:1;min-width:150px}.setl b{display:block}.setl small{display:block;color:var(--cap);font-size:calc(14px*var(--fs,1));line-height:1.35}
.swb{flex:none;display:flex;align-items:center;gap:8px;min-height:48px;min-width:96px;padding:4px 14px 4px 8px;border:2px solid var(--line);border-radius:26px;background:var(--paper);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.swb i{position:relative;width:36px;height:22px;border-radius:11px;background:var(--cap)}.swb i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.swb[aria-checked=true]{border-color:var(--ok)}.swb[aria-checked=true] i{background:var(--ok)}.swb[aria-checked=true] i::after{left:17px}
.setrow svg{flex:none;width:26px;height:26px;margin-right:12px;stroke:var(--accentfg);fill:none;stroke-width:2;stroke-linecap:round}.setrow span{flex:1}
.eng{margin:8px 0}.engrow{display:flex;gap:8px;flex-wrap:wrap}
.eb{flex:1 1 0;min-width:96px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:2px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);font:inherit;font-size:calc(15px*var(--fs,1));font-weight:600;cursor:pointer}
.eb svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eb[aria-pressed=true]{border-color:var(--accentfg);color:var(--accentfg)}.eb[aria-pressed=true] svg{fill:currentColor}
.engend{margin:20px 0;padding-top:4px;border-top:1px solid var(--line)}.engq{margin:12px 0 4px;font-weight:700}
.vsheet .eng{margin:4px 0 8px}.vsheet iframe.anim{height:calc(100vh - 220px)}
.shov{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center}
.shbox{width:100%;max-width:520px;max-height:100vh;overflow-y:auto;background:var(--paper);border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.sht{margin:0 0 8px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shbox .btn{margin:6px 0}.shbox .btn.wab{background:#1B7A43;border-color:#1B7A43;color:#fff}
.etoast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:99;max-width:90vw;padding:10px 18px;border-radius:22px;background:#2B2D30;color:#fff;font-size:calc(15px*var(--fs,1))}
.fullbtn{margin:8px 0 12px}
.freader{max-width:720px;margin:0 auto}.fbar{display:flex;align-items:center;justify-content:space-between;gap:8px}
.aab{flex:none;min-width:56px;min-height:48px;border:2px solid var(--accentfg);border-radius:24px;background:var(--paper);color:var(--accentfg);font:inherit;font-weight:700;cursor:pointer}
.aap{display:flex;gap:8px;margin:0 0 10px}.aap[hidden]{display:none}.aap button{flex:1;min-height:52px;border:2px solid var(--accent);border-radius:8px;background:var(--paper);color:var(--accent);cursor:pointer}.aap button[aria-pressed=true]{background:var(--accent);color:var(--on)}
.fhero{display:block;width:100%;height:auto;aspect-ratio:8/3;border-radius:14px;margin:4px 0 12px}
.fhead .cap{margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.fhead h1{margin:0 0 6px}
.fprog{position:fixed;left:0;right:0;top:0;height:4px;z-index:70;background:rgba(0,0,0,.08)}.fprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),#6B1D2A)}
.fbody p{margin:0 0 14px}.fh{margin:28px 0 8px;padding-left:10px;border-left:5px solid var(--accent)}
.fcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}
.fcard{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:10px;overflow-wrap:anywhere}
.fn{font-size:calc(30px*var(--fs,1));line-height:1.1;color:var(--accentfg)}
html.fs2 .fcards,html.fs3 .fcards{grid-template-columns:1fr}
.fbox{margin:18px 0;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.fbox h3{margin:0 0 10px}
.fsteps,.ftl{list-style:none;margin:0;padding:0}
.fsteps li{position:relative;display:flex;gap:12px;margin:0;padding-bottom:14px}.fsteps li::before{content:"";position:absolute;left:17px;top:38px;bottom:2px;width:2px;background:var(--line)}.fsteps li:last-child{padding-bottom:0}.fsteps li:last-child::before{display:none}
.fsteps i{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--on);font-style:normal;font-weight:700}.fsteps span{padding-top:4px;min-width:0;overflow-wrap:anywhere}
.fcmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.fcol{padding:12px;border-radius:12px;border:2px solid var(--line);min-width:0}.fcol.yes{background:var(--okbg);border-color:var(--ok)}.fcol.no{background:var(--redbg);border-color:var(--red)}
.fcol h3{margin:0 0 8px;font-size:calc(17px*var(--fs,1))}.fcol.yes h3{color:var(--ok)}.fcol.no h3{color:var(--red)}
.fcol ul{list-style:none;margin:0;padding:0}.fcol li{display:flex;gap:6px;margin:0 0 8px;font-size:calc(16px*var(--fs,1));line-height:1.35;overflow-wrap:anywhere}.fcol li i{flex:none;font-style:normal;font-weight:800}.fcol.yes li i{color:var(--ok)}.fcol.no li i{color:var(--red)}
html.fs2 .fcmp,html.fs3 .fcmp{grid-template-columns:1fr}
.fplate{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.fplate svg{flex:none;width:160px;height:160px}.fplate ul{flex:1;min-width:160px;list-style:none;margin:0;padding:0}.fplate li{display:flex;gap:8px;align-items:baseline;margin:0 0 8px}.fplate li i{flex:none;width:14px;height:14px;border-radius:4px;transform:translateY(2px)}.fplate li span{min-width:0;overflow-wrap:anywhere}
.ftl{padding-left:8px;border-left:3px solid var(--accent)}.ftl li{position:relative;margin:0;padding:0 0 14px 20px}.ftl li:last-child{padding-bottom:0}.ftl li::before{content:"";position:absolute;left:-15px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--accent)}.ftl b{display:block;color:var(--accentfg)}
.ftip{display:flex;gap:12px;margin:18px 0;padding:12px 14px;background:var(--tipbg);color:var(--tipfg);border-left:6px solid var(--orange);border-radius:0 10px 10px 0}.ftip svg{flex:none;width:28px;height:28px;stroke:var(--orange);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ftip p{margin:0!important}
.fmyth{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.fmyth .mm{padding:12px 16px;background:var(--redbg)}.fmyth .mf{padding:12px 16px;background:var(--okbg)}.fmyth b{font-size:calc(14px*var(--fs,1));text-transform:uppercase;letter-spacing:.06em}.fmyth .mm b{color:var(--red)}.fmyth .mf b{color:var(--ok)}.fmyth p{margin:2px 0 0!important}
.fwarn p{margin:0 0 8px!important}
.docend{display:flex;gap:14px;align-items:center;margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none}.docend img{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover}.docend span{display:flex;flex-direction:column;min-width:0}.docend small{color:var(--cap);font-size:calc(13px*var(--fs,1))}.docend em{font-style:normal;color:var(--cap);font-size:calc(15px*var(--fs,1))}.docend u{text-decoration:none;color:var(--accentfg);font-weight:700;margin-top:2px}
.dsph{display:flex;align-items:center;justify-content:center;width:100%;min-height:120px;padding:8px;border:2px dashed var(--line);border-radius:12px;background:var(--band);color:var(--accentfg);font:inherit;font-weight:600;cursor:pointer}
.th2:not([style]){position:relative;background:#2B2D30}.th2:not([style])::after{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:rgba(255,255,255,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/32px no-repeat}.th3:not([style]){background:#2B2D30}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
html.fs3 .eb{flex-basis:100%}