/* Appearance theme (generated by /admin -> Appearance; do not edit by hand). */
@font-face{font-family:"Roboto Slab";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/roboto-slab/roboto-slab-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto Slab";font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/roboto-slab/roboto-slab-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto Slab";font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/roboto-slab/roboto-slab-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto Slab";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/roboto-slab/roboto-slab-latin-700-normal.woff2) format("woff2")}
html:root{--svt-rev:"20261110120257-69b4";--c-brand:11 61 145;--c-brand-dark:8 42 99;--c-brand-light:232 238 249;--c-teal:11 61 145;--c-teal-light:232 238 249;--c-accent:153 111 9;--c-accent-light:250 243 223;--c-gold:242 193 78;--c-gold-light:252 244 222;--c-navy:6 26 64;--c-navy-light:237 240 246;--c-nav-text:6 26 64;--font-head:"Roboto Slab","Noto Sans Devanagari",system-ui,sans-serif;--font-body:"Roboto Slab","Noto Sans Devanagari",system-ui,sans-serif;--svt-fs:0.97}
body{font-weight:500}
html .svt-leader{width:160px;height:160px}@media(min-width:640px){html .svt-leader{width:200px;height:200px}}
html .svt-hero-img{object-position:10% 50%}
html .svt-hero{min-height:40vh;display:flex;align-items:center}html .svt-hero-in{width:100%}@media(max-width:639px){html .svt-hero{min-height:40vh}}
html img[src="/img/Samiti-1.webp"],html img[data-svt-src="/img/Samiti-1.webp"]{width:65%!important;max-width:100%!important;border-radius:13px!important;box-shadow:0 4px 14px rgb(0 0 0 / .14)!important}
html img[src="/img/IMG-20240809-WA0006-1024x960.webp"],html img[data-svt-src="/img/IMG-20240809-WA0006-1024x960.webp"]{width:15%!important;max-width:100%!important}
html img[src="/img/20221205_091542-scaled.webp"],html img[data-svt-src="/img/20221205_091542-scaled.webp"]{box-shadow:0 12px 30px rgb(0 0 0 / .3)!important}
html .svt-topbar{display:none!important}
html .nav-link::after{display:none}
html .svt-card{box-shadow:0 8px 24px -6px rgb(0 0 0 / .18);border-color:transparent}html .svt-card:hover{box-shadow:0 14px 30px -8px rgb(0 0 0 / .25)}
html [data-sec="welcome"]{position:relative;isolation:isolate;background:transparent!important}html [data-sec="welcome"]::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:#fff}
html [data-sec="leadership"]{position:relative;isolation:isolate;background:transparent!important}html [data-sec="leadership"]::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:rgb(var(--c-brand-light))}
html body{overflow-x:clip}
html img.svt-w-25{width:25%!important;max-width:100%!important;height:auto!important}html img.svt-w-33{width:33%!important;max-width:100%!important;height:auto!important}html img.svt-w-50{width:50%!important;max-width:100%!important;height:auto!important}html img.svt-w-75{width:75%!important;max-width:100%!important;height:auto!important}html img.svt-w-100{width:100%!important;max-width:100%!important;height:auto!important}html img.svt-al-l{display:block;margin-left:0!important;margin-right:auto!important}html img.svt-al-c{display:block;margin-left:auto!important;margin-right:auto!important}html img.svt-al-r{display:block;margin-left:auto!important;margin-right:0!important}html img.svt-al-wl{float:left;margin:.3rem 1.25rem .75rem 0!important;max-width:50%}html img.svt-al-wr{float:right;margin:.3rem 0 .75rem 1.25rem!important;max-width:50%}html .prose-svt::after{content:"";display:table;clear:both}@media(max-width:639px){html img.svt-al-wl,html img.svt-al-wr{float:none;max-width:100%;margin-left:auto!important;margin-right:auto!important}html img[class*=svt-w-]{width:100%!important}}
/* photos on notice cards */
html a.svt-card[href^="/notices/"]::before,html li>a.h-full[href^="/notices/"]::before{display:block;height:190px;margin:-1rem -1rem .8rem;border-top-left-radius:inherit;border-top-right-radius:inherit;background-color:rgb(var(--c-brand-light,234 240 248));background-position:center;background-size:cover;background-repeat:no-repeat}@media(max-width:639px){html a.svt-card[href^="/notices/"]::before,html li>a.h-full[href^="/notices/"]::before{height:162px}}
html a.svt-card[href="/notices/view/?id=0ed1eda236"]::before,html li>a.h-full[href="/notices/view/?id=0ed1eda236"]::before{content:"";background-image:url("/uploads/sizes/45b16f2401-1001399003-ebc1bd-480.webp")}
html a.svt-card[href="/notices/view/?id=8b4525f8e0"]::before,html li>a.h-full[href="/notices/view/?id=8b4525f8e0"]::before{content:"";background-image:url("/uploads/sizes/87912fe851-sand-save-1792669371148-b158e8-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=002"]::before,html li>a.h-full[href="/notices/view/?id=002"]::before,html a.svt-card[href="/notices/002/"]::before,html li>a.h-full[href="/notices/002/"]::before{content:"";background-image:url("/uploads/sizes/c114a5098d-1-of-1-1024x1024-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=003"]::before,html li>a.h-full[href="/notices/view/?id=003"]::before,html a.svt-card[href="/notices/003/"]::before,html li>a.h-full[href="/notices/003/"]::before{content:"";background-image:url("/uploads/sizes/91061aa9dc-vacancy-adv-2025-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=007"]::before,html li>a.h-full[href="/notices/view/?id=007"]::before,html a.svt-card[href="/notices/007/"]::before,html li>a.h-full[href="/notices/007/"]::before{content:"";background-image:url("/img/WhatsApp-Image-2026-08-02-at-10.41.24-AM-1.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=008"]::before,html li>a.h-full[href="/notices/view/?id=008"]::before,html a.svt-card[href="/notices/008/"]::before,html li>a.h-full[href="/notices/008/"]::before{content:"";background-image:url("/img/2-1-360x240.webp")}
html a.svt-card[href="/notices/view/?id=009"]::before,html li>a.h-full[href="/notices/view/?id=009"]::before,html a.svt-card[href="/notices/009/"]::before,html li>a.h-full[href="/notices/009/"]::before{content:"";background-image:url("/uploads/sizes/88742f25af-ghodke-sir-1024x1000-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=010"]::before,html li>a.h-full[href="/notices/view/?id=010"]::before,html a.svt-card[href="/notices/010/"]::before,html li>a.h-full[href="/notices/010/"]::before{content:"";background-image:url("/uploads/sizes/795089b9b9-sport-595x1024-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=012"]::before,html li>a.h-full[href="/notices/view/?id=012"]::before,html a.svt-card[href="/notices/012/"]::before,html li>a.h-full[href="/notices/012/"]::before{content:"";background-image:url("/uploads/sizes/2b99e74497-whatsapp-image-2025-05-14-at-2-32-03-pm-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=014"]::before,html li>a.h-full[href="/notices/view/?id=014"]::before,html a.svt-card[href="/notices/014/"]::before,html li>a.h-full[href="/notices/014/"]::before{content:"";background-image:url("/uploads/sizes/96e22f5c0d-4-1024x1024-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=015"]::before,html li>a.h-full[href="/notices/view/?id=015"]::before,html a.svt-card[href="/notices/015/"]::before,html li>a.h-full[href="/notices/015/"]::before{content:"";background-image:url("/uploads/sizes/b9dbacf3dd-3-1024x581-480.webp")}
html a.svt-card[href="/notices/view/?id=016"]::before,html li>a.h-full[href="/notices/view/?id=016"]::before,html a.svt-card[href="/notices/016/"]::before,html li>a.h-full[href="/notices/016/"]::before{content:"";background-image:url("/uploads/sizes/adebec9146-tiranga-13th-ag-1-720x1024-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=017"]::before,html li>a.h-full[href="/notices/view/?id=017"]::before,html a.svt-card[href="/notices/017/"]::before,html li>a.h-full[href="/notices/017/"]::before{content:"";background-image:url("/uploads/sizes/27c6de29b0-img-20240809-wa0006-1024x960-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=019"]::before,html li>a.h-full[href="/notices/view/?id=019"]::before,html a.svt-card[href="/notices/019/"]::before,html li>a.h-full[href="/notices/019/"]::before{content:"";background-image:url("/uploads/sizes/dcef6a228e-collector-sir-tree-plantation-1-768x768-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=020"]::before,html li>a.h-full[href="/notices/view/?id=020"]::before,html a.svt-card[href="/notices/020/"]::before,html li>a.h-full[href="/notices/020/"]::before{content:"";background-image:url("/img/HSC-Result-2024.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=021"]::before,html li>a.h-full[href="/notices/view/?id=021"]::before,html a.svt-card[href="/notices/021/"]::before,html li>a.h-full[href="/notices/021/"]::before{content:"";background-image:url("/uploads/sizes/bc24e9255a-ssc-result-2024-480.webp")}
html a.svt-card[href="/notices/view/?id=022"]::before,html li>a.h-full[href="/notices/view/?id=022"]::before,html a.svt-card[href="/notices/022/"]::before,html li>a.h-full[href="/notices/022/"]::before{content:"";background-image:url("/img/WhatsApp-Image-2025-05-14-at-2.32.03-PM-360x240.webp")}
html a.svt-card[href="/notices/view/?id=023"]::before,html li>a.h-full[href="/notices/view/?id=023"]::before,html a.svt-card[href="/notices/023/"]::before,html li>a.h-full[href="/notices/023/"]::before{content:"";background-image:url("/uploads/sizes/a73afd26e8-whatsapp-image-2024-04-15-at-12-58-54-79-480.webp")}
html a.svt-card[href="/notices/view/?id=024"]::before,html li>a.h-full[href="/notices/view/?id=024"]::before,html a.svt-card[href="/notices/024/"]::before,html li>a.h-full[href="/notices/024/"]::before{content:"";background-image:url("/img/download.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=025"]::before,html li>a.h-full[href="/notices/view/?id=025"]::before,html a.svt-card[href="/notices/025/"]::before,html li>a.h-full[href="/notices/025/"]::before{content:"";background-image:url("/uploads/sizes/2e8561fe12-whatsapp-image-2024-03-05-at-18-05-18-94-480.webp")}
html a.svt-card[href="/notices/view/?id=026"]::before,html li>a.h-full[href="/notices/view/?id=026"]::before,html a.svt-card[href="/notices/026/"]::before,html li>a.h-full[href="/notices/026/"]::before{content:"";background-image:url("/uploads/sizes/e80d37f151-school-pemphlet-fi-scaled-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=028"]::before,html li>a.h-full[href="/notices/view/?id=028"]::before,html a.svt-card[href="/notices/028/"]::before,html li>a.h-full[href="/notices/028/"]::before{content:"";background-image:url("/img/Srinivasa_Ramanujan_-_OPC_-_1-300x300.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=029"]::before,html li>a.h-full[href="/notices/view/?id=029"]::before,html a.svt-card[href="/notices/029/"]::before,html li>a.h-full[href="/notices/029/"]::before{content:"";background-image:url("/img/WhatsApp-Image-2020-11-22-at-7.01.28-PM-300x300.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=030"]::before,html li>a.h-full[href="/notices/view/?id=030"]::before,html a.svt-card[href="/notices/030/"]::before,html li>a.h-full[href="/notices/030/"]::before{content:"";background-image:url("/img/images-1.webp")}
html a.svt-card[href="/notices/view/?id=031"]::before,html li>a.h-full[href="/notices/view/?id=031"]::before,html a.svt-card[href="/notices/031/"]::before,html li>a.h-full[href="/notices/031/"]::before{content:"";background-image:url("/uploads/sizes/6a48ec5413-2-1024x960-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=032"]::before,html li>a.h-full[href="/notices/view/?id=032"]::before,html a.svt-card[href="/notices/032/"]::before,html li>a.h-full[href="/notices/032/"]::before{content:"";background-image:url("/uploads/sizes/2eca0ee8eb-g23-480.webp")}
html a.svt-card[href="/notices/view/?id=033"]::before,html li>a.h-full[href="/notices/view/?id=033"]::before,html a.svt-card[href="/notices/033/"]::before,html li>a.h-full[href="/notices/033/"]::before{content:"";background-image:url("/img/WhatsApp-Image-2023-09-04-at-11.34.44-300x300.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=035"]::before,html li>a.h-full[href="/notices/view/?id=035"]::before,html a.svt-card[href="/notices/035/"]::before,html li>a.h-full[href="/notices/035/"]::before{content:"";background-image:url("/img/WhatsApp-Image-2023-09-04-at-11.34.44-300x300.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=037"]::before,html li>a.h-full[href="/notices/view/?id=037"]::before,html a.svt-card[href="/notices/037/"]::before,html li>a.h-full[href="/notices/037/"]::before{content:"";background-image:url("/uploads/sizes/cb0889bc0d-1678552934878-1-e1679941030149-480.webp")}
html a.svt-card[href="/notices/view/?id=038"]::before,html li>a.h-full[href="/notices/view/?id=038"]::before,html a.svt-card[href="/notices/038/"]::before,html li>a.h-full[href="/notices/038/"]::before{content:"";background-image:url("/img/1483436_598250786907420_844776816_n-300x300.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=039"]::before,html li>a.h-full[href="/notices/view/?id=039"]::before,html a.svt-card[href="/notices/039/"]::before,html li>a.h-full[href="/notices/039/"]::before{content:"";background-image:url("/uploads/sizes/3c482f3330-2-1-1024x678-480.webp")}
html a.svt-card[href="/notices/view/?id=042"]::before,html li>a.h-full[href="/notices/view/?id=042"]::before,html a.svt-card[href="/notices/042/"]::before,html li>a.h-full[href="/notices/042/"]::before{content:"";background-image:url("/img/Cell-Phone-is-dangerous-for-Child-300x300.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=044"]::before,html li>a.h-full[href="/notices/view/?id=044"]::before,html a.svt-card[href="/notices/044/"]::before,html li>a.h-full[href="/notices/044/"]::before{content:"";background-image:url("/uploads/sizes/303ed72052-application-form-1-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=046"]::before,html li>a.h-full[href="/notices/view/?id=046"]::before,html a.svt-card[href="/notices/046/"]::before,html li>a.h-full[href="/notices/046/"]::before{content:"";background-image:url("/uploads/sizes/a6c29deb91-whatsapp-image-2020-11-22-at-7-01-28-pm-480.webp");background-size:contain}
html a.svt-card[href="/notices/view/?id=047"]::before,html li>a.h-full[href="/notices/view/?id=047"]::before,html a.svt-card[href="/notices/047/"]::before,html li>a.h-full[href="/notices/047/"]::before{content:"";background-image:url("/uploads/sizes/24a695260f-screenshot-2022-09-19-151054-480.webp")}
html a.svt-card[href="/notices/view/?id=048"]::before,html li>a.h-full[href="/notices/view/?id=048"]::before,html a.svt-card[href="/notices/048/"]::before,html li>a.h-full[href="/notices/048/"]::before{content:"";background-image:url("/uploads/sizes/b61d6a4fda-annotation-2022-09-04-103542-1024x861-480.webp")}
html a.svt-card[href="/notices/view/?id=049"]::before,html li>a.h-full[href="/notices/view/?id=049"]::before,html a.svt-card[href="/notices/049/"]::before,html li>a.h-full[href="/notices/049/"]::before{content:"";background-image:url("/img/radhekrishan-96.webp")}
html a.svt-card[href="/notices/view/?id=050"]::before,html li>a.h-full[href="/notices/view/?id=050"]::before,html a.svt-card[href="/notices/050/"]::before,html li>a.h-full[href="/notices/050/"]::before{content:"";background-image:url("/uploads/sizes/efa39e5451-whatsapp-image-2022-08-31-at-12-41-48-pm-480.webp")}
html a.svt-card[href="/notices/view/?id=052"]::before,html li>a.h-full[href="/notices/view/?id=052"]::before,html a.svt-card[href="/notices/052/"]::before,html li>a.h-full[href="/notices/052/"]::before{content:"";background-image:url("/uploads/sizes/3ef255fd58-whatsapp-image-2022-08-22-at-9-58-17-pm--480.webp")}
html a.svt-card[href="/notices/view/?id=057"]::before,html li>a.h-full[href="/notices/view/?id=057"]::before,html a.svt-card[href="/notices/057/"]::before,html li>a.h-full[href="/notices/057/"]::before{content:"";background-image:url("/uploads/sizes/929b320237-img-20220726-092834-480.webp")}
html a.svt-card[href="/notices/view/?id=058"]::before,html li>a.h-full[href="/notices/view/?id=058"]::before,html a.svt-card[href="/notices/058/"]::before,html li>a.h-full[href="/notices/058/"]::before{content:"";background-image:url("/uploads/sizes/223cc99079-img-20220801-091415-scaled-e165937358273-480.webp")}
html:root{--svt-sunrise-time:4s}
@keyframes svtMenuFall{0%{opacity:0;transform:translate(-50%,-34px)}18%{opacity:1}70%{transform:translate(-50%,3px)}85%{transform:translate(-50%,-1px)}100%{opacity:1;transform:translate(-50%,0)}}html header .nav-link::after{display:block;width:34px;height:3px;border-radius:2px;background:rgb(189 50 15);opacity:0;transform:translate(-50%,0);transition:opacity .2s}html header :is(.nav-item:hover,.nav-item:focus-within,.nav-item.open)>.nav-link::after{opacity:1;animation:svtMenuFall .9s cubic-bezier(.3,.7,.4,1) both}html header .nav-link[aria-current=page]::after{opacity:1;transform:translate(-50%,0)}
html header :is(.nav-item:hover,.nav-item:focus-within,.nav-item.open)>.nav-link,html header .nav-link[aria-current=page]{color:rgb(189 50 15)}
@keyframes svtMenuFallM{0%{opacity:0;transform:translateY(-30px)}18%{opacity:1}70%{transform:translateY(3px)}85%{transform:translateY(-1px)}100%{opacity:1;transform:none}}html header nav.mnav>div>ul>li>:is(a,button){position:relative}html header nav.mnav>div>ul>li>:is(a,button)::after{content:"";position:absolute;left:20px;bottom:6px;width:30px;height:3px;border-radius:2px;background:rgb(189 50 15);opacity:0;pointer-events:none}html header nav.mnav>div>ul>li>:is(a,button):is(:hover,:focus-visible,:active,[aria-expanded=true])::after{opacity:1;animation:svtMenuFallM .9s cubic-bezier(.3,.7,.4,1) both}html header nav.mnav>div>ul>li>:is(a,button):is(:hover,:focus-visible,:active,[aria-expanded=true]){color:rgb(189 50 15)}
@media (prefers-reduced-motion:reduce){html header .nav-link::after,html header nav.mnav li>:is(a,button)::after{animation:none!important}}
html #dd-ImportantLinks{min-width:270px}html .nav-item:last-child>#dd-ImportantLinks{left:auto;right:0}html header nav[aria-label=Main]>ul{flex-wrap:wrap}@media(max-width:1439px){html header nav[aria-label=Main] .nav-link{padding-left:.75rem;padding-right:.75rem}}
/* custom CSS (Appearance -> Layout & style) */
/* class timetable buttons on Academics → Time Table */
html main a.tt-c{display:inline-flex;align-items:center;justify-content:center;min-width:4.75rem;padding:.6rem 1rem;margin:.3rem .35rem .3rem 0;border-radius:999px;background:rgb(var(--c-brand-light));color:rgb(var(--c-brand-dark));border:1px solid rgb(var(--c-brand) / .25);font-weight:600;line-height:1.1;text-decoration:none;box-shadow:0 1px 2px rgb(0 0 0 / .06);transition:background .15s,color .15s,transform .15s}
html main a.tt-c:hover,html main a.tt-c:focus-visible{background:rgb(var(--c-brand));color:#fff;transform:translateY(-1px)}
html main a.tt-all{display:inline-block;margin-top:.25rem;font-weight:600;color:rgb(var(--c-brand));text-decoration:none}
html main a.tt-all:hover{text-decoration:underline}
@media (max-width:480px){html main a.tt-c{min-width:4.2rem;padding:.55rem .8rem}}

/* ===== Hostel & Fees page (/hostel-fees/) ===== */
/* banner */
body:has(#h-hostel) main{--svt-hero:url("/img/20220507_123807-1024x485.webp")}
body:has(#h-hostel) main > section:first-child > div{padding-top:4.5rem;padding-bottom:4.5rem}
body:has(#h-hostel) main > section:first-child h1{font-size:clamp(2rem,4.2vw,3rem);letter-spacing:.01em}
body:has(#h-hostel) main > section:first-child h1::after{content:"Safe, disciplined residential life on campus · वसतीगृह व शुल्क";display:block;margin-top:.6rem;font-family:var(--font-body);font-size:1.02rem;font-weight:400;opacity:.9}
/* page background + section cards */
body:has(#h-hostel) main{background:linear-gradient(rgb(var(--c-brand-light) / .55),rgb(var(--c-brand-light) / .15) 900px,transparent)}
body:has(#h-hostel) main > div > section:is(:has(#h-hostel),#fees){background:#fff;border:1px solid rgb(var(--c-brand) / .10);border-radius:24px;padding:30px;box-shadow:0 10px 30px rgb(var(--c-navy) / .06)}
body:has(#h-hostel) main h2:is(#h-hostel,#h-fees){display:flex;align-items:center;gap:14px;border:0;padding:0;margin-bottom:1.2rem;font-size:1.75rem}
body:has(#h-hostel) main h2:is(#h-hostel,#h-fees)::before{content:"🏠";flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgb(var(--c-brand-light));font-size:1.5rem;box-shadow:inset 0 0 0 1px rgb(var(--c-brand) / .12)}
body:has(#h-hostel) main h2#h-fees::before{content:"💰"}
/* text + tiles */
body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt :is(> p:first-child, > div:first-child > p:first-child){font-size:1.05rem;line-height:1.75;color:rgb(var(--c-navy))}
body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt ul{list-style:none;padding:0;margin:1.1rem 0 1.6rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt ul:has(> li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt ul li{margin:0;padding:16px 18px;border-radius:16px;background:rgb(var(--c-brand-light));border:1px solid rgb(var(--c-brand) / .14);color:rgb(var(--c-navy));line-height:1.35;font-size:.93rem;transition:transform .2s,box-shadow .2s}
body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt ul li:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgb(var(--c-navy) / .08)}
body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt ul li::before,body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt ul li::marker{content:none;display:none}
body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt ul li strong{display:block;margin-bottom:6px;font-family:var(--font-head);font-size:1.65rem;line-height:1.1;color:rgb(var(--c-brand))}
/* photos */
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt p:has(> img + img){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt p:has(> img + img) img{width:100%;height:230px;object-fit:cover;margin:0;border-radius:18px;box-shadow:0 6px 18px rgb(0 0 0 / .10);transition:transform .25s,box-shadow .25s}
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt p:has(> img + img) img:is(:first-child,:last-child:nth-child(even)){grid-column:1 / -1;height:310px}
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt p:has(> img + img) img:hover{transform:scale(1.015);box-shadow:0 10px 26px rgb(0 0 0 / .16)}
/* fee blocks */
body:has(#h-hostel) main #fees .prose-svt h3{margin:2rem 0 .7rem;font-size:1.2rem;color:rgb(var(--c-navy));padding-left:12px;border-left:4px solid rgb(var(--c-accent))}
body:has(#h-hostel) main #fees .prose-svt h3 span{display:block;font-family:var(--font-body);font-weight:400;font-size:.9rem;color:rgb(var(--c-brand))}
body:has(#h-hostel) main #fees .prose-svt > div{display:grid;gap:18px;margin:.5rem 0 1rem}
body:has(#h-hostel) main #fees .prose-svt > div > div{padding:4px 20px 6px;border-radius:20px;background:rgb(var(--c-brand-light) / .35);border:1px solid rgb(var(--c-brand) / .10)}
body:has(#h-hostel) main #fees .prose-svt > div > div > h3:first-child{margin-top:1.1rem}
body:has(#h-hostel) main #fees .prose-svt table{width:100%;border-collapse:separate;border-spacing:0;margin:.6rem 0 1rem;border:1px solid rgb(var(--c-brand) / .16);border-radius:16px;overflow:hidden;font-size:.95rem;box-shadow:0 2px 8px rgb(0 0 0 / .04)}
body:has(#h-hostel) main #fees .prose-svt th{background:rgb(var(--c-brand));color:#fff;text-align:left;font-weight:600;padding:11px 14px;border:0}
body:has(#h-hostel) main #fees .prose-svt td{padding:11px 14px;border:0;border-top:1px solid rgb(var(--c-brand) / .10);vertical-align:top;background:#fff;color:rgb(var(--c-navy))}
body:has(#h-hostel) main #fees .prose-svt tbody tr:nth-child(even) td{background:rgb(var(--c-brand-light) / .55)}
body:has(#h-hostel) main #fees .prose-svt :is(td,th):nth-child(2){text-align:right;white-space:nowrap}
body:has(#h-hostel) main #fees .prose-svt td:nth-child(2){font-weight:700;color:rgb(var(--c-brand-dark))}
body:has(#h-hostel) main #fees .prose-svt td span{display:block;font-size:.85em;color:rgb(var(--c-navy) / .65)}
body:has(#h-hostel) main #fees .prose-svt blockquote{margin:.4rem 0 1rem;padding:14px 18px;border:0;border-left:4px solid rgb(var(--c-accent));border-radius:0 14px 14px 0;background:rgb(var(--c-accent-light));color:rgb(var(--c-navy));font-style:normal;quotes:none}
body:has(#h-hostel) main #fees .prose-svt blockquote::before,body:has(#h-hostel) main #fees .prose-svt blockquote::after{content:none}
body:has(#h-hostel) main #fees .prose-svt blockquote p{margin:0}
/* buttons */
body:has(#h-hostel) main #fees .prose-svt p:has(> a.hf-btn){display:flex;flex-wrap:wrap;gap:10px;margin-top:1.6rem;padding-top:1.4rem;border-top:1px dashed rgb(var(--c-brand) / .25)}
body:has(#h-hostel) main a.hf-btn{display:inline-flex;align-items:center;gap:8px;padding:.75rem 1.2rem;border-radius:999px;background:rgb(var(--c-brand));color:#fff;font-weight:600;text-decoration:none;box-shadow:0 4px 12px rgb(var(--c-brand) / .25);transition:transform .15s,background .15s}
body:has(#h-hostel) main a.hf-btn:hover{transform:translateY(-1px);background:rgb(var(--c-brand-dark))}
body:has(#h-hostel) main a.hf-btn.hf-alt{background:#fff;color:rgb(var(--c-brand-dark));border:1px solid rgb(var(--c-brand) / .35);box-shadow:none}
body:has(#h-hostel) main a.hf-btn.hf-alt:hover{background:rgb(var(--c-brand-light))}
/* wide screens: side-by-side */
@media (min-width:700px) and (max-width:1099px){body:has(#h-hostel) main section:has(#h-hostel) .prose-svt ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1100px){
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;align-items:center}
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt > div:first-child ul{margin-bottom:0}
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt p:has(> img + img) img{height:180px}
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt p:has(> img + img) img:is(:first-child,:last-child:nth-child(even)){height:250px}
body:has(#h-hostel) main #fees .prose-svt > div{grid-template-columns:repeat(2,minmax(0,1fr))}
body:has(#h-hostel) main > section:first-child > div{padding-top:6rem;padding-bottom:6rem}}
/* phones */
@media (max-width:640px){
body:has(#h-hostel) main > div > section:is(:has(#h-hostel),#fees){padding:20px 16px;border-radius:20px}
body:has(#h-hostel) main h2:is(#h-hostel,#h-fees){font-size:1.45rem}
body:has(#h-hostel) main h2:is(#h-hostel,#h-fees)::before{width:42px;height:42px;font-size:1.25rem}
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt p:has(> img + img){grid-template-columns:1fr}
body:has(#h-hostel) main section:has(#h-hostel) .prose-svt p:has(> img + img) img,body:has(#h-hostel) main section:has(#h-hostel) .prose-svt p:has(> img + img) img:is(:first-child,:last-child:nth-child(even)){height:210px}
body:has(#h-hostel) main #fees .prose-svt > div > div{padding:2px 12px 4px}
body:has(#h-hostel) main #fees .prose-svt :is(td,th){padding:9px 10px}
body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt ul li{padding:13px 14px}
body:has(#h-hostel) main :is(#fees, section:has(#h-hostel)) .prose-svt ul li strong{font-size:1.4rem}
body:has(#h-hostel) main a.hf-btn{flex:1 1 100%;justify-content:center}
body:has(#h-hostel) main #fees .prose-svt > ul:first-of-type:has(> li:nth-child(3):last-child){grid-template-columns:1fr;gap:10px}
body:has(#h-hostel) main #fees .prose-svt > ul:first-of-type li{display:flex;align-items:center;gap:14px}
body:has(#h-hostel) main #fees .prose-svt > ul:first-of-type li strong{margin:0;flex:none;min-width:6.2rem}}

/* ===== Activities page (/activities/) ===== */
body:has(#h-co-curricular) main{--svt-hero:url("/img/IMG_20220726_093921-1024x576.webp")}
body:has(#h-co-curricular) main > section:first-child > div{padding-top:4.5rem;padding-bottom:4.5rem}
body:has(#h-co-curricular) main > section:first-child h1{font-size:clamp(2rem,4.2vw,3rem)}
body:has(#h-co-curricular) main > section:first-child h1::after{content:"Co-curricular · Sports · Events · NDA preparation — सहशालेय उपक्रम, क्रीडा व एनडीए";display:block;margin-top:.6rem;font-family:var(--font-body);font-size:1.02rem;font-weight:400;opacity:.92}
body:has(#h-co-curricular) main{background:linear-gradient(rgb(var(--c-brand-light) / .55),rgb(var(--c-brand-light) / .15) 900px,transparent)}
body:has(#h-co-curricular) main > div > section{background:#fff;border:1px solid rgb(var(--c-brand) / .10);border-radius:24px;padding:30px;box-shadow:0 10px 30px rgb(var(--c-navy) / .06)}
body:has(#h-co-curricular) main > div > section > h2[id]{display:flex;align-items:center;gap:14px;border:0;padding:0;margin-bottom:1.2rem;font-size:1.75rem}
body:has(#h-co-curricular) main > div > section > h2[id]::before{content:"🎭";flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgb(var(--c-brand-light));font-size:1.5rem;box-shadow:inset 0 0 0 1px rgb(var(--c-brand) / .12)}
body:has(#h-co-curricular) main #h-sports::before{content:"🏅"}
body:has(#h-co-curricular) main #h-events::before{content:"🎉"}
body:has(#h-co-curricular) main #h-nda::before{content:"🎖️"}
body:has(#h-co-curricular) main .prose-svt > p:first-child{font-size:1.05rem;line-height:1.75;color:rgb(var(--c-navy))}
body:has(#h-co-curricular) main .prose-svt h3{margin:1.8rem 0 .8rem;font-size:1.2rem;color:rgb(var(--c-navy));padding-left:12px;border-left:4px solid rgb(var(--c-accent))}
body:has(#h-co-curricular) main .prose-svt > h3:first-child{margin-top:.2rem}
body:has(#h-co-curricular) main .prose-svt h3 span{display:block;font-family:var(--font-body);font-weight:400;font-size:.9rem;color:rgb(var(--c-brand))}
/* minimal photo frames */
body:has(#h-co-curricular) main .prose-svt img{background:#fff;padding:7px;border:1px solid rgb(var(--c-navy) / .08);border-radius:16px;box-shadow:0 8px 22px rgb(var(--c-navy) / .09);transition:transform .25s,box-shadow .25s}
body:has(#h-co-curricular) main .prose-svt img:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgb(var(--c-navy) / .14)}
body:has(#h-co-curricular) main .prose-svt p:has(> img + img){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:.4rem 0 1rem}
body:has(#h-co-curricular) main .prose-svt p:has(> img + img) img{width:100%;height:240px;object-fit:cover;margin:0}
body:has(#h-co-curricular) main .prose-svt p:has(> img + img + img) img:first-child{grid-column:1 / -1;height:300px}
body:has(#h-co-curricular) main .prose-svt p > img:only-child{display:block;margin:.4rem auto 1rem;max-width:100%;height:auto}
/* tiles */
body:has(#h-co-curricular) main .prose-svt ul{list-style:none;padding:0;margin:1.1rem 0 1.6rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body:has(#h-co-curricular) main .prose-svt ul:has(> li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
body:has(#h-co-curricular) main .prose-svt ul li{margin:0;padding:16px 18px;border-radius:16px;background:rgb(var(--c-brand-light));border:1px solid rgb(var(--c-brand) / .14);color:rgb(var(--c-navy));line-height:1.35;font-size:.93rem;transition:transform .2s,box-shadow .2s}
body:has(#h-co-curricular) main .prose-svt ul li:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgb(var(--c-navy) / .08)}
body:has(#h-co-curricular) main .prose-svt ul li::before,body:has(#h-co-curricular) main .prose-svt ul li::marker{content:none;display:none}
body:has(#h-co-curricular) main .prose-svt ul li strong{display:block;margin-bottom:6px;font-family:var(--font-head);font-size:1.65rem;line-height:1.1;color:rgb(var(--c-brand))}
@media (min-width:700px){body:has(#h-co-curricular) main .prose-svt ul:has(> li:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}
/* event cards */
body:has(#h-co-curricular) main .prose-svt p:has(> a.ac-card){display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:.6rem 0 1.2rem}
body:has(#h-co-curricular) main a.ac-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgb(var(--c-navy) / .08);border-radius:18px;padding:8px 8px 14px;text-decoration:none;color:rgb(var(--c-navy));box-shadow:0 6px 18px rgb(var(--c-navy) / .07);transition:transform .2s,box-shadow .2s}
body:has(#h-co-curricular) main a.ac-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgb(var(--c-navy) / .14)}
body:has(#h-co-curricular) main a.ac-card img{width:100%;height:160px;object-fit:cover;margin:0;padding:0;border:0;border-radius:12px;box-shadow:none;transform:none;background:rgb(var(--c-brand-light))}
body:has(#h-co-curricular) main a.ac-card b{display:grid;place-items:center;height:160px;border-radius:12px;font-size:3.2rem;background:linear-gradient(135deg,rgb(var(--c-brand-light)),rgb(var(--c-accent-light)))}
body:has(#h-co-curricular) main a.ac-card strong{display:block;margin:12px 8px 2px;font-family:var(--font-head);font-size:1.05rem;line-height:1.3;color:rgb(var(--c-navy))}
body:has(#h-co-curricular) main a.ac-card span{display:block;margin:0 8px;font-size:.88rem;line-height:1.4;color:rgb(var(--c-navy) / .65)}
body:has(#h-co-curricular) main a.ac-card span::after{content:" ›";color:rgb(var(--c-brand));font-weight:700}
/* NDA facts table */
body:has(#h-co-curricular) main .prose-svt table{width:100%;border-collapse:separate;border-spacing:0;margin:.6rem 0 1.2rem;border:1px solid rgb(var(--c-brand) / .16);border-radius:16px;overflow:hidden;font-size:.95rem}
body:has(#h-co-curricular) main .prose-svt td{padding:11px 14px;border:0;border-top:1px solid rgb(var(--c-brand) / .10);background:#fff;color:rgb(var(--c-navy));vertical-align:top}
body:has(#h-co-curricular) main .prose-svt tr:first-child td{border-top:0}
body:has(#h-co-curricular) main .prose-svt tbody tr:nth-child(even) td{background:rgb(var(--c-brand-light) / .55)}
body:has(#h-co-curricular) main .prose-svt td:first-child{font-weight:600;width:40%;color:rgb(var(--c-brand-dark))}
body:has(#h-co-curricular) main .prose-svt blockquote{margin:.6rem 0 1.2rem;padding:14px 18px;border:0;border-left:4px solid rgb(var(--c-accent));border-radius:0 14px 14px 0;background:rgb(var(--c-accent-light));color:rgb(var(--c-navy));font-style:normal;quotes:none}
body:has(#h-co-curricular) main .prose-svt blockquote::before,body:has(#h-co-curricular) main .prose-svt blockquote::after{content:none}
body:has(#h-co-curricular) main .prose-svt blockquote p{margin:0}
@media (min-width:1100px){body:has(#h-co-curricular) main > section:first-child > div{padding-top:6rem;padding-bottom:6rem}}
@media (max-width:640px){
body:has(#h-co-curricular) main > div > section{padding:20px 16px;border-radius:20px}
body:has(#h-co-curricular) main > div > section > h2[id]{font-size:1.45rem}
body:has(#h-co-curricular) main > div > section > h2[id]::before{width:42px;height:42px;font-size:1.25rem}
body:has(#h-co-curricular) main .prose-svt p:has(> img + img){grid-template-columns:1fr}
body:has(#h-co-curricular) main .prose-svt p:has(> img + img) img,body:has(#h-co-curricular) main .prose-svt p:has(> img + img + img) img:first-child{height:210px}
body:has(#h-co-curricular) main .prose-svt p:has(> a.ac-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body:has(#h-co-curricular) main a.ac-card img,body:has(#h-co-curricular) main a.ac-card b{height:110px}
body:has(#h-co-curricular) main a.ac-card b{font-size:2.4rem}
body:has(#h-co-curricular) main a.ac-card strong{font-size:.95rem;margin:9px 4px 2px}
body:has(#h-co-curricular) main a.ac-card span{margin:0 4px;font-size:.8rem}
body:has(#h-co-curricular) main .prose-svt ul li{padding:13px 14px}
body:has(#h-co-curricular) main .prose-svt ul li strong{font-size:1.4rem}
body:has(#h-co-curricular) main .prose-svt td{padding:9px 10px}}

/* Saved banner overlay "Sainik Sunset" (navy → royal blue → saffron → magenta). Reuse on any banner: background: var(--svt-sunset), url("/img/PHOTO.webp") center / cover; */
:root{--svt-sunset:linear-gradient(115deg,rgb(var(--c-navy) / .92),rgb(var(--c-brand) / .70) 45%,rgba(255,122,24,.45) 75%,rgba(214,51,132,.55))}
/* All inner page banners: Sainik Sunset overlay + slow colour shift. A page can set its own photo with: body:has(#its-heading-id) main{--svt-hero:url("/img/PHOTO.webp")} */
@keyframes svtShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
body{--svt-hero:url("/img/School-Building-Photo2-scaled.webp")}
html body main > section.bg-gradient-to-r:first-child{background:var(--svt-sunset),var(--svt-hero) center 50% / cover no-repeat;background-size:200% 200%,cover;animation:svtShine var(--svt-sunset-time,10s) ease-in-out infinite}
html body main > section.bg-gradient-to-r:first-child h1{text-shadow:0 2px 14px rgb(0 0 0 / .25)}
@media (prefers-reduced-motion:reduce){html body main > section.bg-gradient-to-r:first-child{animation:none}}
/* Home page banner: "Sainik Sunrise" – the sun rises from the TOP-LEFT corner, its rays fan across the banner and a warm light falls on the school building (right); 14 s each way. Photo slider underneath unchanged.
   To go back to Sunset, replace these Sunrise rules with: html body .svt-hero .svt-hero-ov{background:var(--svt-sunset);background-size:200% 200%;animation:svtShine 16s ease-in-out infinite} */
:root{--svt-sunrise:linear-gradient(150deg,rgba(255,208,124,.55) 0%,rgba(255,172,100,.38) 16%,rgba(255,150,110,.20) 30%,rgb(var(--c-brand) / .48) 52%,rgb(var(--c-navy) / .80) 78%,rgb(var(--c-navy) / .92) 100%)}
@keyframes svtDawn{0%{background-position:0 0,100% 100%}100%{background-position:0 0,0% 0%}}
@keyframes svtSunTL{0%{transform:translate(-62%,-74%) scale(.8);opacity:.35}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}
@keyframes svtRays{0%{opacity:0}30%{opacity:.15}100%{opacity:1}}
html body .svt-hero .svt-hero-ov{overflow:hidden;background:radial-gradient(ellipse 62% 58% at 24% 60%,rgb(var(--c-navy) / .72) 0%,rgb(var(--c-navy) / .38) 55%,transparent 100%),var(--svt-sunrise);background-size:100% 100%,240% 240%;animation:svtDawn var(--svt-sunrise-time,14s) ease-in-out infinite alternate}
html body .svt-hero .svt-hero-ov::before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 40% 38% at 74% 66%,rgba(255,206,120,.46) 0%,rgba(255,170,80,.20) 45%,transparent 75%),radial-gradient(circle at 10% 3%,rgba(255,222,150,.30) 0%,rgba(255,200,120,.10) 30%,transparent 55%),conic-gradient(from 95deg at 10% 3%,transparent 0deg,rgba(255,228,160,.22) 5deg,transparent 10deg,rgba(255,228,160,.32) 16deg,transparent 22deg,rgba(255,228,160,.44) 27deg,transparent 35deg,rgba(255,228,160,.28) 40deg,transparent 45deg,rgba(255,228,160,.40) 50deg,transparent 58deg,rgba(255,228,160,.18) 63deg,transparent 68deg,rgba(255,228,160,.14) 74deg,transparent 82deg,transparent 360deg);filter:blur(6px);-webkit-mask-image:radial-gradient(circle at 10% 3%,#000 0%,rgba(0,0,0,.72) 35%,transparent 92%);mask-image:radial-gradient(circle at 10% 3%,#000 0%,rgba(0,0,0,.72) 35%,transparent 92%);animation:svtRays var(--svt-sunrise-time,14s) ease-in-out infinite alternate}
html body .svt-hero .svt-hero-ov::after{content:"";position:absolute;left:10%;top:3%;width:min(30vw,340px);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,244,1) 0%,rgba(255,246,206,.96) 6%,rgba(255,216,136,.62) 15%,rgba(255,176,86,.26) 32%,rgba(255,150,70,.08) 48%,rgba(255,140,60,0) 62%);filter:blur(2px);mix-blend-mode:screen;transform:translate(-50%,-50%);animation:svtSunTL var(--svt-sunrise-time,14s) ease-in-out infinite alternate}
html body .svt-hero .svt-hero-in p{text-shadow:0 1px 10px rgb(0 0 0 / .45)}
html body .svt-hero .svt-hero-in p:first-child{color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .75),0 0 14px rgb(6 26 64 / .7)}
html body .svt-hero h1{text-shadow:0 2px 16px rgb(0 0 0 / .28)}
/* Sunrise on phones (below 768px): bigger sun on the top edge, full-width shade behind the text, softer light; the dawn fades a light layer in/out instead of redrawing the sky each frame (smoother, kinder to batteries) */
@media (max-width:767px){
html body .svt-hero .svt-hero-ov{animation:none;background:linear-gradient(180deg,rgb(var(--c-navy) / .30) 0%,rgb(var(--c-navy) / .52) 28%,rgb(var(--c-navy) / .60) 70%,rgb(var(--c-navy) / .48) 100%),linear-gradient(160deg,rgb(var(--c-brand) / .32) 0%,rgb(var(--c-navy) / .42) 100%);background-size:auto}
html body .svt-hero .svt-hero-ov::before{filter:blur(3px);background:linear-gradient(165deg,rgba(255,198,112,.58) 0%,rgba(255,162,100,.30) 22%,rgba(255,150,110,.08) 45%,transparent 65%),radial-gradient(ellipse 45% 26% at 80% 60%,rgba(255,206,120,.26) 0%,rgba(255,170,80,.10) 55%,transparent 80%),conic-gradient(from 100deg at 14% 0%,transparent 0deg,rgba(255,228,160,.26) 6deg,transparent 12deg,rgba(255,228,160,.36) 19deg,transparent 26deg,rgba(255,228,160,.44) 32deg,transparent 40deg,rgba(255,228,160,.28) 46deg,transparent 52deg,rgba(255,228,160,.18) 59deg,transparent 67deg,transparent 360deg);-webkit-mask-image:radial-gradient(circle at 14% 0%,#000 0%,rgba(0,0,0,.75) 45%,transparent 110%);mask-image:radial-gradient(circle at 14% 0%,#000 0%,rgba(0,0,0,.75) 45%,transparent 110%)}
html body .svt-hero .svt-hero-ov::after{left:14%;top:2%;width:min(56vw,220px);filter:none}}
/* Phones (below 768px): the school photo glides ONCE, slowly, from the left edge to the building on the right and arrives as the sun's rays are fullest (3 × "Sunrise seconds"), then stays on the building; slider photos do the same while shown */
@keyframes svtPan{0%{object-position:0% 50%}100%{object-position:100% 50%}}
@media (max-width:767px){html body .svt-hero .svt-hero-img,html body .svt-hero .svt-slide.on .svt-slide-img{animation:heroZoom 7s ease-out both,svtPan calc(var(--svt-sunrise-time,14s) * 3) ease-in-out both}}
@media (prefers-reduced-motion:reduce){html body .svt-hero .svt-hero-ov,html body .svt-hero .svt-hero-ov::before,html body .svt-hero .svt-hero-ov::after{animation:none}}

/* ===== About + School Documents pages (/about/, /school-docs/) – vibrant ===== */
@keyframes svtUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes svtShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes svtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > section:first-child{background:var(--svt-sunset),var(--svt-hero) center 50% / cover no-repeat;background-size:200% 200%,cover;animation:svtShine var(--svt-sunset-time,16s) ease-in-out infinite}
body:has(#h-about-school) main{--svt-hero:url("/img/IMG_0036-1-scaled.webp")}
body:has(#h-school-docs) main{--svt-hero:url("/img/School-Building-Photo2-scaled.webp")}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > section:first-child > div{padding-top:4.5rem;padding-bottom:4.5rem}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > section:first-child h1{font-size:clamp(2rem,4.2vw,3.1rem);text-shadow:0 2px 14px rgb(0 0 0 / .25)}
body:has(#h-school-docs) main > section:first-child h1::after{content:"Certificates, permissions & official records · शाळेची कागदपत्रे";display:block;margin-top:.6rem;font-family:var(--font-body);font-size:1.02rem;font-weight:400;opacity:.92}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main{background:radial-gradient(1200px 500px at 0% 0%,rgba(255,170,60,.12),transparent 60%),radial-gradient(1000px 500px at 100% 20%,rgba(123,47,247,.10),transparent 60%),linear-gradient(rgb(var(--c-brand-light) / .45),transparent 1200px)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > div > section{position:relative;background:#fff;border-radius:26px;padding:30px;border:1px solid rgb(var(--c-navy) / .07);box-shadow:0 12px 34px rgb(var(--c-navy) / .08);overflow:hidden;animation:svtUp .7s ease both}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > div > section::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#ff7a18,#ff3d77,#7b2ff7,#00b4d8);background-size:200% 100%;animation:svtShine 8s linear infinite}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > div > section > h2[id]{display:flex;align-items:center;gap:14px;border:0;padding:0;margin-bottom:1.2rem;font-size:1.75rem}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > div > section > h2[id]::before{content:"🏫";flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font-size:1.5rem;background:linear-gradient(135deg,#ffe2c2,#ffd1e3);box-shadow:0 6px 14px rgba(255,61,119,.18);animation:svtFloat 4s ease-in-out infinite}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main #h-school-docs::before{content:"📂";background:linear-gradient(135deg,#d6ecff,#e6dcff)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main #h-mandatoty-declarations::before{content:"📋";background:linear-gradient(135deg,#d9f7ef,#d6ecff)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt > p:first-child{font-size:1.06rem;line-height:1.85;color:rgb(var(--c-navy))}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt h3{margin:2rem 0 .9rem;font-size:1.25rem;color:rgb(var(--c-navy));padding-left:14px;border-left:5px solid;border-image:linear-gradient(#ff7a18,#ff3d77) 1}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt h3 span{display:block;font-family:var(--font-body);font-weight:500;font-size:.88rem;background:linear-gradient(90deg,#ff3d77,#7b2ff7);-webkit-background-clip:text;background-clip:text;color:transparent}
/* gradient photo frames */
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt img{padding:6px;border:3px solid transparent;border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff9a3c,#ff3d77,#7b2ff7,#00b4d8) border-box;box-shadow:0 10px 26px rgb(var(--c-navy) / .12);transition:transform .3s,box-shadow .3s}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt img:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 18px 36px rgba(123,47,247,.22)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt p:has(> img + img){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:.6rem 0 1.2rem}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt p:has(> img + img) img{width:100%;height:280px;object-fit:cover;margin:0}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt p > img:only-child{display:block;margin:.6rem auto 1.2rem;max-width:min(100%,720px);height:auto}
/* colourful tiles */
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul{list-style:none;padding:0;margin:1.2rem 0 1.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li{margin:0;padding:18px;border-radius:18px;color:#fff;line-height:1.35;font-size:.93rem;box-shadow:0 10px 22px rgb(0 0 0 / .10);animation:svtUp .6s ease both;transition:transform .25s,box-shadow .25s}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li::before,:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li::marker{content:none;display:none}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:nth-child(5n+1){background:linear-gradient(135deg,#ff7a18,#ffb347)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:nth-child(5n+2){background:linear-gradient(135deg,#ff3d77,#ff8fab)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:nth-child(5n+3){background:linear-gradient(135deg,#7b2ff7,#a77bff)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:nth-child(5n+4){background:linear-gradient(135deg,#0077b6,#00b4d8)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:nth-child(5n+5){background:linear-gradient(135deg,#0f9d77,#2ec4b6)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:nth-child(2){animation-delay:.08s}:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:nth-child(3){animation-delay:.16s}:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:nth-child(4){animation-delay:.24s}:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:nth-child(5){animation-delay:.32s}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 30px rgb(0 0 0 / .16)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li strong{display:block;margin-bottom:6px;font-family:var(--font-head);font-size:1.75rem;line-height:1.1;color:#fff}
/* document cards */
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt p:has(> a.dc){display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:.4rem 0 1rem}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc{--dc1:#0077b6;--dc2:#00b4d8;position:relative;display:flex;flex-direction:column;gap:2px;padding:16px 16px 16px 76px;min-height:84px;justify-content:center;border-radius:18px;background:#fff;border:1px solid rgb(var(--c-navy) / .08);text-decoration:none;color:rgb(var(--c-navy));box-shadow:0 6px 16px rgb(var(--c-navy) / .07);overflow:hidden;animation:svtUp .6s ease both;transition:transform .25s,box-shadow .25s,border-color .25s}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc::after{content:"↗";position:absolute;top:10px;right:12px;font-weight:700;color:var(--dc1);opacity:.6;transition:transform .25s,opacity .25s}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc:hover{transform:translateY(-4px);border-color:var(--dc2);box-shadow:0 16px 30px rgb(var(--c-navy) / .14)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc:hover::after{transform:translate(2px,-2px);opacity:1}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc b{position:absolute;left:14px;top:50%;margin-top:-24px;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:1.45rem;background:linear-gradient(135deg,var(--dc1),var(--dc2));box-shadow:0 6px 14px rgb(0 0 0 / .15)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc strong{font-size:.98rem;line-height:1.3;font-weight:700}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc span{font-size:.82rem;color:rgb(var(--c-navy) / .6)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc.dc-green{--dc1:#0f9d77;--dc2:#2ec4b6}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc.dc-orange{--dc1:#ff7a18;--dc2:#ffb347}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main a.dc.dc-purple{--dc1:#7b2ff7;--dc2:#ff3d77}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main p:has(> a.dc) a.dc:nth-child(2){animation-delay:.06s}:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main p:has(> a.dc) a.dc:nth-child(3){animation-delay:.12s}:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main p:has(> a.dc) a.dc:nth-child(4){animation-delay:.18s}:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main p:has(> a.dc) a.dc:nth-child(5){animation-delay:.24s}
/* daily routine timeline */
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt table{width:100%;border-collapse:separate;border-spacing:0 8px;margin:.4rem 0 1.2rem;font-size:.95rem}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt th{text-align:left;padding:8px 14px;color:rgb(var(--c-navy) / .6);font-weight:600;font-size:.85rem;border:0;background:none}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt td{padding:11px 14px;border:0;background:#fff;color:rgb(var(--c-navy));box-shadow:0 2px 8px rgb(var(--c-navy) / .06);transition:transform .2s}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt td:first-child{width:9.5rem;white-space:nowrap;font-weight:700;color:#fff;border-radius:14px 0 0 14px;background:linear-gradient(135deg,#0077b6,#00b4d8)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt td:last-child{border-radius:0 14px 14px 0}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt td span{display:block;font-size:.84em;color:rgb(var(--c-navy) / .6)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt tbody tr:nth-child(4n+2) td:first-child{background:linear-gradient(135deg,#ff7a18,#ffb347)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt tbody tr:nth-child(4n+3) td:first-child{background:linear-gradient(135deg,#ff3d77,#ff8fab)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt tbody tr:nth-child(4n+4) td:first-child{background:linear-gradient(135deg,#7b2ff7,#a77bff)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt tbody tr:hover td{transform:translateX(4px)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt blockquote{margin:1rem 0 1.4rem;padding:16px 20px;border:0;border-radius:18px;background:linear-gradient(135deg,rgba(255,154,60,.14),rgba(255,61,119,.12),rgba(123,47,247,.12));color:rgb(var(--c-navy));font-style:normal;quotes:none;box-shadow:inset 0 0 0 1px rgba(123,47,247,.15)}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt blockquote::before,:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt blockquote::after{content:none}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt blockquote p{margin:0}
@media (min-width:1100px){:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > section:first-child > div{padding-top:6rem;padding-bottom:6rem}}
@media (max-width:640px){
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > div > section{padding:20px 16px;border-radius:20px}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > div > section > h2[id]{font-size:1.4rem}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > div > section > h2[id]::before{width:42px;height:42px;font-size:1.25rem}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt p:has(> img + img){grid-template-columns:1fr}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt p:has(> img + img) img{height:220px}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li{padding:14px}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt ul li strong{font-size:1.35rem}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt td{padding:9px 10px}
:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main .prose-svt td:first-child{width:auto;font-size:.82rem}}
@media (prefers-reduced-motion:reduce){:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main *,:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > section:first-child,:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > div > section,:is(body:has(#h-about-school), body:has(#h-school-docs), body:has(#h-alumini)) main > div > section::before{animation:none!important;transition:none!important}}

/* ===== Alumni page (/alumni/) – uses the vibrant About styles above ===== */
body:has(#h-alumini) main{--svt-hero:url("/img/20180726_093125-Copy-1024x576.webp")}
body:has(#h-alumini) main #h-alumini::before{content:"🎓";background:linear-gradient(135deg,#ffe9b8,#ffd1e3)}
body:has(#h-alumini) main > section:first-child p{opacity:.95}
body:has(#h-alumini) main .prose-svt h3 + ul{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
body:has(#h-alumini) main .prose-svt h3 + ul li:nth-child(n){position:relative;background:#fff;color:rgb(var(--c-navy) / .75);padding:16px 16px 16px 66px;border:1px solid rgb(var(--c-navy) / .08);box-shadow:0 6px 16px rgb(var(--c-navy) / .07);font-size:.9rem}
body:has(#h-alumini) main .prose-svt h3 + ul li::before{content:"🎖️"!important;display:grid!important;place-items:center;position:absolute;left:14px;top:50%;margin-top:-20px;width:40px;height:40px;border-radius:50%;font-size:1.15rem;background:linear-gradient(135deg,#ff7a18,#ff3d77)}
body:has(#h-alumini) main .prose-svt h3 + ul li:nth-child(4n+2)::before{background:linear-gradient(135deg,#7b2ff7,#a77bff)}
body:has(#h-alumini) main .prose-svt h3 + ul li:nth-child(4n+3)::before{background:linear-gradient(135deg,#0077b6,#00b4d8)}
body:has(#h-alumini) main .prose-svt h3 + ul li:nth-child(4n+4)::before{background:linear-gradient(135deg,#0f9d77,#2ec4b6)}
body:has(#h-alumini) main .prose-svt h3:nth-of-type(2) + ul li::before{content:"🩺"!important}
body:has(#h-alumini) main .prose-svt h3 + ul li strong{font-size:1.06rem;margin-bottom:3px;color:rgb(var(--c-navy))}
body:has(#h-alumini) main .prose-svt h3 + ul li:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(123,47,247,.15)}
body:has(#h-alumini) main .prose-svt p > img:only-child{max-width:min(100%,860px)}
@media (max-width:640px){body:has(#h-alumini) main .prose-svt h3 + ul{grid-template-columns:1fr}}

/* ===== Phone menu fix: the menu opens as a drop-down floating BELOW the header instead of stretching it.
   (The site keeps a spacer the height of the header and never shrinks it again, which left a big blank gap after closing the menu.) ===== */
html header nav.mnav{position:absolute;left:0;right:0;top:100%;background:inherit;box-shadow:0 14px 28px rgb(0 0 0 / .14)}
html header nav.mnav:not(.open){box-shadow:none}
html header nav.mnav.open>div{max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-contain}
/* ===== Vibrant photo frames on EVERY photo (the About/Alumni frame: thin orange → pink → purple → blue line, white gap, soft shadow). Not on the logo or the home banner. ===== */
:root{--svt-frame:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff9a3c,#ff3d77,#7b2ff7,#00b4d8) border-box}
html body main img:not(.svt-hero-img,.svt-slide-img,[class*=emoji],[class*=smiley]){padding:6px;border:3px solid transparent;border-radius:20px;background:var(--svt-frame);box-shadow:0 10px 26px rgb(var(--c-navy) / .12);transition:transform .3s,box-shadow .3s}
html body main img:not(.svt-hero-img,.svt-slide-img,[class*=emoji],[class*=smiley]):hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(123,47,247,.2)}
/* slimmer frame on small photos: gallery, leaders, routine, staff, activity cards */
html body main :is(img.svt-r:not(.svt-welcome),img.svt-staff-img,a.ac-card img){padding:4px;border-width:2px;border-radius:14px;box-shadow:0 6px 16px rgb(var(--c-navy) / .1)}
html body main .svt-staff-ph{padding:8px 8px 0;background:#fff}
html body main .group:hover img.svt-staff-img{transform:none;box-shadow:0 8px 20px rgba(123,47,247,.18)}
body:has(#h-co-curricular) main .prose-svt img{padding:6px;border:3px solid transparent;border-radius:20px;background:var(--svt-frame)}
body:has(#h-co-curricular) main a.ac-card img{padding:4px;border:2px solid transparent;border-radius:14px;background:var(--svt-frame)}
/* photos on notice cards: inset with the same gradient line (the card photo is a background, so the line is a 6px gradient border whose inner half is covered by a white rounded outline) */
html :is(a.svt-card,li>a.h-full)[href^="/notices/"]::before{margin:-.45rem -.45rem .8rem;padding:3px;border:6px solid;border-image:linear-gradient(135deg,#ff9a3c,#ff3d77,#7b2ff7,#00b4d8) 1;border-radius:14px;clip-path:inset(0 round 14px);outline:3px solid #fff;outline-offset:-6px;background-clip:content-box;background-origin:content-box;box-sizing:border-box}
html.js:not(.svt-ready) .svt-hero-img{visibility:hidden}