/* ===== SanskritPeeth – central theme (all colours, type, spacing, components) ===== */
:root{--ivory:#fbf4e6;--cream:#fff8ea;--paper:#fffdf8;--maroon:#7b1113;--maroon-d:#5a0a0c;--maroon-l:#9b1b1f;--gold:#c8962e;--gold-l:#e8c97a;--gold-bg:#fbeecb;--gold-bg2:#f6dfa4;--ink:#2b1a15;--mut:#7a6258;--line:#ead7a6;--line2:#e4d6bd;--meaning:#f3f1ee;--hero-ov:251,238,211;
--r-s:10px;--r-m:16px;--r-l:22px;--sh-s:0 1px 3px rgba(90,40,10,.08);--sh-m:0 10px 24px -12px rgba(90,40,10,.32);
--f-head:'Noto Serif Devanagari',Georgia,serif;--f-body:'Mukta',system-ui,sans-serif;--sp1:6px;--sp2:12px;--sp3:20px;--sp4:32px;--sp5:48px;color-scheme:light}
[data-theme=dark]{--ivory:#18100d;--cream:#241914;--paper:#21170f;--maroon-d:#3d0709;--ink:#f4e8d6;--mut:#b89f8c;--line:#4a3820;--line2:#3a2c1c;--gold-bg:#3a2a12;--gold-bg2:#4a3516;--meaning:#2a2019;--hero-ov:36,24,14;--sh-s:0 1px 3px rgba(0,0,0,.4);--sh-m:0 10px 24px -12px rgba(0,0,0,.7);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}::selection{background:var(--gold-l);color:var(--maroon-d)}
body{margin:0;background:linear-gradient(180deg,var(--cream),var(--ivory) 360px);color:var(--ink);font:17px/1.75 var(--f-body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--f-head);margin:0;font-weight:800}.w{max-width:1200px;margin:auto;padding:0 20px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}.ic{flex:none}.th{height:100%;overflow:hidden}.lt{width:58px;height:50px}
/* Header */
.an{background:var(--maroon);color:#fff;text-align:center;padding:6px 16px;font-weight:600;font-size:14.5px}.an a{text-decoration:underline}
.hd{background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--sh-s);position:relative;z-index:30}.hd .w{display:flex;align-items:center;gap:22px;min-height:88px}
.logo{display:flex;gap:12px;align-items:center;flex:none}.logo img{height:56px}.lg-t b{display:block;font:800 clamp(28px,3.2vw,40px)/1.1 var(--f-head);color:var(--maroon)}.lg-t small{display:block;color:var(--gold);font-weight:700;font-size:13px}
[data-theme=dark] .lg-t b{color:var(--gold-l)}
.hs-w{position:relative;flex:1;max-width:560px;margin:0 auto}.hs{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--sh-s)}.hs input{flex:1;border:0;padding:12px 16px;font:inherit;font-size:16px;background:transparent;color:var(--ink);outline:0;min-width:0}.hs button{background:var(--maroon);color:#fff;border:0;width:58px;cursor:pointer;display:grid;place-items:center}.hs button:hover{background:var(--maroon-l)}
.sgr{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-m);z-index:60;overflow:hidden}.sgr:empty{display:none}.sgr a{display:block;padding:10px 16px;font-weight:600}.sgr a:hover{background:var(--gold-bg)}
.ib{background:var(--paper);border:1px solid var(--line);color:var(--maroon);width:42px;height:42px;border-radius:12px;cursor:pointer;display:none;place-items:center}[data-theme=dark] .ib{color:var(--gold-l)}
.tgl{position:relative;width:66px;height:32px;border-radius:99px;border:1px solid var(--gold);background:linear-gradient(90deg,var(--gold-bg),var(--gold-l));cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 9px;font-size:15px;color:var(--maroon-d);flex:none}.tgl i{position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:var(--sh-s);transition:transform .25s}[data-theme=dark] .tgl i{transform:translateX(34px)}
/* Navigation */
.nv{background:linear-gradient(180deg,var(--maroon-l),var(--maroon));position:sticky;top:0;z-index:40;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}[data-theme=dark] .nv{background:linear-gradient(180deg,var(--maroon-d),#2c0507)}
.nv .w{display:flex;overflow-x:auto;scrollbar-width:none}.nv a{display:flex;gap:7px;align-items:center;color:#fff;padding:12px 15px;font-weight:600;font-size:15.5px;white-space:nowrap;border-radius:10px;margin:4px 1px}.nv a i{font-style:normal;color:var(--gold-l)}.nv a:hover{background:rgba(255,255,255,.13)}.nv a.on{background:rgba(255,255,255,.2)}
/* Breadcrumb */
.bc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 16px;margin:20px 0;font-size:15px;box-shadow:var(--sh-s)}.bc svg{color:var(--maroon)}.bc a:hover{color:var(--maroon)}.bc .ic:last-of-type{color:var(--mut)}
/* Buttons */
.btn{display:inline-flex;gap:8px;align-items:center;background:linear-gradient(180deg,var(--maroon-l),var(--maroon));color:#fff;border:1px solid var(--maroon-d);padding:11px 24px;border-radius:12px;font:700 16px var(--f-body);cursor:pointer;box-shadow:var(--sh-s)}.btn:hover{filter:brightness(1.1)}.btn.g{background:var(--paper);color:var(--maroon);border:1px solid var(--gold)}
/* Hero – 3D parallax slider */
.hx{position:relative;margin-top:22px;border-radius:var(--r-l);border:1px solid var(--line);box-shadow:var(--sh-m);min-height:clamp(340px,40vw,470px);perspective:1400px;overflow:hidden;background:#f3d49a;--mx:0;--my:0}
.hsl{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transform-style:preserve-3d;color:var(--ink)}.hsl.on{opacity:1;visibility:visible;animation:in3d .9s cubic-bezier(.2,.7,.2,1)}@keyframes in3d{from{opacity:0;transform:rotateY(16deg) translateZ(-160px)}}
.hsl:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(var(--hero-ov),.96) 0,rgba(var(--hero-ov),.82) 42%,transparent 74%)}
.hl-bg{position:absolute;inset:-4%;transform:translate3d(calc(var(--mx)*-16px),calc(var(--my)*-10px),0) scale(1.05);transition:transform .25s ease-out}.hl-bg svg,.hl-bg img,.hl-bg .th{width:100%;height:100%;object-fit:cover;display:block}.hl-bg .th{aspect-ratio:auto;transition:none}
.hero-c{position:relative;z-index:3;padding:32px clamp(20px,4vw,52px);max-width:650px;transform:translate3d(calc(var(--mx)*6px),calc(var(--my)*4px),50px);transition:transform .25s ease-out}.hx h1{font-size:clamp(36px,5.6vw,68px);line-height:1.15;color:var(--maroon);text-shadow:0 2px 0 rgba(255,255,255,.5)}[data-theme=dark] .hx h1{color:var(--gold-l);text-shadow:none}.hx h2{font:700 clamp(20px,2.6vw,32px)/1.4 var(--f-head);margin:6px 0 10px}.hx h2.hh{font-size:clamp(26px,3.6vw,44px);color:var(--maroon);margin:10px 0}[data-theme=dark] .hx h2.hh{color:var(--gold-l)}.hx p{margin:0 0 6px;font-size:clamp(15px,1.5vw,18px)}.hx .btn{margin-top:14px}
.pill{display:inline-flex;gap:6px;align-items:center;background:var(--gold-bg);border:1px solid var(--gold);color:var(--maroon);padding:2px 14px;border-radius:99px;font-weight:700;font-size:14px}[data-theme=dark] .pill{color:var(--gold-l)}
.hl-card{position:absolute;right:7%;top:50%;width:min(34%,360px);aspect-ratio:4/3;z-index:2;border-radius:var(--r-m);border:3px solid var(--gold-l);box-shadow:0 34px 50px -22px rgba(40,10,5,.7);overflow:hidden;translate:0 -50%;transform:translate3d(calc(var(--mx)*18px),calc(var(--my)*12px),70px) rotateY(calc(-16deg + var(--mx)*7deg)) rotateX(calc(5deg + var(--my)*-5deg));transition:transform .25s ease-out;animation:bob 6s ease-in-out infinite}.hl-card .th{aspect-ratio:auto}
.m3d{position:absolute;right:4%;top:50%;width:min(44%,430px);aspect-ratio:1;translate:0 -50%;z-index:1;transform-style:preserve-3d;transform:translate3d(calc(var(--mx)*14px),calc(var(--my)*10px),10px) rotateX(calc(62deg + var(--my)*-4deg));pointer-events:none}
.m3d i{position:absolute;inset:0;border-radius:50%;border:2px dashed var(--gold);animation:spin 38s linear infinite}.m3d i:nth-child(2){inset:11%;border:3px solid var(--gold-l);animation-duration:28s;animation-direction:reverse}.m3d i:nth-child(3){inset:22%;border:0;background:repeating-conic-gradient(var(--gold) 0 2deg,transparent 2deg 12deg);-webkit-mask:radial-gradient(circle,transparent 60%,#000 61%);mask:radial-gradient(circle,transparent 60%,#000 61%);animation-duration:50s}.m3d i:nth-child(4){inset:34%;border:2px solid var(--maroon);opacity:.6;animation-duration:22s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{translate:0 calc(-50% - 12px)}}
.om3d{position:absolute;right:11%;top:50%;z-index:2;font:800 clamp(110px,17vw,230px)/1 var(--f-head);color:#e8c97a;translate:0 -50%;text-shadow:1px 1px 0 #c8962e,2px 2px 0 #b98324,3px 3px 0 #a87420,4px 4px 0 #98671c,5px 5px 0 #895b18,6px 6px 0 #7a5014,7px 7px 0 #6c4511,12px 16px 22px rgba(60,20,10,.55);transform:translate3d(calc(var(--mx)*22px),calc(var(--my)*14px),90px) rotateY(calc(var(--mx)*14deg));animation:bob 5s ease-in-out infinite;pointer-events:none}
.hs-ar{position:absolute;top:50%;z-index:6;translate:0 -50%;width:42px;height:42px;border-radius:12px;border:1px solid var(--gold);background:var(--paper);color:var(--maroon);font-size:22px;cursor:pointer;box-shadow:0 3px 0 var(--gold),0 10px 16px -8px rgba(0,0,0,.4)}.hs-ar:hover{background:var(--gold-bg)}.hs-ar.pv{left:12px}.hs-ar.nx{right:12px}
.hdots{position:absolute;left:clamp(20px,4vw,52px);bottom:16px;z-index:6;display:flex;gap:8px}.hdots button{width:12px;height:12px;border-radius:99px;border:1px solid var(--maroon);background:transparent;padding:0;cursor:pointer;transition:width .25s}.hdots button.on{background:var(--maroon);width:32px}
/* Section heading */
section{padding:30px 0 6px}.sh{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}.sh h2{display:flex;align-items:center;gap:10px;font-size:clamp(22px,2.6vw,30px);color:var(--maroon-d)}[data-theme=dark] .sh h2{color:var(--gold-l)}.sh h2 .lt{width:30px;height:26px}
.more{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--gold);color:var(--maroon);background:var(--gold-bg);padding:6px 16px;border-radius:99px;font-weight:700;font-size:14.5px}.more:hover{background:var(--gold-l)}[data-theme=dark] .more{color:var(--gold-l)}
.sh.c{justify-content:center}.orn{flex:1;max-width:170px;height:10px;position:relative;background:linear-gradient(90deg,transparent,var(--gold))}.orn:after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;background:var(--gold);transform:translateY(-50%) rotate(45deg)}.orn.r{transform:scaleX(-1)}
/* Category card */
.cts{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:14px;margin-top:26px}.ct{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:16px 8px 12px;text-align:center;box-shadow:var(--sh-s);transition:transform .2s,box-shadow .2s}.ct:hover{box-shadow:var(--sh-m)}.ct i{display:block;font:400 32px/1.2 var(--f-head);color:var(--maroon);font-style:normal}[data-theme=dark] .ct i{color:var(--gold-l)}.ct span{display:block;font-weight:600;font-size:15px;line-height:1.35}
/* Panchang + quote */
.pq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:22px;align-items:stretch}.pn{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--sh-s)}.pn-h{background:linear-gradient(180deg,var(--gold-bg),var(--gold-bg2));padding:14px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.seal{width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--maroon-d);display:grid;place-items:center;font-size:22px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.45)}.pn-h h3{font-size:22px;color:var(--maroon-d)}[data-theme=dark] .pn-h h3{color:var(--gold-l)}.pn-h small{font-weight:700}
.pn dl{margin:0;padding:6px 18px}.pn dl div{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:8px 0;border-bottom:1px dotted var(--gold)}.pn dl div:last-child{border:0}.pn dt{color:var(--mut);font-weight:600}.pn dd{margin:0;font-weight:700}.pn .btn{margin:6px 18px 18px}
.qt{position:relative;border:1px solid var(--gold);border-radius:var(--r-m);background:linear-gradient(180deg,var(--gold-bg),var(--gold-bg2));padding:26px 60px;text-align:center;box-shadow:var(--sh-s);display:flex;flex-direction:column;justify-content:center}.qt:before,.qt:after{content:"";position:absolute;top:20%;bottom:20%;width:3px;border-radius:3px;background:linear-gradient(transparent,var(--gold),transparent)}.qt:before{left:22px}.qt:after{right:22px}
.qt-t{font:800 clamp(22px,2.6vw,32px)/1.65 var(--f-head);color:var(--maroon);white-space:pre-line}[data-theme=dark] .qt-t{color:var(--gold-l)}.qt small{color:var(--mut);font-weight:700}
/* Popular category card */
.pcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pcd{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--sh-s);transition:transform .2s,box-shadow .2s}.pcd:hover{box-shadow:var(--sh-m)}.pcd-i{aspect-ratio:16/9;overflow:hidden}.pcd-i svg,.pcd-i img,.ac-i svg,.ac-i img,.th svg,.th img{width:100%;height:100%;object-fit:cover;display:block}.pcd-n{padding:10px;text-align:center;font:800 17px var(--f-head);color:var(--maroon-d)}[data-theme=dark] .pcd-n{color:var(--gold-l)}
/* Shlok card + meaning card */
.sks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.sks>:not(.sk){grid-column:1/-1}
.sk{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:14px;box-shadow:var(--sh-s)}.sk-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.sk-n{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--maroon-l),var(--maroon-d));color:#fff;font:800 22px var(--f-head);padding:6px 24px 6px 14px;border-radius:14px 24px 24px 14px;border:2px solid var(--gold);box-shadow:var(--sh-s)}.sk-n .lt{width:28px;height:24px}
.sk-b{display:flex;gap:8px;flex-wrap:wrap}.sk-b button{display:inline-flex;align-items:center;gap:6px;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:6px 12px;font:600 13.5px var(--f-body);color:var(--ink);cursor:pointer}.sk-b button:hover,.sk-b button.on{border-color:var(--gold);background:var(--gold-bg)}.sk-b button.on svg{fill:var(--maroon)}
.sk-t{position:relative;border:1px solid var(--gold);border-radius:var(--r-m);background:linear-gradient(180deg,var(--gold-bg),var(--gold-bg2));padding:26px 44px 14px;text-align:center}.sk-t:before,.sk-t:after{content:"";position:absolute;top:22%;bottom:30%;width:3px;border-radius:3px;background:linear-gradient(transparent,var(--gold),transparent)}.sk-t:before{left:16px}.sk-t:after{right:16px}
.sk-s{font:800 clamp(20px,2.3vw,28px)/1.75 var(--f-head);color:var(--maroon)}[data-theme=dark] .sk-s{color:var(--gold-l)}
.dv{display:flex;align-items:center;gap:10px;margin-top:10px}.dv i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.dv i:last-child{transform:scaleX(-1)}.dv .lt{width:30px;height:26px}
.mn{margin-top:12px;background:var(--meaning);border:1px solid var(--line2);border-radius:var(--r-m);padding:14px 18px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.mn-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}.mn-i{width:42px;height:42px;border-radius:50%;background:var(--maroon);color:var(--gold-l);display:grid;place-items:center;flex:none}.mn h4{font-size:22px;color:var(--maroon);padding-bottom:3px;border-bottom:2px solid var(--maroon)}[data-theme=dark] .mn h4{color:var(--gold-l);border-color:var(--gold)}.mn p{margin:0;font-size:17px;line-height:1.85}
.sk-f{display:flex;justify-content:flex-end;margin-top:12px}.nxl{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--gold);background:var(--gold-bg);color:var(--maroon);padding:7px 18px;border-radius:99px;font-weight:700}.nxl:hover{background:var(--gold-l)}[data-theme=dark] .nxl{color:var(--gold-l)}
/* Article card */
.acs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ac{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--sh-s);display:block;transition:transform .2s,box-shadow .2s}.ac:hover{box-shadow:var(--sh-m)}.ac-i{aspect-ratio:16/9;overflow:hidden}.ac-b{padding:12px 14px 14px}.ac h3{font:700 16.5px/1.5 var(--f-head);margin:0 0 6px}.ac:hover h3{color:var(--maroon)}.ac-d{color:var(--mut);font-size:13px;display:flex;gap:6px;align-items:center}.ac-d svg{color:var(--maroon)}
/* Article page */
.pgx{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px}.atc h1{font-size:clamp(28px,4.4vw,46px);line-height:1.4;color:var(--maroon);margin:8px 0 10px}[data-theme=dark] .atc h1{color:var(--gold-l)}.sub{font-size:19px;color:var(--mut);margin:0 0 12px}
.by{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 0;border-block:1px solid var(--line);color:var(--mut);font-size:14.5px}.by b{color:var(--ink)}
.rt{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.rt button,.rt a{display:inline-flex;gap:6px;align-items:center;background:var(--paper);border:1px solid var(--line);color:var(--ink);padding:6px 14px;border-radius:12px;font:600 14px var(--f-body);cursor:pointer}.rt button:hover,.rt a:hover{border-color:var(--gold);background:var(--gold-bg)}
.fi{margin:0 0 22px}.fi .th{aspect-ratio:16/9;border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line)}.yt{aspect-ratio:16/9;margin:0 0 22px;border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line)}.yt iframe{width:100%;height:100%;border:0}
.toc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:12px 18px;margin:0 0 20px}.toc b{font:800 18px var(--f-head);color:var(--maroon)}.toc a{display:block;padding:3px 0;color:var(--mut);font-weight:600}.toc a:hover{color:var(--maroon)}
.prose{font-size:var(--fs,19px)}.prose p{line-height:2;margin:0 0 20px}.prose h3{font-size:26px;margin:30px 0 10px;padding-left:14px;border-left:5px solid var(--gold);color:var(--maroon-d)}[data-theme=dark] .prose h3{color:var(--gold-l)}.prose blockquote{margin:24px 0;padding:18px 24px;background:var(--gold-bg);border:1px solid var(--gold);border-radius:var(--r-m);font:700 1.1em/1.8 var(--f-head);color:var(--maroon)}.prose ul{list-style:none;margin:0 0 20px;padding:0}.prose li{padding:4px 0 4px 28px;position:relative}.prose li:before{content:"❖";position:absolute;left:0;color:var(--gold);font-size:.8em;top:9px}.bi{margin:22px 0}.bi img{width:100%;border-radius:var(--r-m)}.bi figcaption{color:var(--mut);font-size:13.5px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tags a{padding:3px 14px;border-radius:99px;border:1px solid var(--line);background:var(--paper);font-weight:600;font-size:14px}.tags a:hover{border-color:var(--gold);color:var(--maroon)}
.cm{margin-top:30px}.cmi{padding:14px 0;border-bottom:1px solid var(--line)}.cmi b{color:var(--maroon)}.cmi small{color:var(--mut);margin-left:8px}.cmi p{margin:4px 0 0}.cmf input,.cmf textarea{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font:inherit;margin-bottom:10px;outline:0}.cmf input:focus,.cmf textarea:focus{border-color:var(--gold)}.cmf textarea{min-height:100px}.hp{position:absolute;left:-9999px}.msg{margin:10px 0;font-weight:700;color:var(--maroon)}
.sd{position:sticky;top:70px;align-self:start}.bx{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:16px 18px;margin-bottom:20px;box-shadow:var(--sh-s)}.bx h3{font-size:20px;color:var(--maroon-d);padding-bottom:8px;border-bottom:2px solid var(--gold);margin-bottom:6px}[data-theme=dark] .bx h3{color:var(--gold-l)}.nlist{list-style:none;margin:0;padding:0}.nlist a{display:flex;gap:12px;padding:10px 0;border-bottom:1px dotted var(--gold)}.nlist li:last-child a{border:0}.nlist b{font:800 22px/1 var(--f-head);color:var(--gold);min-width:24px}.nlist a:hover span{color:var(--maroon)}.cl{display:block;padding:8px 0;border-bottom:1px dotted var(--gold);font-weight:600}.cl:last-child{border:0}.cl:hover{color:var(--maroon)}.adb{margin:20px 0;text-align:center;overflow:hidden}
.pn2{display:flex;gap:8px;justify-content:center;margin:28px 0}.pn2 a{padding:6px 15px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-weight:700}.pn2 a.on{background:var(--maroon);color:#fff;border-color:var(--maroon)}.pgc{max-width:780px;margin:auto;padding:10px 0 20px}.pgc h1{font-size:clamp(30px,4.6vw,46px);color:var(--maroon);margin-bottom:16px}
/* Footer */
.ft{background:linear-gradient(180deg,var(--maroon),var(--maroon-d));color:#f1dcc0;margin-top:48px;border-top:4px solid var(--gold)}.ft .logo b{color:var(--gold-l)}.ft .lg-t small{color:#e8c97a}.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:32px;padding:44px 20px 30px}.fg h4{color:var(--gold-l);font-size:19px;margin-bottom:10px}.fg a{display:block;padding:3px 0;color:#f1dcc0}.fg a:hover{color:#fff}.fg p{margin:10px 0 0;color:#e8cfae}
.so2{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.fg .so2 a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(232,201,122,.4);font-weight:800;padding:0}.fg .so2 a:hover{background:var(--gold);color:var(--maroon-d)}
.nlf form{display:flex;background:var(--paper);border-radius:12px;overflow:hidden;position:relative;margin-top:6px}.nlf input{flex:1;border:0;padding:11px 14px;font:inherit;outline:0;min-width:0;color:#2b1a15;background:transparent}.nlf button{background:var(--gold);color:var(--maroon-d);border:0;padding:0 16px;font:800 15px var(--f-body);cursor:pointer}.nlf .hp{position:absolute;left:-9999px}
.fb{border-top:1px solid rgba(232,201,122,.3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 20px;font-size:14px;color:#e8cfae}
/* Drawer, overlay, up */
.ov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:70;opacity:0;pointer-events:none;transition:opacity .25s}body[data-ov] .ov{opacity:1;pointer-events:auto}.dr{position:fixed;top:0;left:0;bottom:0;width:min(86vw,350px);background:var(--paper);z-index:80;transform:translateX(-102%);transition:transform .25s;overflow:auto;padding:16px}body[data-ov=drawer] .dr{transform:none}.drh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font:800 22px var(--f-head);color:var(--maroon)}.dr>a{display:flex;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px dotted var(--gold);font-weight:600}.dr>a i{font-style:normal;color:var(--maroon);width:24px;text-align:center}
.up{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:12px;border:1px solid var(--gold);background:var(--maroon);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:.25s;z-index:40;font-size:18px}.sc .up{opacity:1;pointer-events:auto}
/* Responsive – same system, fewer columns */
@media (max-width:1000px){.pq,.pgx{grid-template-columns:1fr}.acs,.pcs{grid-template-columns:repeat(2,minmax(0,1fr))}.sd{position:static}.fg{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.nv{display:none}.ib{display:grid}.hd{position:sticky;top:0}.hd .w{min-height:68px;gap:10px;justify-content:space-between}.hs-w{display:none}.logo .lt{width:44px;height:38px}.lg-t b{font-size:26px}.lg-t small{font-size:11px}.tgl{width:58px;height:28px}.tgl i{width:20px;height:20px}[data-theme=dark] .tgl i{transform:translateX(30px)}
 body[data-ov=search] .hs-w{display:block;position:fixed;left:12px;right:12px;top:12px;max-width:none;z-index:90}}
@media (max-width:700px){.qt{display:none}.sks{grid-template-columns:1fr}.cts{grid-template-columns:repeat(4,1fr);gap:10px}.ct{padding:12px 4px 8px}.ct span{font-size:13px}.ct i{font-size:26px}.pcs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pcd-n{font-size:12.5px;padding:6px 2px}.sk-t{padding:22px 34px 12px}.hx{min-height:300px}.hsl:before{background:linear-gradient(90deg,rgba(var(--hero-ov),.96) 0,rgba(var(--hero-ov),.78) 62%,transparent)}.hero-c{padding:20px 20px 40px}.hx .btn{padding:9px 16px;font-size:14.5px}.hl-card{display:none}.om3d{right:4%;opacity:.55}.m3d{right:-14%;width:70%}.cf-i .pcd-n{font-size:15px}}
@media (max-width:560px){.acs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fg{grid-template-columns:1fr}.pn dl div{grid-template-columns:90px 1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.an,.hd,.nv,.ft,.rt,.sd,.up,.cm,.sk-b,.sk-f{display:none}body{background:#fff;color:#000}.pgx{display:block}}

/* ===== 3D layer: tilt cards, reveal, coverflow, covers, 3D buttons ===== */
.t3{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out,box-shadow .25s;will-change:transform;position:relative}
.t3:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.38),transparent 60%);opacity:0;transition:opacity .25s}.t3:hover:after{opacity:1}.t3:hover{box-shadow:0 24px 34px -18px rgba(90,40,10,.55)}
.rv:not(.in){opacity:0}.rv.in{animation:rv3 .85s cubic-bezier(.2,.7,.2,1) backwards}@keyframes rv3{from{opacity:0;transform:perspective(900px) rotateX(18deg) translateY(36px) scale(.96)}}
.btn{box-shadow:0 4px 0 var(--maroon-d),0 12px 20px -8px rgba(0,0,0,.45);transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-2px);filter:none;box-shadow:0 6px 0 var(--maroon-d),0 16px 24px -8px rgba(0,0,0,.45)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--maroon-d)}.btn.g{box-shadow:0 4px 0 var(--gold),0 12px 20px -10px rgba(0,0,0,.3)}.btn.g:active{box-shadow:0 1px 0 var(--gold)}
.logo{perspective:300px}.logo .lt{animation:lt 7s ease-in-out infinite}@keyframes lt{50%{transform:rotateY(28deg)}}
.cf{position:relative;height:clamp(260px,31vw,340px);perspective:1200px;overflow:hidden;margin:0 -8px}.cf-i{position:absolute;left:50%;top:8px;width:min(300px,64vw);margin-left:calc(min(300px,64vw)/-2);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s;backface-visibility:hidden;box-shadow:0 26px 40px -22px rgba(60,20,10,.6)}.cf-i .pcd-i{aspect-ratio:4/3}.cf-i .pcd-n{font-size:19px;padding:12px}
.cf-ar{position:absolute;top:44%;z-index:20;width:44px;height:44px;border-radius:12px;border:1px solid var(--gold);background:var(--paper);color:var(--maroon);font-size:22px;cursor:pointer;box-shadow:0 3px 0 var(--gold),0 10px 16px -8px rgba(0,0,0,.4)}.cf-ar.pv{left:10px}.cf-ar.nx{right:10px}
.cv3{margin-bottom:64px}.cv{aspect-ratio:16/7;border-radius:var(--r-l);overflow:hidden;border:3px solid var(--gold-l);box-shadow:0 30px 50px -24px rgba(60,20,10,.6)}.cv.cv-s{aspect-ratio:16/5}.cv .th{height:100%;aspect-ratio:auto}.cv.t3:after{border-radius:0}
.cv-t{position:relative;margin:-56px auto 0;width:min(94%,860px);background:var(--paper);border:1px solid var(--gold);border-radius:var(--r-l);padding:18px 26px 20px;box-shadow:0 20px 32px -14px rgba(60,20,10,.45);z-index:2;text-align:center}.cv-t h1{font-size:clamp(24px,3.8vw,40px);line-height:1.4;color:var(--maroon);margin:8px 0 6px}[data-theme=dark] .cv-t h1{color:var(--gold-l)}.cv-t .sub{margin:0}
.cb3{position:relative;margin-top:6px;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);min-height:230px;display:flex;align-items:flex-end;perspective:1000px;box-shadow:var(--sh-m);--mx:0;--my:0}.cb3:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(40,10,5,.85),rgba(40,10,5,.15) 70%)}.cb3-c{position:relative;z-index:3;padding:26px clamp(18px,3vw,34px);color:#fff;transform:translate3d(calc(var(--mx)*6px),calc(var(--my)*4px),40px);transition:transform .25s ease-out}.cb3-c h1{color:#fff;font-size:clamp(30px,5vw,56px);text-shadow:0 4px 14px rgba(0,0,0,.5);margin:8px 0 2px}.cb3-c p{margin:0;color:#f1dcc0}
@media (max-width:700px){.cf{height:280px}.cf-ar{top:40%}.cv{aspect-ratio:16/9}.cv-t{padding:14px 16px;margin-top:-40px}}
@media (prefers-reduced-motion:reduce){.rv:not(.in){opacity:1}.hl-card,.om3d{animation:none}}

/* =========================================================
   SanskritPeeth Premium 3D Refresh – responsive enhancement
   Keeps the existing PHP/HTML structure and adds visual depth.
   ========================================================= */
:root{
  --glass:rgba(255,253,248,.72);
  --glass-dark:rgba(33,23,15,.78);
  --depth:0 22px 50px -30px rgba(67,25,8,.72);
  --depth2:0 34px 70px -34px rgba(67,25,8,.58);
  --inner:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(90,30,10,.08);
}
[data-theme=dark]{--glass:rgba(33,23,15,.78);--inner:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.3)}
body{overflow-x:hidden;background-image:radial-gradient(circle at 10% 0%,rgba(200,150,46,.10),transparent 30%),radial-gradient(circle at 90% 8%,rgba(123,17,19,.08),transparent 28%),linear-gradient(180deg,var(--cream),var(--ivory) 420px)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;background-image:radial-gradient(rgba(123,17,19,.18) .6px,transparent .7px);background-size:18px 18px}
.hd{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb,var(--paper) 84%,transparent);box-shadow:0 10px 30px -25px rgba(0,0,0,.65)}
.logo{transform-style:preserve-3d;filter:drop-shadow(0 8px 10px rgba(80,25,8,.13))}
.nv{box-shadow:0 12px 28px -18px rgba(50,10,5,.75),inset 0 1px 0 rgba(255,255,255,.12)}
.nv a{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.nv a:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(0,0,0,.7)}
.btn,.more,.sk-b button,.hs button,.ib,.tgl,.up{transform-style:preserve-3d}
.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:1px;border-radius:inherit;border-top:1px solid rgba(255,255,255,.28);pointer-events:none}
.hx{box-shadow:var(--depth2),inset 0 1px 0 rgba(255,255,255,.28);border-width:2px;background:linear-gradient(135deg,var(--gold-bg),var(--paper))}
.hx:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.20),transparent 30%,transparent 70%,rgba(123,17,19,.08));mix-blend-mode:soft-light;z-index:4}
.hl-card{box-shadow:0 38px 70px -30px rgba(40,10,5,.85),inset 0 1px 0 rgba(255,255,255,.45);border-width:3px}
.m3d{filter:drop-shadow(0 28px 25px rgba(60,20,10,.25))}
.ct,.pcd,.ac,.sk,.pn,.qt,.cv-t,.bc{box-shadow:var(--depth),var(--inner);transform-style:preserve-3d}
.ct:hover,.pcd:hover,.ac:hover,.sk:hover,.pn:hover,.qt:hover{transform:translateY(-5px) rotateX(1deg);box-shadow:var(--depth2),var(--inner)}
.ct,.pcd,.ac,.sk,.pn,.qt{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}
.ct:before,.pcd:before,.ac:before,.sk:before,.pn:before,.qt:before{pointer-events:none}
.ct{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--paper),var(--cream));}
.ct:after,.pcd:after,.ac:after,.sk:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%,rgba(123,17,19,.06));opacity:.8}
.pcd-i,.ac-i{position:relative;transform:translateZ(10px)}
.pcd-i:after,.ac-i:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(30,5,0,.22));pointer-events:none}
.pn,.qt{position:relative;overflow:hidden}
.pn:after,.qt:after{pointer-events:none}
.sk{border-width:2px}.sk-t{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 16px 30px -22px rgba(80,25,5,.65);transform:translateZ(8px)}
.sk-n{box-shadow:0 10px 22px -14px rgba(40,0,0,.8),inset 0 1px 0 rgba(255,255,255,.22);transform:translateZ(18px)}
.mn{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 24px -20px rgba(60,20,10,.5)}
.atc,.sd{transform-style:preserve-3d}.atc{background:color-mix(in srgb,var(--paper) 94%,transparent);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(18px,3vw,34px);box-shadow:var(--depth),var(--inner)}
.sd{background:color-mix(in srgb,var(--paper) 94%,transparent);border:1px solid var(--line);border-radius:var(--r-l);padding:16px;box-shadow:var(--depth),var(--inner)}
.prose img{box-shadow:0 22px 42px -24px rgba(60,20,10,.7);border:1px solid var(--line)}
.ft{position:relative;overflow:hidden;box-shadow:0 -18px 45px -35px rgba(40,0,0,.8)}
.ft:before{content:"";position:absolute;left:-10%;right:-10%;top:-42px;height:85px;background:radial-gradient(ellipse at center,var(--gold-bg),transparent 65%);opacity:.45;pointer-events:none}
.dr{box-shadow:20px 0 55px -25px rgba(0,0,0,.8);border-right:1px solid var(--gold);background:linear-gradient(180deg,var(--paper),var(--cream));}
.dr>a{border-radius:12px;margin:4px 0;padding:13px 10px;transition:transform .18s,background .18s}.dr>a:hover{transform:translateX(4px);background:var(--gold-bg)}
.ov{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
/* smoother touch targets */
button,a{touch-action:manipulation}
@media (hover:none){.ct:hover,.pcd:hover,.ac:hover,.sk:hover,.pn:hover,.qt:hover{transform:none}.t3{transform:none!important}.t3:after{display:none}.hx:after{display:none}}
@media (max-width:900px){
  .w{padding-left:14px;padding-right:14px}
  .hd .w{min-height:70px}
  .logo{min-width:0}.lg-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw}
  .hx{margin-top:14px;min-height:330px;border-radius:20px}
  .hero-c{max-width:72%;padding:22px 18px 42px}.hx h1{font-size:clamp(30px,8vw,48px)}
  .hl-card{right:3%;width:38%;opacity:.92}.om3d{right:2%;font-size:clamp(90px,25vw,180px)}
  section{padding-top:24px}.sh{margin-bottom:14px}
  .acs,.pcs{gap:12px}.pcd,.ac,.ct,.sk,.pn,.qt{border-radius:16px}
  .ft{margin-top:34px}
}
@media (max-width:700px){
  body{font-size:16px}
  .w{padding-left:12px;padding-right:12px}
  .an{font-size:13px;padding:5px 10px}
  .hd .w{gap:7px}.logo{gap:7px}.logo .lt{width:38px;height:34px}.lg-t b{font-size:23px}.lg-t small{font-size:10px}
  .ib{width:40px;height:40px;border-radius:11px}.tgl{width:56px;height:29px}
  .hx{min-height:390px}.hsl:before{background:linear-gradient(90deg,rgba(var(--hero-ov),.98),rgba(var(--hero-ov),.82) 58%,rgba(var(--hero-ov),.22) 100%)}
  .hero-c{max-width:100%;padding:26px 18px 55px}.hx h1{font-size:clamp(32px,9vw,48px)}.hx h2{font-size:20px}.hx p{font-size:15px}.hl-card{display:block;right:6%;bottom:18px;top:auto;translate:0 0;width:35%;opacity:.72}.om3d{top:48%;right:-3%;opacity:.25}.m3d{opacity:.35}
  .hs-ar{width:38px;height:38px}.hs-ar.pv{left:8px}.hs-ar.nx{right:8px}.hdots{left:18px}
  .cts{grid-template-columns:repeat(4,1fr);gap:8px}.ct{padding:11px 3px}.ct i{font-size:24px}.ct span{font-size:12px}
  .pcs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pcd-n{font-size:14px;padding:8px 4px}
  .acs{grid-template-columns:1fr 1fr;gap:10px}.ac-b{padding:10px}.ac h3{font-size:15px}.ac-d{font-size:12px}
  .sks{grid-template-columns:1fr;gap:14px}.sk{padding:10px}.sk-h{align-items:flex-start}.sk-n{font-size:18px;padding:5px 13px}.sk-b{width:100%}.sk-b button{flex:1;justify-content:center;padding:7px 8px}.sk-t{padding:22px 18px 12px}.sk-s{font-size:20px;line-height:1.9}.sk-t:before{left:8px}.sk-t:after{right:8px}
  .pgx{gap:18px}.atc{padding:16px;border-radius:18px}.atc h1{font-size:28px}.sub{font-size:17px}.prose{font-size:18px}.prose p{line-height:1.95}.prose h3{font-size:23px;margin-top:24px}
  .fg{padding:30px 12px 22px;gap:20px}.fg h4{font-size:18px}
  .up{right:12px;width:42px;height:42px}
}
@media (max-width:420px){
  .logo .lt{display:none}.lg-t b{font-size:21px}.lg-t small{display:none}.tgl{width:52px}
  .hx{min-height:360px}.hero-c{padding-top:22px}.hl-card{width:39%;bottom:14px}.om3d{font-size:105px}
  .cts{grid-template-columns:repeat(4,1fr);gap:6px}.ct span{font-size:11.5px}.ct i{font-size:22px}
  .sh h2{font-size:21px}.more{padding:5px 10px;font-size:13px}
  .pn dl{padding-left:12px;padding-right:12px}.pn dl div{grid-template-columns:82px 1fr}.pn .btn{margin-left:12px;margin-right:12px}
  .sk-b button{font-size:12px}.prose{font-size:17px}
}
@media (prefers-reduced-motion:reduce){body:before{display:none}.hx,.ct,.pcd,.ac,.sk,.pn,.qt,.atc,.sd{transition:none!important}}

/* ===== Premium 3D v2 additions ===== */
:root{--depth-1:0 8px 18px rgba(75,28,12,.10);--depth-2:0 18px 45px rgba(75,28,12,.16);--glass:rgba(255,255,255,.42)}
[data-theme=dark]{--depth-1:0 8px 18px rgba(0,0,0,.34);--depth-2:0 18px 45px rgba(0,0,0,.52);--glass:rgba(45,30,20,.55)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 15%,rgba(200,150,46,.09),transparent 28%),radial-gradient(circle at 90% 65%,rgba(123,17,19,.07),transparent 30%)}
.t3,.pcd,.ct,.sk,.cb3,.hx{transform-style:preserve-3d;will-change:transform;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.t3:hover,.pcd:hover,.ct:hover,.cb3:hover{box-shadow:var(--depth-2);transform:translateY(-5px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.pcd,.ct,.sk,.cb3{position:relative;overflow:hidden}
.pcd:after,.ct:after,.sk:after,.cb3:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,20%),rgba(255,255,255,.24),transparent 30%);pointer-events:none;opacity:.8}
.hx{box-shadow:0 25px 70px rgba(75,28,12,.22);border-radius:26px}
.hx:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -30px 80px rgba(50,10,5,.12)}
.hero-c{transform:translateZ(25px)}
.om3d{transform:translateZ(55px) rotateY(-8deg);text-shadow:0 14px 28px rgba(90,10,10,.3)}
.m3d i{transform:translateZ(30px)}
.btn{box-shadow:0 10px 22px rgba(90,10,10,.22),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px) translateZ(8px);box-shadow:0 15px 30px rgba(90,10,10,.28)}
.read-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;background:transparent;pointer-events:none}.read-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--maroon-l));box-shadow:0 0 12px rgba(200,150,46,.65)}
.rt{position:sticky;top:72px;z-index:10;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--paper) 78%,transparent);border:1px solid var(--line);box-shadow:var(--depth-1);border-radius:16px;padding:8px;}
.prose{font-size:var(--fs,18px)}
.mobile-bottom{display:none}
@media(max-width:900px){
 .mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:62px;z-index:80;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.25);backdrop-filter:blur(18px);padding:5px}
 .mobile-bottom a,.mobile-bottom button{border:0;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font:inherit;border-radius:15px;min-width:0}.mobile-bottom a:hover,.mobile-bottom button:hover,.mobile-bottom .mb-on{background:var(--gold-bg);color:var(--maroon)}
 .mobile-bottom span{font-size:20px;line-height:22px}.mobile-bottom b{font-size:11px;font-weight:700}
 body{padding-bottom:78px}.rt{top:60px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.rt::-webkit-scrollbar{display:none}
 .hx{border-radius:20px;box-shadow:0 18px 42px rgba(75,28,12,.18)}
}
@media(max-width:560px){.read-progress{height:2px}.t3:hover,.pcd:hover,.ct:hover,.cb3:hover{transform:translateY(-2px)}.hero-c{transform:none}.sk{border-radius:18px}.btn{box-shadow:0 7px 16px rgba(90,10,10,.18)}}
@media(prefers-reduced-motion:reduce){.t3,.pcd,.ct,.sk,.cb3,.btn{transition:none!important;transform:none!important}}