/* ===== SDR Memorial Hospital — interactive layer ===== */
body{margin:0}
/* the exported page never defined .container, so content sat flush-left; this centres it like the nav */
.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3.5rem);box-sizing:border-box}
section[id]{scroll-margin-top:var(--nav-height)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* scroll progress + nav state */
#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),#c9a84c);z-index:1100;pointer-events:none}
.site-nav{transition:box-shadow .25s ease,background-color .25s ease}
.site-nav.scrolled{box-shadow:0 4px 22px color-mix(in srgb,var(--accent) 22%,transparent)}
.nav-desktop a{position:relative}
.nav-desktop a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nav-desktop a.active{color:var(--accent)}
.nav-desktop a.active::after,.nav-desktop a:hover::after{transform:scaleX(1)}
.nav-drawer a.active{color:var(--accent)}

/* back to top */
#to-top{position:fixed;right:1rem;bottom:1rem;width:44px;height:44px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-size:1.2rem;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s;z-index:990}
#to-top.show{opacity:1;transform:none;pointer-events:auto}
#to-top:hover{background:color-mix(in srgb,var(--primary) 80%,#000)}

/* reveal on scroll */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}#saarthi-toggle{animation:none!important}}

/* focus visibility */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #c9a84c;outline-offset:2px;border-radius:4px}

/* service card CTA */
.service-card{display:flex;flex-direction:column}
.svc-cta{margin-top:auto;align-self:flex-start;background:none;border:0;padding:1rem 0 0;font:700 .78rem/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--primary);cursor:pointer}
.svc-cta:hover{color:var(--accent);text-decoration:underline}

/* open-now badge */
.open-badge{display:inline-flex;align-items:center;gap:.5rem;margin:0 auto 1.1rem;padding:.35rem .85rem;border-radius:999px;font:700 .72rem var(--font-display);letter-spacing:.04em;background:rgba(255,255,255,.14);color:var(--text-on-accent);border:1px solid rgba(255,255,255,.3)}
.open-badge i{width:9px;height:9px;border-radius:50%;background:#e74c3c;display:inline-block}
.open-badge.open i{background:#2ecc71;box-shadow:0 0 0 0 rgba(46,204,113,.7);animation:ob-pulse 1.8s infinite}
@keyframes ob-pulse{70%{box-shadow:0 0 0 8px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}
.contact-hours-card{text-align:center}
.contact-hours-card .hours-table{text-align:left}

/* appointment card */
.appt-card{position:relative;z-index:1;margin-top:3rem;background:var(--bg);color:var(--text);border-radius:16px;padding:clamp(1.25rem,3vw,2.25rem);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.appt-card h3{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);margin:0 0 .35rem;color:var(--text)}
.appt-sub{color:var(--fg);font-size:var(--text-sm);line-height:1.6;margin:0 0 1.5rem;max-width:62ch}
.appt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem}
.appt-grid .full{grid-column:1/-1}
.fld label{display:block;font:700 .72rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;color:var(--text)}
.fld label small{font-weight:600;text-transform:none;letter-spacing:0;color:var(--fg)}
.fld input,.fld select,.fld textarea{width:100%;box-sizing:border-box;font:500 1rem var(--font-body);color:var(--text);background:#fff;border:1.5px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:8px;padding:.7rem .85rem;min-height:46px;transition:border-color .15s,box-shadow .15s}
.fld textarea{min-height:84px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.fld [aria-invalid="true"]{border-color:#b3261e;background:#fff7f6}
.fld .err{display:none;color:#b3261e;font-size:.78rem;margin-top:.3rem;font-weight:600}
.fld .err.show{display:block}
.fld .hint{font-size:.76rem;color:var(--fg);margin-top:.3rem}
.fld select:disabled{opacity:.55;cursor:not-allowed}
.appt-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.4rem}
.appt-actions .btn-primary{min-height:48px}
.appt-privacy{font-size:.76rem;color:var(--fg);flex:1 1 240px;line-height:1.5}
.appt-review{display:none}
.appt-card.reviewing .appt-form{display:none}
.appt-card.reviewing .appt-review{display:block}
.review-box{background:#fff;border:1.5px dashed var(--accent);border-radius:10px;padding:1rem 1.2rem;font-size:.95rem;line-height:1.75;white-space:pre-wrap;margin:1rem 0 1.25rem}
.btn-wa,.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.7rem 1.25rem;border-radius:6px;font:700 .8rem var(--font-display);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:0}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1ebe5b;color:#fff}
.btn-ghost{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}
.btn-ghost:hover{background:var(--primary);color:#fff}
@media (max-width:640px){.appt-grid{grid-template-columns:1fr}}

/* FAQ search */
.faq-search{margin-bottom:1rem;position:relative}
.faq-search input{width:100%;box-sizing:border-box;font:500 1rem var(--font-body);padding:.8rem 1rem .8rem 2.6rem;border:1.5px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:8px;background:#fff;color:var(--text);min-height:46px}
.faq-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.faq-search svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--fg);pointer-events:none}
.faq-empty{display:none;padding:1.1rem 1.3rem;border:1px dashed var(--border);border-radius:8px;font-size:var(--text-sm);color:var(--fg);line-height:1.6}
.faq-empty.show{display:block}
.faq-empty button{background:none;border:0;padding:0;color:var(--primary);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
details.faq-item summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--accent);transition:transform .2s}
details.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item mark{background:#f5e3a1;color:inherit;border-radius:2px}

/* gallery + lightbox */
#gallery img,.pamphlet-card-img-wrap{cursor:zoom-in}
#gallery img:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.18)}
#lb{position:fixed;inset:0;z-index:10000;background:rgba(10,12,8,.92);display:none;align-items:center;justify-content:center;padding:3.5rem 3.5rem 4.5rem}
#lb.open{display:flex;animation:lbin .2s ease}
@keyframes lbin{from{opacity:0}to{opacity:1}}
#lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.6);user-select:none}
#lb button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:50%;width:46px;height:46px;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
#lb button:hover{background:rgba(255,255,255,.3)}
#lb .lb-close{top:1rem;right:1rem}
#lb .lb-prev{left:.75rem;top:50%;transform:translateY(-50%)}
#lb .lb-next{right:.75rem;top:50%;transform:translateY(-50%)}
#lb .lb-cap{position:absolute;left:0;right:0;bottom:1rem;text-align:center;color:#ddd;font-size:.85rem;padding:0 4rem}
#lb.single .lb-prev,#lb.single .lb-next{display:none}
@media (max-width:600px){#lb{padding:3.5rem .5rem 4.5rem}#lb .lb-prev,#lb .lb-next{top:auto;bottom:.75rem;transform:none}}

/* Saarthi assistant */
#saarthi-toggle{border:2px solid rgba(255,255,255,.7)}
.s-header .s-close{margin-left:auto;background:rgba(255,255,255,.18);border:0;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1}
.s-header .s-close:hover{background:rgba(255,255,255,.34)}
.s-msg.user{align-self:flex-end;background:#1a5276;color:#fff;border-color:#1a5276}
.s-msg a.s-chip{margin:.35rem .3rem 0 0}
.s-msg .s-actions{display:flex;flex-wrap:wrap}
.s-typing{display:inline-flex;gap:4px;padding:.7rem .85rem}
.s-typing i{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:s-dot 1s infinite}
.s-typing i:nth-child(2){animation-delay:.15s}.s-typing i:nth-child(3){animation-delay:.3s}
@keyframes s-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.s-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.s-chips .s-chip{white-space:nowrap;flex:none}
.s-footer{flex-direction:column;gap:.4rem}
.s-form{display:flex;gap:.4rem}
.s-form input{flex:1;min-width:0;font:500 .85rem var(--font-body);padding:.55rem .7rem;border:1.5px solid #cbd5e1;border-radius:20px;min-height:38px}
.s-form input:focus{outline:none;border-color:#2980b9}
.s-form button{border:0;background:#1a5276;color:#fff;border-radius:20px;padding:0 .95rem;font:700 .75rem montserrat,sans-serif;cursor:pointer}
.s-form button:hover{background:#2980b9}
#saarthi-window{max-height:min(520px,calc(100vh - var(--nav-height) - 2rem))}
@media (max-width:600px){#saarthi-window{max-height:70vh}}

/* ===================== VISUAL EFFECTS ===================== */
@keyframes fxUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes fxShine{0%{background-position:100% 0}100%{background-position:-100% 0}}
@keyframes fxFloat{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(40px,-30px,0) scale(1.12)}100%{transform:translate3d(-30px,30px,0) scale(.95)}}
@keyframes fxGlow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 55%,transparent)}60%{box-shadow:0 0 0 14px transparent}}
@keyframes fxPop{0%{opacity:0;transform:translateY(8px) scale(.85)}60%{opacity:1;transform:translateY(0) scale(1.04)}100%{opacity:1;transform:none}}
@keyframes fxRipple{to{transform:scale(3.2);opacity:0}}
@keyframes fxBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* hero entrance */
.js .fx-in{opacity:0;animation:fxUp .85s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d,0)*120ms)}
.js .hero-hospital-name.fx-in{
  background:linear-gradient(100deg,#0a2a5e 0%,#0a2a5e 38%,#5a7a3a 50%,#0a2a5e 62%,#0a2a5e 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:fxUp .85s cubic-bezier(.2,.7,.2,1) forwards,fxShine 6s linear 1s infinite;animation-delay:calc(var(--d,0)*120ms),1s}
.fx-blobs{position:absolute;inset:0;pointer-events:none;z-index:0;transform:translate3d(calc(var(--px,0)*-28px),calc(var(--py,0)*-28px),0);transition:transform .25s ease-out}
.fx-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:fxFloat 14s ease-in-out infinite alternate}
.fx-blob.b1{width:380px;height:380px;left:-90px;top:60px;background:#5a7a3a}
.fx-blob.b2{width:340px;height:340px;right:-60px;top:-40px;background:#c9a84c;animation-duration:17s;animation-delay:-4s}
.fx-blob.b3{width:300px;height:300px;right:28%;bottom:-120px;background:#2a6496;opacity:.35;animation-duration:20s;animation-delay:-8s}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(520px circle at var(--mx,70%) var(--my,30%),rgba(201,168,76,.22),transparent 62%)}
.contact-section::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.14),transparent 62%)}

/* scroll reveal variants (override base reveal) */
.js .reveal.fx-l{transform:translateX(-46px)}
.js .reveal.fx-r{transform:translateX(46px)}
.js .reveal.fx-s{transform:scale(.88)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal{transition-duration:.8s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}

/* section heading underline draw */
.fx-h::after{content:"";display:block;height:4px;width:0;background:linear-gradient(90deg,var(--accent),#c9a84c);border-radius:3px;margin-top:.55rem;transition:width .9s .25s cubic-bezier(.2,.7,.2,1)}
.fx-h.fx-on::after{width:84px}

/* 3D tilt cards + glare */
.fx-tilt{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}
.fx-tilt::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;z-index:2;background:radial-gradient(320px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.55),transparent 60%);mix-blend-mode:soft-light}
.fx-tilt:hover::before{opacity:1}
.fx-tilting{transition:transform .08s linear,box-shadow .25s!important;box-shadow:0 18px 44px color-mix(in srgb,var(--accent) 28%,transparent)}
.fx-tilt.fx-leave{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .3s}

/* service card sweep + accent */
.service-card::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .7s ease;z-index:3}
.service-card:hover::after{left:130%}
.service-card h3{transition:color .25s,letter-spacing .25s}
.service-card:hover h3{color:var(--accent)}

/* gallery */
#gallery img{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,filter .45s}
#gallery img:hover{transform:scale(1.04) rotate(-.6deg);filter:brightness(1.07) saturate(1.15);box-shadow:0 18px 40px rgba(0,0,0,.28)}

/* buttons: ripple + glow */
.btn-primary,.btn-wa,.btn-ghost,.svc-cta,.pamphlet-btn-download,.pamphlet-btn-view,.s-form button,.nav-emergency{position:relative;overflow:hidden}
.fx-ripple{position:absolute;border-radius:50%;width:90px;height:90px;margin:-45px 0 0 -45px;background:rgba(255,255,255,.55);transform:scale(0);animation:fxRipple .65s ease-out forwards;pointer-events:none}
.appt-actions .btn-primary{animation:fxGlow 2.6s infinite}
.btn-primary:hover,.btn-wa:hover,.btn-ghost:hover{transform:translateY(-2px)}

/* hero doctor card + stats hover life */
.trust-stat{transition:transform .25s}.trust-stat:hover{transform:translateY(-4px) scale(1.06)}
[data-name="Doctor photo"]{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
[data-name="Doctor photo"]:hover{transform:scale(1.07) rotate(-2deg);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.nav-brand-img{transition:transform .4s}.nav-brand:hover .nav-brand-img{transform:rotate(-6deg) scale(1.08)}

/* Saarthi attention tip */
#saarthi-tip{position:fixed;top:calc(var(--nav-height) + .9rem);left:4.4rem;z-index:997;background:#fff;color:#1a3a5c;border:1.5px solid rgba(26,82,118,.25);border-radius:14px 14px 14px 4px;padding:.55rem .85rem;font:600 .8rem montserrat,sans-serif;box-shadow:0 8px 26px rgba(0,0,0,.18);animation:fxPop .5s cubic-bezier(.2,.7,.2,1) both;cursor:pointer;max-width:200px}
#saarthi-tip[hidden]{display:none}
#saarthi-toggle{animation:saarthi-pulse 2.5s infinite,fxBob 3s ease-in-out infinite!important}

@media (prefers-reduced-motion:reduce){
  .js .fx-in{opacity:1;animation:none}.js .hero-hospital-name.fx-in{animation:none;-webkit-text-fill-color:#0a2a5e;background:none}
  .fx-blob,.appt-actions .btn-primary,#saarthi-toggle{animation:none!important}.fx-blobs{transform:none}
}
@media (hover:none){.fx-tilt::before{display:none}}

/* E-Library coming soon */
.elib-section{padding-block:4.5rem;background:var(--bg);border-top:1px solid var(--border)}
.elib-card{position:relative;overflow:hidden;text-align:center;padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,4vw,3rem);border-radius:20px;background:linear-gradient(135deg,#1a3a5c 0%,#2a6496 55%,#5a7a3a 130%);color:#fff;box-shadow:0 20px 56px rgba(26,58,92,.3)}
.elib-card::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.12),transparent 30%);animation:elibSpin 12s linear infinite;pointer-events:none}
@keyframes elibSpin{to{transform:rotate(360deg)}}
.elib-card>*{position:relative}
.elib-books{display:flex;justify-content:center;gap:.6rem;font-size:2.4rem;margin-bottom:1rem}
.elib-books span{display:inline-block;animation:fxBob 2.6s ease-in-out infinite}
.elib-books span:nth-child(2){animation-delay:.2s}.elib-books span:nth-child(3){animation-delay:.4s}.elib-books span:nth-child(4){animation-delay:.6s}.elib-books span:nth-child(5){animation-delay:.8s}
.elib-badge{display:inline-block;background:#c9a84c;color:#1a1a1a;font:800 .75rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;padding:.4rem 1rem;border-radius:999px;margin-bottom:1rem;animation:fxGlow 2.6s infinite}
.elib-card h2{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,3.2rem);margin:0 0 .6rem;color:#fff}
.elib-lead{max-width:54ch;margin:0 auto .6rem;line-height:1.7;color:rgba(255,255,255,.9)}
.elib-hi{max-width:54ch;margin:0 auto 1.6rem;color:rgba(255,255,255,.8);font-size:.95rem}
.elib-notify{display:inline-flex}
@media (prefers-reduced-motion:reduce){.elib-card::before,.elib-books span,.elib-badge{animation:none}}

/* Internship */
.intern-section{padding-block:3rem 4.5rem;background:var(--bg)}
.intern-card{display:flex;gap:1.75rem;align-items:center;padding:clamp(1.5rem,4vw,2.5rem);border-radius:20px;background:var(--surface);border:1px solid var(--border);border-left:8px solid var(--accent);box-shadow:0 12px 36px color-mix(in srgb,var(--accent) 16%,transparent)}
.intern-icon{flex:none;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.8rem;background:color-mix(in srgb,var(--accent) 14%,transparent);animation:fxBob 3s ease-in-out infinite}
.intern-badge{display:inline-block;background:var(--accent);color:#fff;font:800 .72rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;padding:.35rem .9rem;border-radius:999px;margin-bottom:.8rem}
.intern-body h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,3.5vw,2.3rem);margin:0 0 .6rem;color:var(--text)}
.intern-body p{margin:0 0 .6rem;line-height:1.7;color:var(--fg);max-width:64ch}
.intern-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.1rem}
@media (max-width:640px){.intern-card{flex-direction:column;text-align:center;border-left-width:1px;border-top:8px solid var(--accent)}.intern-actions{justify-content:center}}
@media (prefers-reduced-motion:reduce){.intern-icon{animation:none}}

.intern-docs{margin:1rem 0 .4rem;padding:1rem 1.2rem;border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px dashed var(--accent);max-width:64ch}
.intern-docs h3{margin:0 0 .5rem;font:800 .8rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.intern-docs ul{margin:0;padding:0;list-style:none}
.intern-docs li{position:relative;padding:.3rem 0 .3rem 1.6rem;line-height:1.5;color:var(--text);font-size:.95rem}
.intern-docs li::before{content:"";position:absolute;left:.35rem;top:.42rem;width:.38rem;height:.72rem;border:solid var(--accent);border-width:0 3px 3px 0;transform:rotate(45deg)}
a.svc-cta{text-decoration:none}
@media (max-width:640px){.intern-docs{text-align:left}}

/* ===================== SAARTHI GLOW-UP ===================== */
@keyframes sgShift{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes sgIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes sgRing{0%{box-shadow:0 0 0 0 rgba(46,204,113,.6)}100%{box-shadow:0 0 0 7px rgba(46,204,113,0)}}
@keyframes sgGlow{0%,100%{box-shadow:0 6px 22px rgba(41,128,185,.55),0 0 0 0 rgba(41,128,185,.5)}50%{box-shadow:0 6px 28px rgba(90,122,58,.6),0 0 0 14px rgba(41,128,185,0)}}

html #saarthi-toggle{width:56px;height:56px;background:linear-gradient(135deg,#1a5276,#2980b9,#5a7a3a);background-size:200% 200%;animation:sgShift 6s linear infinite,sgGlow 2.6s ease-in-out infinite,fxBob 3s ease-in-out infinite!important}
html #saarthi-toggle .s-icon{font-size:24px}
html #saarthi-cb:checked ~ #saarthi-toggle{background:linear-gradient(135deg,#922b21,#c0392b);animation:none!important}

html #saarthi-window{width:344px;max-height:min(580px,calc(100vh - var(--nav-height) - 1.5rem));border:0;border-radius:22px;background:#fff;
  box-shadow:0 24px 70px rgba(26,82,118,.38),0 0 0 1px rgba(255,255,255,.7) inset,0 0 0 1px rgba(26,82,118,.12)}
#saarthi-window .s-header{position:relative;overflow:hidden;padding:1.05rem 1.1rem .95rem;background:linear-gradient(110deg,#1a5276,#2980b9,#5a7a3a,#2980b9,#1a5276);background-size:300% 100%;animation:sgShift 9s linear infinite}
#saarthi-window .s-header::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.28),transparent 55%);pointer-events:none}
html .s-hav{position:relative;width:44px;height:44px;font-size:22px;background:rgba(255,255,255,.22);border:2px solid rgba(255,255,255,.65)}
html .s-hav::after{content:"";position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#2ecc71;border:2px solid #fff;animation:sgRing 1.8s ease-out infinite}
html .s-hname{font-size:1.02rem;letter-spacing:.01em}
html .s-htag{font-size:.72rem;opacity:.95}
#saarthi-window .s-msgs{padding:1rem .95rem .6rem;gap:.7rem;background:radial-gradient(circle at 20% 0%,#ffffff 0%,#eef4fa 60%,#e8f0f7 100%)}
#saarthi-window .s-msg{position:relative;max-width:88%;padding:.7rem .9rem;border:0;border-radius:4px 18px 18px 18px;font-size:.86rem;line-height:1.55;box-shadow:0 3px 12px rgba(26,82,118,.1);animation:sgIn .38s cubic-bezier(.2,.8,.2,1) both}
#saarthi-window .s-msgs .s-msg:nth-child(2){animation-delay:.25s}
#saarthi-window .s-msg.user{align-self:flex-end;border-radius:18px 18px 4px 18px;background:linear-gradient(135deg,#1a5276,#2980b9);color:#fff;box-shadow:0 4px 14px rgba(41,128,185,.35)}
#saarthi-window .s-msg b{color:#1a5276}
html .s-actions{margin-top:.2rem}
#saarthi-window .s-chips{display:flex;flex-wrap:wrap;overflow:visible;gap:.45rem;padding:.35rem .95rem .85rem;background:#eaf1f8;max-height:none}
#saarthi-window .s-chip{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;flex:none;font-size:.78rem;font-weight:700;padding:.5rem .85rem;border-radius:999px;border:0;color:#1a5276;background:#fff;
  box-shadow:0 2px 8px rgba(26,82,118,.14),0 0 0 1.5px rgba(26,82,118,.22) inset;transition:transform .18s,box-shadow .18s,background .18s,color .18s}
#saarthi-window .s-chip:hover{transform:translateY(-2px);color:#fff;background:linear-gradient(135deg,#1a5276,#2980b9);box-shadow:0 8px 18px rgba(41,128,185,.4)}
#saarthi-window .s-msg .s-chip{background:#eef4fa}
#saarthi-window .s-footer{padding:.7rem .85rem .75rem;background:#fff;border-top:1px solid #e3ebf3}
.s-form{align-items:center;gap:.45rem}
.s-form input{border-radius:999px;border:1.5px solid #d3deea;padding:.62rem .95rem;font-size:.88rem;background:#f7fafd;transition:border-color .2s,box-shadow .2s,background .2s}
.s-form input:focus{background:#fff;border-color:#2980b9;box-shadow:0 0 0 4px rgba(41,128,185,.16)}
.s-form button{width:42px;height:42px;padding:0;border-radius:50%;font-size:0;background:linear-gradient(135deg,#1a5276,#2980b9);box-shadow:0 4px 12px rgba(41,128,185,.4);position:relative}
.s-form button::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M2 21l21-9L2 3v7l15 2-15 2z'/%3E%3C/svg%3E") center/18px no-repeat}
.s-form button:hover{transform:scale(1.08)}
html .s-note{font-size:.66rem;color:#8a97a8}
#saarthi-window .s-msgs::-webkit-scrollbar{width:6px}#saarthi-window .s-msgs::-webkit-scrollbar-thumb{background:#c5d3e2;border-radius:6px}
.s-typing{background:#fff!important}
@media (max-width:600px){#saarthi-window{width:calc(100vw - 1rem)}}
@media (prefers-reduced-motion:reduce){#saarthi-toggle,#saarthi-window .s-header,.s-hav::after,#saarthi-window .s-msg{animation:none!important}}

/* logo instead of emoji (emoji can render as an empty box on older devices) */
html #saarthi-toggle .s-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;color:#fff}
#saarthi-toggle .s-logo{width:40px;height:40px;border-radius:50%;background:#fff;object-fit:contain;padding:3px;box-sizing:border-box}
#saarthi-toggle .s-x{display:none;font-weight:300}
#saarthi-cb:checked ~ #saarthi-toggle .s-logo{display:none}
#saarthi-cb:checked ~ #saarthi-toggle .s-x{display:block}
html .s-hav{overflow:hidden;padding:0}
.s-hav img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:50%;padding:3px;box-sizing:border-box}
@media (max-width:600px){#saarthi-toggle .s-logo,html #saarthi-toggle .s-icon{width:34px;height:34px}}

/* Become a Member */
.member-section{padding-block:3rem 4.5rem;background:var(--bg)}
.member-card{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,2.75rem);border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 50px color-mix(in srgb,var(--accent) 18%,transparent);position:relative;overflow:hidden}
.member-card::before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#c9a84c 35%,transparent),transparent 70%);pointer-events:none}
.member-card>*{position:relative}
.member-badge{display:inline-block;background:#c9a84c;color:#1a1a1a;font:800 .72rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;padding:.35rem .9rem;border-radius:999px;margin-bottom:.8rem}
.member-copy h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,3.6vw,2.5rem);margin:0 0 .6rem;color:var(--text)}
.member-copy p{margin:0 0 .6rem;line-height:1.7;color:var(--fg);max-width:50ch}
.member-perks{list-style:none;margin:1rem 0 0;padding:0}
.member-perks li{position:relative;padding:.3rem 0 .3rem 1.7rem;color:var(--text);font-weight:600}
.member-perks li::before{content:"";position:absolute;left:.35rem;top:.42rem;width:.38rem;height:.72rem;border:solid var(--accent);border-width:0 3px 3px 0;transform:rotate(45deg)}
.member-panel{background:var(--bg);border-radius:16px;padding:clamp(1.1rem,3vw,1.75rem);box-shadow:0 8px 28px rgba(0,0,0,.08)}
.member-form{display:grid;gap:.95rem}
.chk{display:flex;gap:.65rem;align-items:flex-start;font-size:.82rem;line-height:1.5;color:var(--fg);cursor:pointer}
.chk input{flex:none;width:20px;height:20px;margin-top:.1rem;accent-color:var(--accent)}
.member-submit{width:100%;min-height:50px}
.member-status{font-size:.88rem;font-weight:600;min-height:1.2em}
.member-status.ok{color:#1e7a3c}.member-status.bad{color:#b3261e}
.member-done h3{margin:0 0 .4rem;font-family:var(--font-display);font-weight:800;color:var(--text)}
.member-done p{line-height:1.6;color:var(--fg)}
.member-done-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.member-done[hidden]{display:none}
@media (max-width:820px){.member-card{grid-template-columns:1fr}}

.member-benefits-head{margin:2.25rem 0 1rem;text-align:center}
.member-benefits-head h3{font-family:var(--font-display);font-weight:800;font-size:clamp(1.25rem,2.8vw,1.7rem);margin:0;color:var(--text)}
.member-benefits-head h3 span{display:block;font-size:.95rem;font-weight:600;color:var(--fg);margin-top:.25rem}
.member-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.mb-card{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.2rem;border-radius:14px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);transition:transform .25s,box-shadow .25s}
.mb-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 22%,transparent)}
.mb-ico{flex:none;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:color-mix(in srgb,var(--accent) 14%,transparent)}
.mb-card h4{margin:0 0 .25rem;font:800 1rem var(--font-display);color:var(--text)}
.mb-card p{margin:0;font-size:.88rem;line-height:1.55;color:var(--fg)}
.member-note{margin:1.1rem 0 0;text-align:center;font-size:.85rem;font-weight:600;color:var(--fg)}
@media (max-width:900px){.member-benefits{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.member-benefits{grid-template-columns:1fr}}

/* informational video rows — one consistent, site-matching style */
.vrows{display:grid;gap:10px;margin-top:.5rem}
.vrow{position:relative;display:flex;align-items:center;gap:14px;box-sizing:border-box;width:100%;padding:14px 18px;border-radius:12px;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#2f4a1c 0%,#5a7a3a 100%);box-shadow:0 4px 18px rgba(47,74,28,.28);transition:transform .2s ease,box-shadow .2s ease}
.vrow::before{content:"";position:absolute;top:-45%;right:-8%;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.vrow:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(47,74,28,.45)}
.vrow-badge{flex:none;background:#c9a84c;color:#1a1a1a;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:20px;white-space:nowrap}
.vrow-link{flex:1;min-width:0;color:#fff!important;font-weight:600;font-size:.97rem;line-height:1.4;text-decoration:none!important}
.vrow-link::after{content:"";position:absolute;inset:0}
.vrow-link:hover{color:#ffe08a!important}
.vrow-arrow{flex:none;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
@media (max-width:560px){.vrow{flex-wrap:wrap;gap:8px}.vrow-link{flex-basis:100%;order:3}.vrow-arrow{margin-left:auto}}

/* awareness comic: centred, readable width instead of a full-width 2000px-tall card */
[data-name="Comic strip card 2"]{max-width:480px!important;margin-inline:auto!important}

/* Latest Updates (fed from the Google Sheet) */
.updates-section{padding-block:3rem 1rem;background:var(--bg)}
.updates-section[hidden]{display:none}
.updates-head{text-align:center;margin-bottom:1.5rem}
.updates-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,3.6vw,2.5rem);margin:.4rem 0 0;color:var(--text)}
.updates-head h2 span{display:block;font-size:1rem;font-weight:600;color:var(--fg);margin-top:.2rem}
.updates-list{display:grid;gap:1rem;max-width:860px;margin-inline:auto}
.upd-card{position:relative;padding:1.1rem 1.3rem 1.1rem 1.5rem;border-radius:14px;background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--accent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .2s,box-shadow .2s}
.upd-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 22%,transparent)}
.upd-meta{display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}
.upd-new{background:#c9a84c;color:#1a1a1a;font-weight:800;padding:.15rem .6rem;border-radius:999px;font-size:.68rem}
.upd-card h3{margin:.35rem 0 .3rem;font:800 1.15rem var(--font-display);color:var(--text)}
.upd-card p{margin:0;line-height:1.6;color:var(--fg);white-space:pre-line}
.upd-card a.upd-link{display:inline-block;margin-top:.55rem;font-weight:700;color:var(--primary);text-decoration:none}
.upd-card a.upd-link:hover{text-decoration:underline}
.updates-note{text-align:center;margin:1rem 0 0;font-size:.8rem;color:var(--fg)}

/* ===================== LANGUAGE SWITCH ===================== */
.lang-toggle{display:inline-flex;flex:none;align-items:center;margin-left:1rem;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent)}
.lang-toggle button{min-width:44px;min-height:34px;padding:0 .85rem;border:0;border-radius:999px;background:transparent;color:var(--text);font:800 .78rem var(--font-display);letter-spacing:.04em;cursor:pointer;transition:background .2s,color .2s}
.lang-toggle button:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}
.lang-toggle button.on{background:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 45%,transparent)}
.nav-inner{gap:.5rem}
@media (max-width:900px){.lang-toggle{margin-left:auto;margin-right:.5rem}}
html[lang="hi"] [data-hi-dup]{display:none!important}
html[lang="hi"] .elib-hi,html[lang="hi"] .intern-hi,html[lang="hi"] .member-hi{display:none!important}
/* Devanagari looks wrong with letter-spacing, forced capitals or italics */
html[lang="hi"] *{letter-spacing:normal!important;text-transform:none!important;font-style:normal!important}

/* small screens: make room for the language switch in the header */
@media (max-width:640px){
  .nav-brand-sub{display:none}
  .nav-brand-name{font-size:.82rem;line-height:1.2}
  .lang-toggle{margin-right:.4rem}
  .lang-toggle button{min-width:38px;min-height:32px;padding:0 .6rem}
}

/* Welcome message after becoming a member */
.member-welcome[hidden]{display:none}
.member-welcome{text-align:center;padding:.5rem .25rem;outline:none;animation:fxUp .6s cubic-bezier(.2,.7,.2,1) both}
.mw-icon{width:72px;height:72px;margin:0 auto .9rem;border-radius:50%;background:linear-gradient(135deg,#2f4a1c,#5a7a3a);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 45%,transparent);position:relative;animation:fxPop .7s cubic-bezier(.2,.8,.2,1) both}
.mw-icon::after{content:"";position:absolute;left:25px;top:14px;width:20px;height:34px;border:solid #fff;border-width:0 6px 6px 0;transform:rotate(45deg)}
.mw-greet{margin:0 0 .25rem;font-weight:700;color:var(--accent)}
.mw-title{margin:0 0 .7rem;font-family:var(--font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.3;color:var(--text)}
.mw-body{margin:0 0 .6rem;line-height:1.65;color:var(--text)}
.mw-small{margin:0 0 .8rem;font-size:.85rem;line-height:1.55;color:var(--fg)}
.mw-care{margin:0;font-weight:600;color:var(--text)}
.mw-sign{margin:.35rem 0 1rem;font-style:italic;color:var(--primary);font-weight:700}
.mw-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
@media (prefers-reduced-motion:reduce){.member-welcome,.mw-icon{animation:none}}

/* make sure the [hidden] attribute really hides things that have their own display rule */
.member-form[hidden],.member-welcome[hidden],.member-done[hidden]{display:none!important}

.mw-sent{margin:0 0 .7rem;font-weight:700;color:var(--accent)}
.mw-sent[hidden]{display:none!important}
/* E-Library once the Library tab has items */
.elib-card[hidden],.elib-live[hidden]{display:none!important}
.elib-live-head{text-align:center;margin-bottom:1.5rem}
.elib-live-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 .5rem;color:var(--text)}
.elib-live-head p{margin:0 auto;max-width:56ch;line-height:1.65;color:var(--fg)}
.elib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.elib-item{display:flex;flex-direction:column;padding:1.2rem 1.3rem;border-radius:14px;background:var(--surface);border:1px solid var(--border);border-top:5px solid #2a6496;box-shadow:0 8px 24px rgba(26,58,92,.1);transition:transform .2s,box-shadow .2s}
.elib-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(26,58,92,.2)}
.elib-item h3{margin:0 0 .4rem;font:800 1.08rem var(--font-display);color:var(--text);line-height:1.35}
.elib-item p{margin:0 0 .8rem;font-size:.9rem;line-height:1.6;color:var(--fg)}
.elib-open{margin-top:auto;align-self:flex-start;font-weight:800;font-size:.85rem;letter-spacing:.03em;color:#1a5276;text-decoration:none}
.elib-open:hover{text-decoration:underline}
@media (max-width:900px){.elib-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.elib-grid{grid-template-columns:1fr}}

/* E-Library: categories, each with English and Hindi sections */
.elib-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto .5rem;max-width:560px}
.elib-pills span{padding:.3rem .85rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);font-size:.8rem;font-weight:700;color:#fff}
.elib-langs{margin:0 0 1.4rem;font-size:.82rem;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.8)}
.elib-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 1.5rem}
.elib-tab{display:inline-flex;align-items:center;gap:.45rem;min-height:42px;padding:0 1.05rem;border-radius:999px;border:1.5px solid color-mix(in srgb,#2a6496 55%,transparent);background:transparent;color:var(--text);font:800 .85rem var(--font-display);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.elib-tab:hover{background:color-mix(in srgb,#2a6496 14%,transparent);transform:translateY(-1px)}
.elib-tab.on{background:linear-gradient(135deg,#1a3a5c,#2a6496);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(42,100,150,.35)}
.elib-tabn{min-width:20px;height:20px;padding:0 .35rem;border-radius:999px;background:rgba(0,0,0,.14);font-size:.72rem;display:inline-flex;align-items:center;justify-content:center}
.elib-tab.on .elib-tabn{background:rgba(255,255,255,.25)}
.elib-panel{display:grid;gap:2rem}
.elib-lang-title{margin:0 0 .9rem;padding-bottom:.45rem;border-bottom:2px solid color-mix(in srgb,#2a6496 35%,transparent);font:800 1.15rem var(--font-display);color:var(--text)}
.elib-count{font-weight:600;color:var(--fg)}
.elib-empty{margin:0;padding:1rem 1.2rem;border:1px dashed var(--border);border-radius:12px;color:var(--fg);font-size:.92rem}
.elib-author{margin:-.1rem 0 .45rem!important;font-weight:700;font-size:.82rem!important;color:#1a5276!important}
.elib-note{margin:1.2rem 0 0;text-align:center;font-size:.8rem;color:var(--fg)}

/* four benefit cards: 2 x 2 instead of 3 + 1 */
@media (min-width:901px){.member-benefits:has(.mb-card:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}