/* Layout concept: the Toppers' Wisdom medal — deep navy, metallic gold, and real faces. Photography leads every section; type stays crisp and confident. */
:root{
  --bg:#060B1C;
  --bg-2:#0A1330;
  --navy:#0E1C44;
  --card:#0F1A3C;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --text:#F5F2EA;
  --muted:#AAB3CC;
  --dim:#717C9A;
  --gold:#F2C230;
  --gold-2:#D69A12;
  --gold-3:#FFE08A;
  --ok:#4FD39A;
  --bad:#FF7A6B;
  --metal:linear-gradient(180deg,#FFE9A3 0%,#F6CB45 38%,#D99A12 70%,#F3C63C 100%);
  --display:'Outfit','Hind',system-ui,sans-serif;
  --body:'Manrope','Hind',system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{background:var(--bg)}
body{margin:0;color:var(--text);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}
html[data-lang="hi"] .en{display:none!important}
html[data-lang="en"] .hi{display:none!important}
.gold-text{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.label{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.label::before{content:"";width:28px;height:1.5px;background:var(--gold)}
.rv{transform:translateY(26px);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.rv.in{transform:none}

/* ---------- Nav ---------- */
.nav{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);z-index:50;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
.nav.solid{background:rgba(6,11,28,.8);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-color:var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:70px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand img{width:42px;height:42px;border-radius:50%}
.brand b{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.01em;display:block;line-height:1.1}
.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em}
.links{display:flex;gap:26px;font-size:15px;font-weight:600;color:var(--muted)}
.links a{text-decoration:none;transition:color .2s}
.links a:hover{color:var(--text)}
.right{margin-left:auto;display:flex;align-items:center;gap:10px}
.lang{display:flex;border:1px solid var(--line-2);border-radius:999px;padding:3px}
.lang button{border:0;background:none;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;min-height:32px}
.lang button[aria-pressed="true"]{background:var(--gold);color:#1A1203}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer;text-decoration:none;border-radius:14px;font-family:var(--display);font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--metal);color:#1A1203;box-shadow:0 12px 30px -10px rgba(242,194,48,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-ghost{background:rgba(255,255,255,.06);border:1px solid var(--line-2);color:var(--text)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.b-sm{font-size:14.5px;padding:10px 18px;min-height:40px}
.b-lg{font-size:17px;padding:15px 28px;min-height:54px}
.menu-btn{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;align-items:center;justify-content:center}
.mnav{display:none;background:rgba(6,11,28,.97);border-top:1px solid var(--line)}
.mnav.open{display:block}
.mnav a{display:block;padding:16px max(20px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);text-decoration:none;font-family:var(--display);font-weight:600;font-size:19px}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding-top:70px;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(900px 640px at 78% 40%,rgba(36,63,150,.55),transparent 65%),radial-gradient(700px 500px at 10% 0%,rgba(14,28,68,.9),transparent 70%),var(--bg)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:end;min-height:min(820px,100svh)}
.hero-copy{padding:70px 0 90px;align-self:center}
.cred{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(242,194,48,.08);border:1px solid rgba(242,194,48,.28);font-size:14.5px;font-weight:600}
.cred i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--metal);color:#1A1203;font-family:var(--display);font-weight:800;font-size:12px}
.hero h1{margin-top:26px;font-size:clamp(46px,6.6vw,92px);line-height:1.04;font-weight:800}
html[data-lang="hi"] .hero h1{line-height:1.14}
.hero .sub{margin-top:24px;font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:33em;line-height:1.7}
.search{margin-top:34px;display:flex;align-items:center;gap:8px;max-width:580px;padding:7px 7px 7px 20px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.search input{flex:1;min-width:0;background:none;border:0;outline:none;font:inherit;font-size:17px;color:var(--text);padding:12px 4px}
.search input::placeholder{color:var(--dim)}
.stats{margin-top:40px;display:flex;flex-wrap:wrap;gap:16px 40px}
.stats div b{display:block;font-family:var(--display);font-weight:800;font-size:34px;line-height:1}
.stats div span{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.portrait{position:relative;align-self:end;display:flex;justify-content:center;height:100%;min-height:560px}
.halo{position:absolute;left:50%;bottom:6%;width:min(560px,92%);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(242,194,48,.28),rgba(242,194,48,.06) 55%,transparent 70%)}
.halo::before{content:"";position:absolute;inset:6%;border-radius:50%;border:2px solid rgba(242,194,48,.55);box-shadow:0 0 40px rgba(242,194,48,.25),inset 0 0 40px rgba(242,194,48,.15)}
.halo::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 61%,rgba(242,194,48,.35) 61.3%,transparent 61.8%)}
.cutout{position:relative;z-index:1;align-self:flex-end;width:min(460px,88%);height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.portrait::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,var(--bg));z-index:2}
.floats{position:absolute;left:0;right:0;bottom:22px;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 8px}
.float{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(10,19,48,.78);border:1px solid var(--line-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.float b{display:block;font-family:var(--display);font-size:19px;font-weight:800;line-height:1.1}
.float span{display:block;font-size:12.5px;color:var(--muted)}
.float i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--metal);color:#1A1203;font-style:normal;font-family:var(--display);font-weight:800;font-size:13px;flex:0 0 auto}
.f1{animation:bob 6s ease-in-out infinite}
.f2{animation:bob 6s ease-in-out -3s infinite}
@keyframes bob{50%{transform:translateY(-10px)}}

/* ---------- Results ---------- */
.sec{padding-top:110px}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 40px}
.head h2{margin-top:16px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.08;max-width:14em}
html[data-lang="hi"] .head h2{line-height:1.2}
.head p{max-width:28em;color:var(--muted);font-size:17.5px}
.officers{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.officer{margin:0;position:relative;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid var(--line);aspect-ratio:16/10.5;max-width:100%}
.officer img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.officer:hover img{transform:scale(1.04)}
.officer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,11,28,.95) 92%)}
.officer .cap{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.officer .cap b{display:block;font-family:var(--display);font-size:22px;font-weight:700}
.officer .cap div>span{display:block;font-size:13.5px;color:var(--muted)}
.air{flex:0 0 auto;text-align:center;padding:8px 12px;border-radius:14px;background:var(--metal);color:#1A1203;font-family:var(--display);line-height:1}
.air small{display:block;font-size:10px;font-weight:700;letter-spacing:.14em}
.air strong{display:block;font-size:26px;font-weight:800;margin-top:2px}
.more-results{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mr{padding:18px 20px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.mr b{display:block;font-family:var(--display);font-size:30px;font-weight:800;line-height:1}
.mr span{display:block;margin-top:8px;font-size:14.5px;font-weight:600}
.mr small{display:block;font-size:13px;color:var(--muted)}
.posters{margin-top:44px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.posters-track{display:flex;gap:16px;width:max-content;animation:slide 60s linear infinite}
.posters-track img{height:230px;width:auto;border-radius:14px;border:1px solid var(--line)}
.posters:hover .posters-track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}

/* ---------- Product demo ---------- */
.demo-sec{margin-top:120px;position:relative}
.demo-sec .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.steps{margin-top:30px;display:grid;gap:14px}
.steps div{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.steps i{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:rgba(242,194,48,.12);color:var(--gold);display:grid;place-items:center;font-style:normal;font-family:var(--display);font-weight:800}
.steps b{display:block;font-family:var(--display);font-size:18px}
.steps span{display:block;font-size:15px;color:var(--muted)}
.screen{position:relative;border-radius:26px;padding:30px 30px 26px;background:linear-gradient(180deg,#101C44,#0A1330);border:1px solid var(--line-2);box-shadow:0 50px 100px -40px rgba(0,0,0,.9),0 0 0 8px rgba(255,255,255,.02)}
.screen-top{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;font-weight:600;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
.q-dir{margin-top:20px;font-size:14.5px;font-weight:700;color:var(--muted)}
.q-sent{margin-top:14px;font-family:var(--display);font-weight:600;font-size:clamp(24px,2.6vw,32px);line-height:1.45}
.seg{position:relative;display:inline-block;white-space:nowrap}
.seg svg{position:absolute;left:-12px;top:-4px;width:calc(100% + 24px);height:calc(100% + 8px);overflow:visible;pointer-events:none}
.seg ellipse{fill:none;stroke:var(--gold);stroke-width:2.4;stroke-dasharray:440;stroke-dashoffset:440;stroke-linecap:round}
.fix{position:absolute;left:50%;top:-.9em;transform:translateX(-50%);font-size:.66em;font-weight:700;color:var(--gold-3);opacity:0;white-space:nowrap}
.opts{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);font-size:15.5px;color:var(--muted);transition:all .5s}
.opt b{width:30px;height:30px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-size:12.5px;color:var(--text);transition:all .5s}
.chip{margin-top:20px;padding:14px 16px;border-radius:14px;background:rgba(242,194,48,.09);border:1px solid rgba(242,194,48,.3);opacity:0;transform:translateY(10px);transition:all .7s}
.chip small{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--gold)}
.chip p{margin-top:2px;font-size:15.5px}
.demo.s1 .opt-b{border-color:rgba(79,211,154,.6);background:rgba(79,211,154,.08);color:var(--text)}
.demo.s1 .opt-b b{background:var(--ok);border-color:var(--ok);color:#03140C}
.demo.s2 .seg ellipse{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s}
.demo.s2 .fix{opacity:1;transition:opacity .6s .8s}
.demo.s3 .chip{opacity:1;transform:none}

/* ---------- Features ---------- */
.feats{margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.feat{padding:28px 24px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.feat .ic{width:48px;height:48px;border-radius:14px;background:rgba(242,194,48,.1);border:1px solid rgba(242,194,48,.25);display:grid;place-items:center}
.feat h3{font-size:21px;font-weight:700}
.feat p{font-size:15px;color:var(--muted);line-height:1.65}

/* ---------- Updates ---------- */
.updates{margin-top:44px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.u{display:grid;grid-template-columns:120px 130px minmax(0,1fr) 24px;gap:20px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .25s}
.u:last-child{border-bottom:0}
.u:hover{background:rgba(255,255,255,.03)}
.u .d{font-size:13.5px;color:var(--dim);font-weight:600}
.pill{justify-self:start;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px}
.p1{background:rgba(79,211,154,.14);color:var(--ok)}
.p2{background:rgba(255,122,107,.14);color:var(--bad)}
.p3{background:rgba(143,176,255,.14);color:#9FBBFF}
.u .t{font-size:17.5px;font-weight:600;line-height:1.45}
.u .t small{display:block;font-weight:400;font-size:14.5px;color:var(--muted)}
.u .a{color:var(--gold)}

/* ---------- About ---------- */
.about{margin-top:130px;position:relative;background:linear-gradient(180deg,transparent,var(--bg-2) 30%,var(--bg-2) 70%,transparent)}
.about .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;padding-block:80px}
.about-photo{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/5;max-width:100%;border:1px solid var(--line-2)}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(6,11,28,.85))}
.about-photo .sig{position:absolute;left:22px;bottom:20px;z-index:1}
.about-photo .sig b{display:block;font-family:var(--display);font-size:24px;font-weight:700}
.about-photo .sig span{font-size:13.5px;color:var(--muted)}
.quote{margin-top:20px;font-family:var(--display);font-size:clamp(38px,5vw,66px);font-weight:800;line-height:1.1}
html[data-lang="hi"] .quote{line-height:1.2}
.story{margin-top:22px;font-size:18px;color:var(--muted);line-height:1.8;max-width:34em}
.milestones{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.milestones div{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.milestones b{display:block;font-family:var(--display);font-size:21px;font-weight:700}
.milestones span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.books{margin-top:22px;font-size:14.5px;color:var(--dim)}
.books b{color:var(--muted)}

/* ---------- CTA + Footer ---------- */
.cta{margin-top:120px;text-align:center;position:relative;padding:110px 0 120px;overflow:hidden}
.cta::before{content:"";position:absolute;left:50%;top:50%;width:820px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(242,194,48,.16),transparent);z-index:-1}
.cta img{width:88px;height:88px;border-radius:50%;margin:0 auto;box-shadow:0 20px 50px -15px rgba(242,194,48,.5)}
.cta h2{margin-top:28px;font-size:clamp(40px,6vw,80px);font-weight:800;line-height:1.08}
html[data-lang="hi"] .cta h2{line-height:1.2}
.cta p{margin:20px auto 0;max-width:34em;color:var(--muted);font-size:18px}
.cta .row{margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
footer{border-top:1px solid var(--line)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:30px;font-size:14px;color:var(--dim)}
footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
footer a{text-decoration:none;color:var(--muted)}
footer a:hover{color:var(--text)}

/* ---------- Question page ---------- */
.qp{padding-top:110px;padding-bottom:40px}
.qp .wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.crumbs{font-size:14px;color:var(--dim);display:flex;flex-wrap:wrap;gap:8px}
.crumbs a{text-decoration:none;color:var(--muted)}
.qmeta{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.qmeta span{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}
.qmeta span.g{border-color:rgba(242,194,48,.5);color:var(--gold)}
.qcard{margin-top:22px;padding:30px;border-radius:24px;background:var(--card);border:1px solid var(--line)}
.qdir{font-size:15.5px;font-weight:700}
.qsent{margin-top:16px;font-size:clamp(26px,3.4vw,40px);font-weight:600;line-height:1.45}
.qopts{margin-top:28px;display:grid;gap:10px}
.qo{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 16px;border-radius:16px;border:1px solid var(--line-2);background:rgba(255,255,255,.02);font-size:17.5px;cursor:pointer;transition:all .3s}
.qo:hover{border-color:rgba(255,255,255,.3)}
.qo b{width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-size:13px}
.qo .r{margin-left:auto;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.qo.ok{border-color:rgba(79,211,154,.6);background:rgba(79,211,154,.08)}
.qo.ok b{background:var(--ok);border-color:var(--ok);color:#03140C}
.qo.ok .r{color:var(--ok)}
.qo.no{border-color:rgba(255,122,107,.6);background:rgba(255,122,107,.07)}
.qo.no b{background:var(--bad);border-color:var(--bad);color:#2A0603}
.qo.no .r{color:var(--bad)}
.qcard.marked .seg ellipse{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s}
.qcard.marked .fix{opacity:1;transition:opacity .6s .8s}
.qtools{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.qtools button{border:1px solid var(--line-2);background:none;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;min-height:38px}
.qtools button[aria-pressed="true"]{background:var(--gold);color:#1A1203;border-color:var(--gold)}
.sol{margin-top:18px;border-radius:24px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.sol>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 26px;font-family:var(--display);font-weight:700;font-size:21px}
.sol>summary::-webkit-details-marker{display:none}
.sol>summary i{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;transition:transform .35s}
.sol[open]>summary i{transform:rotate(45deg)}
.sol-body{padding:0 26px 26px;border-top:1px solid var(--line)}
.ans{margin-top:20px;display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(79,211,154,.12);color:var(--ok);font-weight:700;font-size:15px}
.expl{margin-top:16px;font-size:18.5px;line-height:1.9}
.expl strong{color:var(--gold-3)}
.cs{margin-top:22px;padding:20px 22px;border-radius:18px;background:rgba(242,194,48,.08);border:1px solid rgba(242,194,48,.3)}
.cs small{font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--gold)}
.cs p{margin-top:6px;font-family:var(--display);font-size:22px;font-weight:600}
.cs mark{background:none;color:var(--gold-3);border-bottom:2px solid var(--gold)}
.why{margin-top:22px}
.why h3{font-size:16px;font-weight:700}
.why div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.75;color:var(--muted)}
.why div b{color:var(--text)}
.thought{margin-top:18px;border-radius:16px;border:1px dashed rgba(242,194,48,.4)}
.thought>summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;justify-content:space-between;font-weight:700}
.thought>summary::-webkit-details-marker{display:none}
.thought>summary::after{content:"+";color:var(--gold)}
.thought[open]>summary::after{content:"−"}
.thought p{padding:0 20px 18px;color:var(--muted);line-height:1.8}
.aside{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px);display:grid;gap:16px}
.box{border-radius:22px;border:1px solid var(--line);background:var(--card);padding:22px}
.by{display:flex;gap:14px;align-items:center}
.by img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:2px solid var(--gold);background:var(--navy)}
.by b{display:block;font-family:var(--display);font-size:17px}
.by span{display:block;font-size:13.5px;color:var(--muted);line-height:1.5}
.cbox{display:block;text-decoration:none;border-radius:22px;padding:22px;background:linear-gradient(160deg,rgba(242,194,48,.14),rgba(242,194,48,.03));border:1px solid rgba(242,194,48,.3)}
.cbox small{font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--gold)}
.cbox h3{margin-top:8px;font-size:21px;line-height:1.3}
.cbox p{margin-top:8px;font-size:14.5px;color:var(--muted)}
.rel{list-style:none;margin:12px 0 0;padding:0}
.rel a{display:block;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:15px;color:var(--muted);line-height:1.5}
.rel li:last-child a{border-bottom:0}
.rel a:hover{color:var(--text)}


/* ---------- Digital Books ---------- */
.cover{position:relative;aspect-ratio:3/4.1;max-width:100%;border-radius:10px 16px 16px 10px;overflow:hidden;padding:22px 18px 18px 26px;display:flex;flex-direction:column;color:#fff;box-shadow:0 24px 40px -18px rgba(0,0,0,.8),inset 6px 0 0 rgba(0,0,0,.18),inset 8px 0 0 rgba(255,255,255,.08);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 38%);pointer-events:none}
.cover .tw{width:34px;height:34px;border-radius:50%;opacity:.95}
.cover .sub{margin-top:auto;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.cover .ttl{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.2vw,42px);line-height:1.1;margin-top:6px}
.cover .tag{font-size:13.5px;opacity:.9;margin-top:6px}
.cover .auth{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.3);font-size:12.5px;font-weight:600;letter-spacing:.04em}
.c-ramban{background:radial-gradient(120% 80% at 80% 10%,#FFA24A,#E2650F 45%,#9E3A05)}
.c-vijay{background:radial-gradient(120% 80% at 80% 10%,#3E62C8,#1A2F78 50%,#0B1640)}
.c-kavach{background:radial-gradient(120% 80% at 80% 10%,#36A39A,#11645E 50%,#073A37)}
.c-sarvagya{background:radial-gradient(120% 80% at 80% 10%,#5DAA4B,#24692A 50%,#103A15)}
.c-sanjeevani{background:radial-gradient(120% 80% at 80% 10%,#B5435E,#74172F 50%,#3E0816)}
.shelf-row{margin-top:44px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.shelf-row a{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:12px}
.shelf-row a:hover .cover{transform:translateY(-8px) rotate(-1deg)}
.shelf-row .meta b{display:block;font-family:var(--display);font-size:17px}
.shelf-row .meta span{display:block;font-size:13.5px;color:var(--muted)}
.bk{padding-top:110px;padding-bottom:40px}
.bk-head h1{margin-top:14px;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.1}
.bk-head p{margin-top:14px;color:var(--muted);font-size:18px;max-width:36em}
.resume{margin-top:34px;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px;border-radius:24px;background:var(--card);border:1px solid var(--line);text-decoration:none}
.resume .cover{padding:12px 10px 10px 14px;border-radius:6px 10px 10px 6px}
.resume .cover .ttl{font-size:20px}
.resume .cover .tw,.resume .cover .sub,.resume .cover .tag,.resume .cover .auth{display:none}
.resume small{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gold)}
.resume h3{margin-top:4px;font-size:22px}
.resume p{font-size:14.5px;color:var(--muted)}
.bar{margin-top:12px;height:8px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}
.bar i{display:block;height:100%;border-radius:9px;background:var(--metal)}
.lib{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.book{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .3s}
.book:hover{border-color:var(--line-2)}
.book:hover .cover{transform:translateY(-6px)}
.book .row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.book b{font-family:var(--display);font-size:19px}
.free{font-size:11.5px;font-weight:800;letter-spacing:.1em;padding:4px 10px;border-radius:999px;background:rgba(79,211,154,.14);color:var(--ok)}
.book .chips{display:flex;flex-wrap:wrap;gap:6px}
.book .chips span{font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted)}
.common{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.common div{padding:20px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.common b{display:block;font-family:var(--display);font-size:18px}
.common span{display:block;margin-top:4px;font-size:14.5px;color:var(--muted)}

/* ---------- Reader (light reading surface) ---------- */
.rd{--bk:#7A2E06;--bk2:#B4500F;--bks:#FCE6D2;--bkt:#FFE3C8;padding-top:70px;background:#F7F1E3;color:#1B1F2E;min-height:100vh}
.rd-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 70px);z-index:20;background:var(--bk);color:#fff;border-bottom:1px solid rgba(0,0,0,.2)}
.rd-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:58px;padding-block:8px}
.rd-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:14.5px;color:var(--bkt)}
.rd-title{font-family:var(--display);font-weight:800;font-size:18px}
.rd-title small{font-family:var(--body);font-weight:500;font-size:13px;opacity:.8;margin-left:8px}
.rd-tools{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.seg-ctl{display:flex;border-radius:999px;background:rgba(0,0,0,.22);padding:3px}
.seg-ctl button{border:0;background:none;color:var(--bkt);font-size:13px;font-weight:700;padding:6px 11px;border-radius:999px;cursor:pointer;min-height:32px}
.seg-ctl button[aria-pressed="true"]{background:#fff;color:var(--bk)}
.idx-btn{border:1px solid rgba(255,255,255,.4);background:none;color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.08em;padding:8px 13px;border-radius:10px;cursor:pointer;min-height:36px}
.rd-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;padding-block:32px 60px}
.toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 150px);align-self:start;background:#FFFDF6;border:1px solid #E8DDC4;border-radius:18px;padding:18px}
.toc h4{margin:0 0 10px;font-family:var(--display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--bk)}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:14.5px}
.toc a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;text-decoration:none;color:#3A3F52}
.toc a.on{background:var(--bks);color:var(--bk);font-weight:700}
.toc i{width:18px;height:18px;flex:0 0 auto;border-radius:50%;border:2px solid #D7C9AB;font-style:normal;display:grid;place-items:center;font-size:10px}
.toc i.done{background:#1F7A4A;border-color:#1F7A4A;color:#fff}
.rd-main{max-width:760px}
.rd-main .kick{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bk2)}
.rd-main h2{margin-top:8px;font-size:clamp(30px,4vw,44px);font-weight:800;color:#1B1F2E;line-height:1.15}
.rd-main .done-btn{margin-top:14px;display:inline-flex;align-items:center;gap:8px;border:1.5px solid #1F7A4A;color:#1F7A4A;background:none;border-radius:999px;padding:7px 14px;font-weight:700;font-size:13.5px;cursor:pointer}
.rd-main .done-btn[aria-pressed="true"]{background:#1F7A4A;color:#fff}
.rd-p{margin-top:18px;font-size:18.5px;line-height:1.9;color:#22283A}
.hlt{background:linear-gradient(transparent 50%,#FFE45C 50%,#FFE45C 90%,transparent 90%);padding:0 2px}
.rd-table{margin-top:22px;border:1px solid #E1D4B6;border-radius:16px;overflow:hidden;background:#FFFDF6}
.rd-table table{width:100%;border-collapse:collapse;font-size:15.5px}
.rd-table th{background:var(--bk);color:#fff;text-align:left;padding:11px 14px;font-weight:700}
.rd-table td{padding:11px 14px;border-top:1px solid #EFE4CC;vertical-align:top}
.rd-table td:nth-child(2){font-weight:700;color:var(--bk);white-space:nowrap}
.rd-table em{font-style:normal;color:#5A5F70;font-size:14.5px}
.dd{margin-top:14px;border:1px solid #E1D4B6;border-radius:14px;background:#FFFDF6}
.dd>summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:700;display:flex;justify-content:space-between;color:#1B1F2E}
.dd>summary::-webkit-details-marker{display:none}
.dd>summary::after{content:"+";color:var(--bk2);font-weight:800}
.dd[open]>summary::after{content:"−"}
.dd div{padding:0 18px 16px;font-size:16.5px;line-height:1.8;color:#2D3346}
.blk{margin-top:30px;border-radius:20px;background:#FFFDF6;border:1px solid #E1D4B6;padding:24px}
.blk-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.blk-h span{font-family:var(--display);font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bk2)}
.blk-h em{font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#F3E7D0;color:#5A3A10}
.blk .qd{margin-top:14px;font-weight:700;font-size:15.5px}
.blk .qs{margin-top:10px;font-size:20px;line-height:1.6;color:#1B1F2E}
.blk .qopt{margin-top:14px;display:grid;gap:8px}
.ro{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:1.5px solid #E1D4B6;background:#fff;font-size:17px;color:#1B1F2E;cursor:pointer}
.ro b{width:30px;height:30px;flex:0 0 auto;border-radius:50%;border:1.5px solid #9A8B6C;display:grid;place-items:center;font-size:12.5px}
.ro .r{margin-left:auto;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ro.ok{border-color:#1F7A4A;background:#E8F5EC}.ro.ok b{background:#1F7A4A;border-color:#1F7A4A;color:#fff}.ro.ok .r{color:#1F7A4A}
.ro.no{border-color:#C0392B;background:#FBEAE7}.ro.no b{background:#C0392B;border-color:#C0392B;color:#fff}.ro.no .r{color:#C0392B}
.qbtns{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.qbtns button{border:1.5px solid #D9CBAA;background:#fff;color:#3A2A10;border-radius:999px;padding:7px 15px;font-weight:700;font-size:13.5px;cursor:pointer;min-height:38px}
.qbtns button[aria-pressed="true"]{background:var(--bk);border-color:var(--bk);color:#fff}
.hintbox,.notebox{margin-top:12px;padding:12px 14px;border-radius:12px;background:#FFF6D6;border:1px dashed #E0B94A;font-size:15.5px;line-height:1.7}
.notebox textarea{width:100%;min-height:70px;border:1px solid #E1D4B6;border-radius:10px;padding:10px;font:inherit;font-size:15px;background:#fff;color:#1B1F2E;resize:vertical}
.exp{margin-top:14px;border-top:1px dashed #E1D4B6}
.exp>summary{list-style:none;cursor:pointer;padding:14px 0 6px;font-weight:800;color:var(--bk)}
.exp>summary::-webkit-details-marker{display:none}
.exp p{font-size:16.5px;line-height:1.85;color:#22283A}
.thought2{margin-top:12px;padding:14px 16px;border-radius:12px;background:#FDEBDD;border-left:0;font-size:15.5px;line-height:1.75}
.thought2 b{display:block;color:var(--bk);margin-bottom:2px}
.rd-nav{margin-top:34px;display:flex;justify-content:space-between;gap:12px}
.rd-nav a{flex:1;text-align:center;text-decoration:none;font-weight:700;padding:13px;border-radius:12px;border:1.5px solid var(--bk);color:var(--bk)}
.rd-nav a.next{background:var(--bk);color:#fff}
.rd [data-l]{display:none}
.rd[data-rl="en"] [data-l="en"],.rd[data-rl="hg"] [data-l="hg"],.rd[data-rl="hi"] [data-l="hi"]{display:revert}
.rd[data-mode="concise"] .detailed-only{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1020px){
  .links{display:none}
  .menu-btn{display:inline-flex}
  .right .b-sm{display:none}
  .hero .wrap{grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
  .hero-copy{padding:56px 0 10px;text-align:left}
  .portrait{min-height:0;height:auto;padding-top:20px}
  .cutout{width:min(400px,78%)}
  .officers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .more-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demo-sec .wrap,.about .wrap{grid-template-columns:minmax(0,1fr);gap:40px}
  .feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-photo{max-width:440px}
  .qp .wrap{grid-template-columns:minmax(0,1fr);gap:24px}
  .aside{position:static}
}
@media (max-width:620px){
  body{font-size:16px}
  .brand small{display:none}
  .hero-copy{padding-top:44px}
  .cred{font-size:13px}
  .search{padding-left:14px}
  .search .btn .lbl{display:none}
  .search .btn{padding:12px 15px}
  .stats{gap:14px 28px}
  .stats div b{font-size:28px}
  .float{padding:9px 12px;gap:9px}
  .float b{font-size:16px}
  .float i{width:32px;height:32px;font-size:11px}
  .floats{bottom:10px;gap:8px}
  .portrait{padding-bottom:0}
  .sec{padding-top:84px}
  .officers{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-20px;margin-right:-20px;padding:0 20px 8px;scrollbar-width:none}
  .officers::-webkit-scrollbar{display:none}
  .officer{flex:0 0 84%;scroll-snap-align:center;border-radius:20px;aspect-ratio:4/3.4}
  .officer .cap{left:16px;right:16px;bottom:14px}
  .officer .cap b{font-size:19px}
  .officer .cap div>span{font-size:12.5px}
  .air{padding:7px 10px;border-radius:12px}
  .air strong{font-size:22px}
  .posters-track img{height:150px}
  .opts{grid-template-columns:minmax(0,1fr)}
  .screen{padding:22px 18px}
  .feats{grid-template-columns:minmax(0,1fr)}
  .u{grid-template-columns:minmax(0,1fr) 20px;gap:6px 14px;padding:18px 20px}
  .u .d{grid-row:1;grid-column:1}
  .u .pill{grid-row:2;grid-column:1}
  .u .t{grid-row:3;grid-column:1;font-size:16.5px}
  .u .a{grid-row:1/4;grid-column:2}
  .milestones{grid-template-columns:minmax(0,1fr)}
  .cta{padding:80px 0 90px}
  .qcard{padding:22px 18px}
  .sol>summary{padding:18px}
  .sol-body{padding:0 18px 22px}
  .expl{font-size:17px}
}

@media (max-width:1020px){
  .shelf-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rd-body{grid-template-columns:minmax(0,1fr)}
  .toc{display:none;position:static}
  .toc.open{display:block}
  .common{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .shelf-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-20px;margin-right:-20px;padding:0 20px 10px;scrollbar-width:none}
  .shelf-row::-webkit-scrollbar{display:none}
  .shelf-row a{flex:0 0 46%;scroll-snap-align:start}
  .resume{grid-template-columns:76px minmax(0,1fr);gap:14px}
  .resume .go{grid-column:1/-1}
  .lib{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .book{padding:12px;border-radius:18px}
  .book .chips{display:none}
  .cover{padding:14px 12px 12px 18px}
  .cover .ttl{font-size:24px}
  .cover .tag{font-size:11.5px}
  .rd-tools{margin-left:0;width:100%}
  .rd-p{font-size:17px}
  .blk{padding:18px}
  .blk .qs{font-size:18px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{transform:none}
}

/* ================= Site pages beyond the home ================= */
.pg{padding-top:118px;padding-bottom:70px}
.pg-head h1{margin-top:14px;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.1}
html[data-lang="hi"] .pg-head h1{line-height:1.22}
.pg-head p{margin-top:14px;color:var(--muted);font-size:18px;max-width:40em}
.pg-head .crumbs{margin-bottom:6px}
.kpis{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.kpis div{padding:14px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line);min-width:140px}
.kpis b{display:block;font-family:var(--display);font-size:26px;font-weight:800;line-height:1.1}
.kpis span{display:block;font-size:13.5px;color:var(--muted)}
.hubs{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.hub{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:border-color .25s,transform .25s}
.hub:hover{border-color:rgba(242,194,48,.45);transform:translateY(-3px)}
.hub small{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.hub b{font-family:var(--display);font-size:19px;font-weight:700;line-height:1.3}
.hub span{font-size:14px;color:var(--muted)}
.hub .n{margin-top:auto;font-size:13px;font-weight:700;color:var(--text)}
.sect-t{margin-top:56px;font-size:clamp(24px,3vw,32px);font-weight:800}
.sect-t+p{margin-top:8px;color:var(--muted)}
.qlist{list-style:none;margin:22px 0 0;padding:0;border-radius:20px;border:1px solid var(--line);background:var(--card);overflow:hidden}
.qlist li{border-bottom:1px solid var(--line)}
.qlist li:last-child{border-bottom:0}
.qlist a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center;padding:16px 22px;text-decoration:none;transition:background .2s}
.qlist a:hover{background:rgba(255,255,255,.03)}
.qlist a span{font-size:16.5px;line-height:1.55}
.qlist a small{font-size:12.5px;color:var(--dim);font-weight:600;white-space:nowrap}
.pager{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}
.pager a,.pager span{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);text-decoration:none;font-weight:700;font-size:14.5px;color:var(--muted)}
.pager span{background:var(--gold);color:#1A1203;border-color:var(--gold)}
.az{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px}
.az a{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line-2);text-decoration:none;font-family:var(--display);font-weight:700;font-size:17px}
.az a:hover,.az a.on{background:var(--gold);color:#1A1203;border-color:var(--gold)}
.wgrid{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.wgrid a{display:block;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);text-decoration:none}
.wgrid a b{display:block;font-family:var(--display);font-size:17px}
.wgrid a span{display:block;font-size:13.5px;color:var(--muted);line-height:1.5}
.prose{margin-top:30px;max-width:46em;font-size:17.5px;line-height:1.85;color:var(--muted)}
.prose h2{margin-top:36px;font-size:26px;color:var(--text)}
.prose p,.prose ul{margin-top:14px}
.prose a{color:var(--gold-3)}
.prose b{color:var(--text)}
.src-list{margin-top:26px;display:grid;gap:12px}
.src-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;padding:18px 22px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none}
.src-list b{font-family:var(--display);font-size:18px}
.src-list span{font-size:14.5px;color:var(--muted)}
.src-list i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;color:var(--gold)}
.searchbig{margin-top:26px;max-width:720px}
.results{margin-top:24px}
.empty{margin-top:24px;padding:22px;border-radius:18px;border:1px dashed var(--line-2);color:var(--muted)}

/* question page with real PYQs */
.qcard .qsent{font-size:clamp(20px,2.3vw,27px);line-height:1.6;font-weight:600}
.qcard .qsent p+p{margin-top:10px}
.qcard .qsent .seg-w{border-bottom:2px dashed rgba(242,194,48,.5)}
.passage-box{margin-top:16px;max-height:360px;overflow:auto;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:16px;line-height:1.85;color:var(--muted)}
.passage-box b{color:var(--text)}
.qcard .qo span:not(.r){min-width:0}
.qnote{margin-top:12px;font-size:14px;color:var(--dim)}
.sol-body .expl{font-size:17.5px;line-height:1.85}
.sol-body .expl+.expl{margin-top:4px}
.lang-pane{margin-top:18px}
.lang-pane h3{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700}
.smartbox{margin-top:18px;padding:16px 18px;border-radius:16px;background:rgba(143,176,255,.08);border:1px solid rgba(143,176,255,.25);font-size:16px;line-height:1.75}
.smartbox small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:#9FBBFF;margin-bottom:4px}
.why div span p{margin:0}

/* word page */
.wh{margin-top:18px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px}
.wh h1{font-size:clamp(44px,7vw,84px);font-weight:800;line-height:1}
.wh em{font-style:normal;font-size:15px;font-weight:700;color:var(--muted);padding:5px 12px;border-radius:999px;border:1px solid var(--line-2)}
.wmean{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wmean div{padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.wmean small,.wsec small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.wmean p{margin-top:8px;font-size:20px;line-height:1.55;font-weight:600}
.wsec{margin-top:16px;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.wsec p,.wsec ul{margin-top:8px;font-size:16.5px;line-height:1.8;color:var(--muted)}
.chips2{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.chips2 a,.chips2 span{font-size:14.5px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);text-decoration:none;color:var(--text)}
.chips2.ant a,.chips2.ant span{border-color:rgba(255,122,107,.4)}

/* ================= Markup inside book content (both themes) ================= */
.fr{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;font-size:.92em;line-height:1.15;margin:0 2px}
.fr .nu{border-bottom:1.5px solid currentColor;padding:0 3px 1px}
.fr .de{padding:1px 3px 0}
.rt{display:inline-flex;align-items:flex-start;white-space:nowrap}
.rt .rtd{border-top:1.5px solid currentColor;padding:0 2px;margin-top:.18em}
.ovl{text-decoration:overline}
.hl{background:linear-gradient(transparent 48%,rgba(255,214,61,.55) 48%,rgba(255,214,61,.55) 92%,transparent 92%);padding:0 2px;border-radius:2px}
.tblw{margin-top:16px;overflow-x:auto;border-radius:14px;border:1px solid var(--line)}
.tblw table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:420px}
.tblw th{text-align:left;padding:10px 13px;font-weight:700;background:rgba(255,255,255,.05)}
.tblw td{padding:10px 13px;border-top:1px solid var(--line);vertical-align:top}
.fbx{margin-top:16px;padding:16px 18px;border-radius:14px;border:1px solid rgba(242,194,48,.35);background:rgba(242,194,48,.07)}
.fig{margin:18px 0 0;padding:14px;border-radius:14px;background:#fff;color:#1B1F2E;border:1px solid #E1D4B6;max-width:100%}
.fig svg{display:block;width:100%;height:auto;max-height:420px}
.fig figcaption{margin-top:10px;font-size:14.5px;line-height:1.6;color:#4A5064}
.ssteps{display:grid;gap:6px;margin-top:6px}
.st{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start}
.st .sn{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;margin-top:3px}
.st:not(.cont):not(.hd) .sn{background:rgba(242,194,48,.18);color:var(--gold)}
.st.fin div{font-weight:700}
.st.fin .sn{background:var(--ok)!important;color:#03140C!important}

/* ================= Reader (light surface) ================= */
.rd .tblw{border-color:#E1D4B6;background:#FFFDF6}
.rd .tblw th{background:var(--bk);color:#fff}
.rd .tblw td{border-top-color:#EFE4CC}
.rd .fbx{border-color:color-mix(in srgb,var(--bk2) 40%,transparent);background:color-mix(in srgb,var(--bks) 55%,#fff)}
.rd .st:not(.cont):not(.hd) .sn{background:var(--bks);color:var(--bk)}
.rd .st.fin .sn{background:#1F7A4A!important;color:#fff!important}
.rd .hl{background:linear-gradient(transparent 48%,#FFE45C 48%,#FFE45C 92%,transparent 92%)}
.rd-main{min-width:0}
.rd-main section.ch{scroll-margin-top:150px}
.rd-main .tagl{margin-top:12px;font-size:19px;line-height:1.7;color:#4A5064;font-style:italic}
.rd-main .bodyt{margin-top:16px;font-size:18px;line-height:1.9;color:#22283A}
.rd-main .bodyt p+p,.rd-main .bodyt p+ul,.rd-main .bodyt ul+p{margin-top:12px}
.rd-main .bodyt ul{padding-left:22px}
.rd-main .bodyt li+li{margin-top:6px}
.rd-main h3.sh{margin-top:40px;font-size:clamp(22px,2.6vw,28px);font-weight:800;color:#1B1F2E;line-height:1.3}
.rd-main .tsec{margin-top:52px;padding-top:30px;border-top:2px solid #E8DDC4;scroll-margin-top:140px}
.rd-main .tkick{font-family:var(--display);font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--bk2)}
.rd-main .tsec>h3{margin-top:6px;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.25;color:#1B1F2E}
.rd-main .card{margin-top:18px;padding:18px 20px;border-radius:16px;background:#FFFDF6;border:1px solid #E1D4B6}
.rd-main .card>small{display:block;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bk2);margin-bottom:6px}
.rd-main .card.smart{background:#EEF4FF;border-color:#C9D8F5}
.rd-main .card.smart>small{color:#2A4C9A}
.rd-main .card.formula{background:color-mix(in srgb,var(--bks) 45%,#fff);border-color:color-mix(in srgb,var(--bk2) 35%,#fff)}
.rd-main .card .fl{display:grid;gap:8px}
.rd-main .card .fl>div{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.7);font-size:16.5px;line-height:1.7}
.rd-main .dd div{font-size:16.5px}
.rd-main .dd div ul{padding-left:20px;margin:0}
.rd-main .dd div li+li{margin-top:8px}
.cues{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cues span{font-size:13.5px;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--bks);color:var(--bk)}
.subh{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.subh h4{margin:0;font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#3A3F52}
.subh span{font-size:13px;font-weight:700;color:#7A6F55}
.blk{scroll-margin-top:150px}
.blk .qs p+p{margin-top:8px}
.blk .qs .fig{margin-top:12px}
.blk-h .lv{background:#EDE6D6;color:#5A5F70}
.blk-h .att{background:#E8F5EC;color:#1F7A4A}
.blk-h .att.x{background:#FBEAE7;color:#C0392B}
.blk-h .tags{display:flex;flex-wrap:wrap;gap:6px}
.qbtns button.bm[aria-pressed="true"]{background:#B07A00;border-color:#B07A00}
.qbtns button.sure[aria-pressed="true"]{background:#1F7A4A;border-color:#1F7A4A}
.qbtns button.guess[aria-pressed="true"]{background:#8A5A00;border-color:#8A5A00}
.exp .sm{margin-top:12px;padding:12px 14px;border-radius:12px;background:#EEF4FF;font-size:15.5px;line-height:1.75}
.exp .sm b.k{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#2A4C9A}
.exp>div{padding-bottom:6px;font-size:16.5px;line-height:1.85;color:#22283A}
.exp>div p+p{margin-top:8px}
.ro span:not(.r){min-width:0}
.more{margin-top:16px;width:100%;padding:14px;border-radius:14px;border:1.5px dashed var(--bk2);background:none;color:var(--bk);font-weight:800;font-size:15px;cursor:pointer}
.passage{margin-top:18px;padding:20px 22px;border-radius:16px;background:#fff;border:1px solid #E1D4B6;font-size:17px;line-height:1.95;color:#22283A}
.passage>b{display:block;font-family:var(--display);font-size:18px;margin-bottom:8px}
.passage-dd{margin-top:12px}
.lock{margin-top:30px;padding:28px;border-radius:20px;background:#fff;border:1.5px solid var(--bk2);text-align:center}
.lock h3{font-size:24px;color:var(--bk)}
.lock p{margin-top:8px;color:#4A5064}
.rd-loading{padding:40px 0;color:#7A6F55;font-weight:700}
.toc ol ol{margin:2px 0 6px 28px;font-size:13.5px}
.toc ol ol a{padding:5px 8px}
.toc{max-height:calc(100vh - 180px);overflow:auto}
.toc .pt{margin:12px 0 4px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9A8B6C}
.rd-bar .night{border:1px solid rgba(255,255,255,.4);background:none;color:#fff;border-radius:10px;min-height:36px;padding:0 11px;cursor:pointer;font-weight:800;font-size:12.5px}
/* GS blocks */
.gb{margin-top:16px}
.gb-box{padding:16px 18px;border-radius:14px;border-left:4px solid var(--bk2);background:#FFFDF6;font-size:17px;line-height:1.85}
.gb-box.k-tip,.gb-box.k-trick{border-left-color:#2A4C9A;background:#EEF4FF}
.gb-box.k-trap,.gb-box.k-warn{border-left-color:#C0392B;background:#FBEAE7}
.gb-box.k-fact,.gb-box.k-remember{border-left-color:#B07A00;background:#FFF6D6}
.gb-box>small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bk2);margin-bottom:4px}
.gb-img{margin-top:16px;border-radius:14px;overflow:hidden;border:1px solid #E1D4B6;background:#fff}
.gb-img img{width:100%;height:auto}
.gb-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.gb-cmp>div,.gb-cards>div{padding:16px;border-radius:14px;background:#FFFDF6;border:1px solid #E1D4B6}
.gb-cmp b,.gb-cards b{display:block;font-family:var(--display);font-size:17px;color:var(--bk)}
.gb-cmp ul{margin:8px 0 0;padding-left:18px;font-size:15.5px;line-height:1.7}
.gb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.gb-cards i{font-style:normal;display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:10px;background:var(--bks);color:var(--bk);font-weight:800;margin-bottom:8px}
.gb-cards p{margin-top:4px;font-size:15px;line-height:1.65;color:#3A3F52}
.gb-flow{display:grid;gap:8px;counter-reset:f}
.gb-flow div{position:relative;padding:12px 14px 12px 48px;border-radius:12px;background:#FFFDF6;border:1px solid #E1D4B6;font-size:16px;line-height:1.7}
.gb-flow div::before{counter-increment:f;content:counter(f);position:absolute;left:12px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--bk);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:800}
.gb-tl{border-left:3px solid var(--bk2);margin-left:8px;padding-left:18px;display:grid;gap:12px}
.gb-tl div{position:relative;font-size:16px;line-height:1.7}
.gb-tl div::before{content:"";position:absolute;left:-26px;top:7px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--bk2)}
.gb-tl b{color:var(--bk);margin-right:8px}
.gb-mm{padding:16px;border-radius:14px;background:#FFFDF6;border:1px solid #E1D4B6}
.gb-mm>b{display:block;text-align:center;font-family:var(--display);font-size:18px;padding:10px;border-radius:12px;background:var(--bk);color:#fff}
.gb-mm ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.gb-mm li{padding:10px 12px;border-radius:10px;background:var(--bks);font-size:15px;line-height:1.6}
.gb-layers{display:grid;gap:6px}
.gb-layers div{padding:12px 14px;border-radius:12px;border-left:8px solid var(--c,#ccc);background:#FFFDF6;font-size:15.5px;line-height:1.65}
.gb-layers b{display:block}
.gb-bars>b{display:block;margin-bottom:8px}
.gb-bars div{display:grid;grid-template-columns:130px minmax(0,1fr) 60px;gap:10px;align-items:center;font-size:14.5px;margin-top:6px}
.gb-bars i{display:block;height:14px;border-radius:7px;background:var(--bk2)}
.gb-vis{padding:16px 18px;border-radius:14px;border:1px dashed #C9B98F;background:#FFFDF6;font-size:15.5px;color:#4A5064}
.gb-list{padding-left:22px;font-size:17px;line-height:1.85}
.onel{margin-top:14px;display:grid;gap:8px}
.onel div{padding:11px 14px;border-radius:12px;background:#FFFDF6;border:1px solid #E1D4B6;font-size:16px;line-height:1.7}
.onel div.hot{border-color:#E0B94A;background:#FFF9E6}
.onel div.hot::before{content:"PYQ HOT ";font-size:10.5px;font-weight:800;letter-spacing:.1em;color:#B07A00}
/* vocab word cards */
.wcards{margin-top:16px;display:grid;gap:12px}
.wc{padding:18px 20px;border-radius:16px;background:#fff;border:1px solid #E1D4B6;scroll-margin-top:150px}
.wc-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.wc-h b{font-family:var(--display);font-size:22px;font-weight:800;color:#1B1F2E}
.wc-h em{font-style:normal;font-size:12.5px;font-weight:700;color:#7A6F55}
.wc-h .asked{margin-left:auto;font-size:11.5px;font-weight:800;letter-spacing:.08em;padding:4px 9px;border-radius:999px;background:var(--bks);color:var(--bk)}
.wc .m{margin-top:6px;font-size:16.5px;line-height:1.65;color:#22283A}
.wc .mh{margin-top:2px;font-size:16.5px;line-height:1.65;color:var(--bk);font-weight:600}
.wc .sa{margin-top:8px;font-size:14.5px;line-height:1.7;color:#4A5064}
.wc .sa b{color:#1F7A4A}
.wc .sa b.a{color:#C0392B}
.wc .ex{margin-top:6px;font-size:15px;font-style:italic;color:#4A5064}
.wc .tb{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.wc .tb button{border:1.5px solid #D9CBAA;background:#fff;color:#3A2A10;border-radius:999px;padding:6px 14px;font-weight:700;font-size:13px;cursor:pointer;min-height:36px}
.wc .tb button[aria-pressed="true"]{background:var(--bk);border-color:var(--bk);color:#fff}
.wc .trick{margin-top:10px;padding:12px 14px;border-radius:12px;background:#FFF6D6;border:1px dashed #E0B94A;font-size:15.5px;line-height:1.75}
/* night reading */
.rd[data-night="1"]{background:#14161C;color:#E7E3D8}
.rd[data-night="1"] .rd-main h2,.rd[data-night="1"] .rd-main h3.sh,.rd[data-night="1"] .rd-main .tsec>h3,.rd[data-night="1"] .blk .qs,.rd[data-night="1"] .wc-h b{color:#F2EEE3}
.rd[data-night="1"] .rd-p,.rd[data-night="1"] .rd-main .bodyt,.rd[data-night="1"] .exp>div,.rd[data-night="1"] .passage,.rd[data-night="1"] .wc .m,.rd[data-night="1"] .gb-box{color:#DAD5C8}
.rd[data-night="1"] .blk,.rd[data-night="1"] .card,.rd[data-night="1"] .dd,.rd[data-night="1"] .toc,.rd[data-night="1"] .passage,.rd[data-night="1"] .wc,.rd[data-night="1"] .ro,.rd[data-night="1"] .gb-box,.rd[data-night="1"] .onel div,.rd[data-night="1"] .gb-cmp>div,.rd[data-night="1"] .gb-cards>div,.rd[data-night="1"] .gb-flow div,.rd[data-night="1"] .gb-mm,.rd[data-night="1"] .gb-layers div,.rd[data-night="1"] .tblw{background:#1D2029;border-color:#30343F;color:#E7E3D8}
.rd[data-night="1"] .ro{color:#E7E3D8}
.rd[data-night="1"] .ro.ok{background:#173326}.rd[data-night="1"] .ro.no{background:#3A1B18}
.rd[data-night="1"] .dd>summary,.rd[data-night="1"] .toc a{color:#E7E3D8}
.rd[data-night="1"] .toc a.on{background:#2B2F3A;color:#fff}
.rd[data-night="1"] .card.smart,.rd[data-night="1"] .exp .sm{background:#1B2638;border-color:#2C3C59}
.rd[data-night="1"] .card .fl>div{background:#252935}
.rd[data-night="1"] .qbtns button,.rd[data-night="1"] .wc .tb button{background:#1D2029;color:#E7E3D8;border-color:#3A3F4C}
.rd[data-night="1"] .hintbox,.rd[data-night="1"] .notebox,.rd[data-night="1"] .trick,.rd[data-night="1"] .thought2{background:#2A2618;color:#E7E3D8}
.rd[data-night="1"] .notebox textarea{background:#14161C;color:#E7E3D8;border-color:#3A3F4C}
.rd[data-night="1"] .rd-main .tsec{border-top-color:#30343F}
.rd[data-night="1"] .tblw th{color:#fff}
.rd[data-night="1"] .tblw td{border-top-color:#30343F}
/* My study */
.mytabs{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px}
.mytabs button{border:1px solid var(--line-2);background:none;border-radius:999px;padding:9px 18px;font-weight:700;color:var(--muted);cursor:pointer;min-height:42px}
.mytabs button[aria-pressed="true"]{background:var(--gold);color:#1A1203;border-color:var(--gold)}
@media (max-width:1020px){
  .wmean{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .pg{padding-top:96px}
  .qlist a{grid-template-columns:minmax(0,1fr);padding:14px 16px}
  .qlist a small{white-space:normal}
  .gb-bars div{grid-template-columns:90px minmax(0,1fr) 44px}
  .rd-main .bodyt{font-size:17px}
  .rd-bar .rd-title small{display:block;margin-left:0}
}
/* ===== reader: chapter tools (mind map, concept finder, speed tricks) ===== */
.chx{margin-top:18px;display:grid;gap:10px}
.dd.tool>summary{font-weight:800}
.tool-i{color:#6B5E44;font-size:15px;margin:4px 0 10px}
.mmap{display:grid;gap:14px}
.mm-hub{justify-self:center;text-align:center;padding:14px 22px;border-radius:999px;background:var(--bk);color:#fff;box-shadow:0 12px 26px -16px rgba(0,0,0,.6)}
.mm-hub small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.mm-hub b{font-size:18px}
.mm-br{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.mm-b{border-radius:16px;padding:12px;background:#FFFDF6;border:1px solid #E8DDC4;border-top:4px solid var(--mc,#C8862E)}
.mm-b.c1{--mc:#9B2C46}.mm-b.c2{--mc:#2E6FB0}.mm-b.c3{--mc:#2E8B57}.mm-b.c4{--mc:#B5651D}.mm-b.c5{--mc:#6A4BA8}
.mm-b h5{margin:0 0 8px;font-size:15px;color:var(--mc,#C8862E)}
.mm-n{padding:9px 10px;border-radius:12px;background:#FBF6EA;margin-top:8px}
.mm-n b{display:block;font-size:14.5px}
.mm-n ul{margin:6px 0 0;padding-left:18px;font-size:13.5px;color:#4A4232}
.tl{display:inline-block;margin-top:6px;font-size:13px;font-weight:700;color:var(--bk2);text-decoration:none}
.sig{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.sig>div{padding:12px 14px;border-radius:14px;background:#FFFDF6;border:1px solid #E8DDC4}
.sig p{margin:2px 0 4px;font-size:15px}
.sig small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bk2)}
.tricks{margin-top:12px;display:grid;gap:10px}
.tw2{font-size:14px;color:#6B5E44;margin:4px 0 0}
.mainsc{margin-top:16px}
.wc-h .say{border:0;background:transparent;cursor:pointer;font-size:16px;padding:2px 4px;line-height:1}
.rd[data-night="1"] .mm-b,.rd[data-night="1"] .sig>div{background:#22262F;border-color:#353A46}
.rd[data-night="1"] .mm-n{background:#2A2F3A}
.rd[data-night="1"] .mm-n ul,.rd[data-night="1"] .tool-i,.rd[data-night="1"] .tw2{color:#B9B2A2}
.wsay{align-self:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:transparent;font-size:20px;cursor:pointer}
.wsay:hover{border-color:var(--hl-line,rgba(140,170,255,.3))}


/* ================= Professional layer (v2) ================= */
:root{--acc:#F2C230;--r-lg:22px}
/* page hero backdrop */
.pg{position:relative;isolation:isolate}
.pg::before{content:"";position:absolute;left:0;right:0;top:0;height:520px;z-index:-1;pointer-events:none;
  background:radial-gradient(700px 360px at 85% 0%,rgba(36,63,150,.45),transparent 70%),radial-gradient(520px 300px at 8% 10%,rgba(242,194,48,.10),transparent 70%)}
.pg::after{content:"";position:absolute;left:0;right:0;top:0;height:520px;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.pg-head{padding-bottom:8px}
.pg-head .label{margin-top:22px}
.crumbs{font-size:13.5px;letter-spacing:.01em}
.crumbs span[aria-hidden]{opacity:.45}
.sect-t{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.sect-t .cnt{font-family:var(--body);font-size:14px;font-weight:700;color:var(--dim);letter-spacing:0}
.sect-sub{margin-top:6px;color:var(--muted);font-size:15.5px}

/* cards */
.hub{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:22px 22px 20px;min-height:150px}
.hub::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);opacity:.85}
.hub small{color:var(--acc)}
.hub .n{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--line);margin-top:auto}
.hub .n::after{content:"→";color:var(--acc);font-size:16px;transition:transform .25s}
.hub:hover .n::after{transform:translateX(4px)}
.hub:hover{border-color:color-mix(in srgb,var(--acc) 55%,transparent)}
.a-ramban{--acc:#F39A4A}.a-sanjeevani{--acc:#E86A88}.a-vijayastra{--acc:#7E98FF}.a-sarvagya{--acc:#62C26A}
.kpis div{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.kpis b{font-size:28px}

/* subject tiles (home + PYQ hub) */
.subj{margin-top:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.subj a{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;text-decoration:none;border:1px solid var(--line);background:var(--card);min-height:220px;transition:transform .3s,border-color .3s}
.subj a::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 40%,transparent),transparent 70%)}
.subj a:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--acc) 55%,transparent)}
.subj .ic{position:relative;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:20px;color:#14100A;background:var(--acc)}
.subj b{position:relative;font-family:var(--display);font-size:22px}
.subj span{position:relative;font-size:14.5px;color:var(--muted)}
.subj em{position:relative;margin-top:auto;font-style:normal;font-family:var(--display);font-weight:800;font-size:30px}
.subj em small{font-family:var(--body);font-size:13px;font-weight:600;color:var(--muted);margin-left:6px}
.exam-chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.exam-chips a{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);text-decoration:none;font-weight:700;font-size:14.5px;background:rgba(255,255,255,.03)}
.exam-chips a i{font-style:normal;font-size:12.5px;color:var(--dim)}
.exam-chips a:hover{border-color:var(--gold);color:var(--gold-3)}

/* question lists */
.qlist{counter-reset:q;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.qlist a{grid-template-columns:38px minmax(0,1fr) auto;padding:18px 22px}
.qlist a::before{counter-increment:q;content:counter(q,decimal-leading-zero);font-family:var(--display);font-weight:700;font-size:13px;color:var(--dim)}
.qlist a small{justify-self:end;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.qlist a:hover span{color:var(--gold-3)}
.qlist.plain a::before{display:none}.qlist.plain a{grid-template-columns:minmax(0,1fr) auto}

/* exam pages */
.day{margin-top:40px}
.day h2{font-size:22px;font-weight:800;display:flex;gap:12px;align-items:baseline}
.day h2 span{font-family:var(--body);font-size:13.5px;color:var(--dim);font-weight:700}
.shift{margin-top:14px}
.shift h3{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700}
.shift .qlist{margin-top:10px}

/* footer */
footer.site{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.25));margin-top:40px}
footer.site .fgrid{display:grid;align-items:start;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:40px;padding-block:56px 36px}
footer.site .fb p{margin-top:14px;color:var(--muted);font-size:14.5px;max-width:28em;line-height:1.7}
footer.site h4{margin:0 0 14px;font-family:var(--display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
footer.site ul a{text-decoration:none;color:var(--muted);font-size:14.5px}
footer.site ul a:hover{color:var(--text)}
footer.site .fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:20px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}
footer.site .app{margin-top:18px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;border:1px solid var(--line-2);text-decoration:none;font-weight:700;font-size:14px}

/* question page */
.qcard{position:relative;padding:32px}
.qcard .qdir{font-size:15px;font-weight:700;color:var(--text);padding-bottom:14px;border-bottom:1px dashed var(--line-2)}
.qcard .qsent{margin-top:18px;font-family:var(--body);font-weight:500;font-size:clamp(19px,2vw,22px);line-height:1.75;letter-spacing:0}
.qcard .qsent p+p{margin-top:12px}
.qo{font-size:16.5px;padding:14px 16px}
.qo b{font-family:var(--display)}
.qnav{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qnav a{display:block;padding:16px 18px;border-radius:16px;border:1px solid var(--line);text-decoration:none;background:rgba(255,255,255,.02)}
.qnav a small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.qnav a span{display:block;margin-top:4px;font-size:14.5px;color:var(--muted);line-height:1.5}
.qnav a.nx{text-align:right}
.qnav a:hover{border-color:var(--line-2)}
.qmeta span{background:rgba(255,255,255,.03)}

/* reader */
.rd-prog{position:fixed;left:0;top:calc(env(safe-area-inset-top,0px) + 70px);height:3px;width:0;background:var(--bk2);z-index:60;transition:width .1s}
.rd-bar{box-shadow:0 8px 24px -12px rgba(0,0,0,.45)}
.rd-bar .wrap{gap:10px 18px}
.rd-title{display:flex;align-items:baseline;gap:10px;min-width:0}
.rd-title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
.chhead{padding:28px 30px;border-radius:24px;background:#FFFDF6;border:1px solid #E8DDC4;box-shadow:0 18px 40px -30px rgba(60,40,10,.45)}
.chhead .metap{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.chhead .metap span{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--bks);color:var(--bk)}
.rd[data-night="1"] .chhead{background:#1D2029;border-color:#30343F}
.rd-main .tkick{display:inline-flex;align-items:center;gap:10px}
.rd-main .tkick::before{content:attr(data-n);display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:10px;background:var(--bk);color:#fff;font-size:13px;letter-spacing:0}
.rd-main .tkick[data-n=""]::before{display:none}
.toc{box-shadow:0 18px 40px -32px rgba(60,40,10,.5)}
.toc .tprog{margin:-2px 0 12px;height:6px;border-radius:6px;background:#EFE4CC;overflow:hidden}
.toc .tprog i{display:block;height:100%;background:var(--bk2)}
.blk{box-shadow:0 10px 30px -26px rgba(60,40,10,.6)}
.blk .qd{font-weight:700}
.blk .qs{font-size:19px}
.rd-nav a{border-radius:14px}

@media (max-width:1020px){
  .subj{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer.site .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .subj{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .subj a{padding:18px;min-height:180px;border-radius:20px}
  .subj b{font-size:18px}.subj em{font-size:24px}
  .qlist a{grid-template-columns:30px minmax(0,1fr)}
  .qlist a small{grid-column:2;justify-self:start}
  footer.site .fgrid{grid-template-columns:1fr;gap:28px}
  .qcard{padding:22px 18px}
  .qnav{grid-template-columns:1fr}
  .qnav a.nx{text-align:left}
  .chhead{padding:20px}
  .bkhero{grid-template-columns:minmax(0,1fr)!important}
  .bkhero>div:first-child{max-width:150px!important}
}
.rd:not([data-rl="en"]) .kick,.rd:not([data-rl="en"]) .tkick,.rd:not([data-rl="en"]) .subh h4,.rd:not([data-rl="en"]) .blk-h span,.rd:not([data-rl="en"]) .card>small{letter-spacing:.02em}

/* ================= Test engine + flashcards ================= */
.tst{--bk:#13235C;--bk2:#2E4BA8;--bks:#DCE4FA;position:fixed;inset:0;z-index:200;background:#F7F1E3;color:#1B1F2E;display:flex;flex-direction:column;font-family:var(--body)}
.tst-top{display:flex;align-items:center;gap:10px;padding:10px max(16px,env(safe-area-inset-left,0px));padding-top:max(10px,env(safe-area-inset-top,0px));background:var(--bk);color:#fff}
.tst-tt{flex:1;min-width:0}.tst-tt b{display:block;font-family:var(--display);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tst-tt span{font-size:12.5px;opacity:.8}
.tst-tm{font-weight:800;font-size:15px;padding:6px 10px;border-radius:10px;background:rgba(0,0,0,.2);font-variant-numeric:tabular-nums}.tst-tm.low{background:#C0392B}
.tst-top button{border:1px solid rgba(255,255,255,.45);background:none;color:#fff;border-radius:10px;min-height:38px;padding:0 12px;font-weight:800;font-size:13px;cursor:pointer}
.tst-top .tst-fin{background:#fff;color:var(--bk)}
.tst-pal{position:absolute;top:60px;right:12px;left:12px;max-width:520px;margin-left:auto;z-index:3;background:#fff;border:1px solid #E1D4B6;border-radius:16px;padding:14px;box-shadow:0 20px 50px -20px rgba(0,0,0,.4);max-height:60vh;overflow:auto}
.tst-leg{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-bottom:10px}.tst-leg span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;border:1px solid #C9B98F;vertical-align:-1px}
.tst-leg .a::before{background:#1F7A4A;border-color:#1F7A4A}.tst-leg .g::before{background:#B07A00;border-color:#B07A00}.tst-leg .v::before{background:#F3E7D0}
.tst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}
.tst-grid button{min-height:40px;border-radius:10px;border:1px solid #D9CBAA;background:#fff;font-weight:800;cursor:pointer;color:#1B1F2E}
.tst-grid button.v{background:#F3E7D0}.tst-grid button.a{background:#1F7A4A;color:#fff;border-color:#1F7A4A}.tst-grid button.g{background:#B07A00;color:#fff;border-color:#B07A00}.tst-grid button.cur{outline:3px solid var(--bk2);outline-offset:1px}
.tst-body{flex:1;overflow:auto;padding:22px max(16px,calc((100vw - 760px)/2)) 30px}
.tst-meta{font-size:12.5px;font-weight:700;color:#7A6F55;letter-spacing:.02em}
.tst-dir{margin-top:12px;font-weight:700;font-size:15.5px}
.tst-q{margin-top:10px;font-size:19px;line-height:1.7}.tst-q p+p{margin-top:8px}
.tst-pass{margin-top:12px;border:1px solid #E1D4B6;border-radius:14px;background:#fff}.tst-pass summary{cursor:pointer;padding:10px 14px;font-weight:800;color:var(--bk)}.tst-pass>div{padding:0 16px 14px;max-height:42vh;overflow:auto;font-size:16px;line-height:1.85}
.tst-ops{margin-top:16px;display:grid;gap:8px}
.tst-o{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:12px;border:1.5px solid #E1D4B6;background:#fff;font-size:17px;color:#1B1F2E;cursor:pointer}
.tst-o b{width:30px;height:30px;flex:0 0 auto;border-radius:50%;border:1.5px solid #9A8B6C;display:grid;place-items:center;font-size:12.5px}
.tst-o.on{border-color:var(--bk2);background:var(--bks)}.tst-o.on b{background:var(--bk);border-color:var(--bk);color:#fff}
.tst-o.ok{border-color:#1F7A4A;background:#E8F5EC}.tst-o.ok b{background:#1F7A4A;border-color:#1F7A4A;color:#fff}
.tst-o.no{border-color:#C0392B;background:#FBEAE7}.tst-o.no b{background:#C0392B;border-color:#C0392B;color:#fff}
.tst-foot{display:flex;gap:8px;padding:10px max(16px,env(safe-area-inset-left,0px));padding-bottom:max(10px,env(safe-area-inset-bottom,0px));background:#FFFDF6;border-top:1px solid #E1D4B6}
.tst-foot button{flex:1;min-height:46px;border-radius:12px;border:1.5px solid #D9CBAA;background:#fff;font-weight:800;font-size:14.5px;color:#3A2A10;cursor:pointer}
.tst-foot button:disabled{opacity:.4}
.tst-foot .nx{background:var(--bk);border-color:var(--bk);color:#fff}
.tst-foot .mk[aria-pressed="true"]{background:#1F7A4A;border-color:#1F7A4A;color:#fff}.tst-foot [data-k="guess"][aria-pressed="true"]{background:#B07A00;border-color:#B07A00}
.tst-res h2{margin-top:6px;font-size:clamp(22px,3vw,30px);color:#1B1F2E}
.tst-kick{font-family:var(--display);font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bk2)}
.tst-score{margin-top:16px;display:flex;align-items:baseline;gap:8px}.tst-score b{font-family:var(--display);font-size:56px;font-weight:800;color:var(--bk);line-height:1}.tst-score span{font-size:20px;color:#7A6F55;font-weight:700}
.tst-kp{margin-top:16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.tst-kp div{padding:12px;border-radius:14px;background:#fff;border:1px solid #E1D4B6;text-align:center}.tst-kp b{display:block;font-family:var(--display);font-size:22px}.tst-kp span{font-size:12px;color:#7A6F55}
.tst-sg{margin-top:14px;padding:14px 16px;border-radius:14px;background:#FFF6D6;border:1px dashed #E0B94A;font-size:15px;line-height:1.7}.tst-sg div{display:inline-block;margin-right:18px}.tst-sg p{margin-top:6px;color:#4A5064}
.tst-res h3{margin-top:22px;font-size:16px}
.tst-ch{margin-top:8px;display:grid;gap:6px}.tst-ch div{display:grid;grid-template-columns:minmax(0,1fr) 120px 50px;gap:10px;align-items:center;font-size:14px}
.tst-ch i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,#1F7A4A var(--p),#EFE4CC var(--p))}.tst-ch span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tst-acts{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.tst-acts button,.ts-act button{min-height:44px;padding:0 16px;border-radius:12px;border:1.5px solid #D9CBAA;background:#fff;font-weight:800;color:#3A2A10;cursor:pointer}
.tst-acts .pri,.ts-act .pri{background:var(--bk);border-color:var(--bk);color:#fff}
.tst-rev{margin-top:20px;display:grid;gap:14px}
.tst-rq{padding:18px;border-radius:16px;background:#FFFDF6;border:1px solid #E1D4B6}
.tst-rq .exp>div{font-size:16px;line-height:1.8}
.tsetup{position:fixed;inset:0;z-index:190;background:rgba(10,12,20,.55);display:grid;place-items:center;padding:16px}
.tsetup-c{width:min(460px,100%);background:#FFFDF6;color:#1B1F2E;border-radius:20px;padding:22px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.tsetup-c h3{font-size:22px}.tsetup-c>p{margin-top:4px;color:#5A5F70;font-size:14.5px}
.tsetup-c label{display:block;margin-top:14px;font-size:13px;font-weight:800;color:#3A3F52}
.tsetup-c select{display:block;width:100%;margin-top:6px;min-height:44px;border-radius:12px;border:1.5px solid #D9CBAA;background:#fff;padding:0 10px;font:inherit;font-size:15px;color:#1B1F2E}
.ts-note{margin-top:14px;font-size:13px;color:#7A6F55}
.ts-act{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}
.rd-filter{min-height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.18);color:#fff;font:inherit;font-size:12.5px;font-weight:700;padding:0 8px}
.rd-filter option{color:#1B1F2E}
.rd-test{background:#fff!important;color:var(--bk)!important;border-color:#fff!important}
/* flashcards */
.fc .tst-body{display:flex;flex-direction:column;align-items:center}
.fc-bar{width:100%;max-width:560px;height:6px;border-radius:6px;background:#EFE4CC;overflow:hidden}.fc-bar i{display:block;height:100%;background:var(--bk2);transition:width .3s}
.fc-card{margin-top:22px;width:100%;max-width:560px;min-height:min(52vh,420px);border-radius:24px;border:1px solid #E1D4B6;background:#fff;box-shadow:0 30px 60px -40px rgba(60,40,10,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;cursor:pointer;color:#1B1F2E;font:inherit;text-align:center}
.fc-card.back{background:var(--bks)}
.fc-w{font-family:var(--display);font-size:clamp(32px,6vw,46px);font-weight:800;color:var(--bk)}.fc-w.sm{font-size:24px}
.fc-card em{font-style:normal;font-size:13px;font-weight:700;color:#7A6F55}.fc-card small{font-size:15px;color:#7A6F55}
.fc-card p{font-size:17px;line-height:1.6}.fc-card p.h{font-weight:700;color:var(--bk)}.fc-card p.s{font-size:14.5px;color:#4A5064}.fc-card p.s b{color:#1F7A4A}.fc-card p.a b{color:#C0392B}.fc-card p.e{font-size:14.5px;font-style:italic;color:#4A5064}
.fc-hint{margin-top:12px;font-size:13px;color:#7A6F55}
.fc-done{margin-top:40px;text-align:center}.fc-done h2{color:var(--bk)}.fc-done p{margin-top:8px;color:#4A5064}
@media (max-width:620px){.tst-kp{grid-template-columns:repeat(3,minmax(0,1fr))}.tst-top .tst-pal-b{display:none}.tst-foot button{font-size:13px;padding:0 4px}.tst-ch div{grid-template-columns:minmax(0,1fr) 70px 44px}}
/* share + daily */
.share{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.share a,.share button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:var(--text);font-weight:700;font-size:13.5px;text-decoration:none;cursor:pointer}
.share .wa{border-color:rgba(79,211,154,.5);color:var(--ok)}
.qod{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 22px;border-radius:22px;border:1px solid rgba(242,194,48,.35);background:linear-gradient(120deg,rgba(242,194,48,.12),rgba(242,194,48,.02));text-decoration:none}
.qod i{font-style:normal;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--metal);color:#1A1203;font-family:var(--display);font-weight:800}
.qod small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--gold)}
.qod span{display:block;margin-top:4px;font-size:16.5px;line-height:1.5}
.qod b{color:var(--gold);font-size:20px}
.dash{margin-top:26px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.dash>div{padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.dash small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.dash b{display:block;margin-top:6px;font-family:var(--display);font-size:28px}
.dash .pb{margin-top:10px;height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}.dash .pb i{display:block;height:100%;background:var(--metal)}
.paper-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.paper-grid button{text-align:left;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;font:inherit}
.paper-grid button:hover{border-color:rgba(242,194,48,.5)}
.paper-grid b{display:block;font-family:var(--display);font-size:16px}.paper-grid span{display:block;font-size:13px;color:var(--muted)}
.paper-grid em{display:inline-block;margin-top:6px;font-style:normal;font-size:12px;font-weight:700;color:var(--ok)}
.tst [hidden]{display:none!important}
.dailies{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.dailies .qod{margin-top:0}
.wotd i{font-size:18px}
.custom{margin-top:16px;padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.custom label{display:block;font-size:13px;font-weight:700;color:var(--muted)}
.custom select{display:block;margin-top:6px;width:100%;max-width:420px;min-height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);padding:0 10px;font:inherit}
.cu-ch{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;max-height:320px;overflow:auto;padding:4px}
.cu-ch label{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:10px;border:1px solid var(--line);color:var(--text);font-weight:600;cursor:pointer}
.cu-ch input{margin-top:3px;accent-color:#F2C230}
.cu-ch .all{grid-column:1/-1;border-color:rgba(242,194,48,.4)}
.cu-row{margin:14px 0;display:flex;flex-wrap:wrap;gap:12px}.cu-row label{flex:1;min-width:180px}
.toc-s{width:100%;min-height:38px;border-radius:10px;border:1px solid #E1D4B6;background:#fff;padding:0 10px;font:inherit;font-size:14px;margin-bottom:8px;color:#1B1F2E}
.toc-r a{display:block;padding:7px 8px;border-radius:8px;text-decoration:none;color:#3A3F52;font-size:13.5px}.toc-r a:hover{background:var(--bks)}.toc-r small{display:block;color:#9A8B6C;font-size:11.5px}
.rd[data-night="1"] .toc-s{background:#14161C;color:#E7E3D8;border-color:#30343F}
@media (max-width:620px){.dailies{grid-template-columns:1fr}}
#print-area{display:none}
@media print{
  body>*:not(#print-area){display:none!important}
  #print-area{display:block!important;color:#000;background:#fff;font-family:Manrope,Hind,sans-serif;font-size:11.5pt;line-height:1.55}
  #print-area h1{font-size:20pt;margin:0 0 4pt}#print-area h2{font-size:14pt;margin:14pt 0 4pt;border-bottom:1px solid #999;page-break-after:avoid}#print-area h3{font-size:12pt;margin:10pt 0 3pt;page-break-after:avoid}
  #print-area .pmeta{color:#555;font-size:9.5pt}#print-area .fbx,#print-area .card{border:1px solid #bbb;padding:6pt;border-radius:4pt;margin:4pt 0}
  #print-area table{border-collapse:collapse;width:100%;font-size:10pt}#print-area td,#print-area th{border:1px solid #bbb;padding:3pt 5pt;text-align:left}
  #print-area .hl{background:#ff0}#print-area ul{margin:3pt 0 3pt 16pt;padding:0}
  @page{margin:14mm}
}
html[data-lang="hi"] .qod small,html[data-lang="hi"] .label{letter-spacing:.03em}
/* skip link, search icon, tab bar, back to top */
.skip{position:absolute;left:12px;top:-60px;z-index:300;padding:10px 14px;border-radius:10px;background:var(--gold);color:#1A1203;font-weight:800;text-decoration:none}.skip:focus{top:12px}
.srch{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--muted);text-decoration:none}.srch:hover{color:var(--text);background:rgba(255,255,255,.06)}
.tabbar{display:none}
.totop{position:fixed;right:16px;bottom:24px;z-index:40;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:rgba(10,19,48,.9);color:var(--text);font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}
.totop.on{opacity:1;pointer-events:auto}
@media (max-width:760px){
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(6,11,28,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px max(6px,env(safe-area-inset-bottom,0px))}
  .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;text-decoration:none;color:var(--dim);font-size:11px;font-weight:700;min-height:48px;justify-content:center}
  .tabbar a.on{color:var(--gold)}
  body{padding-bottom:72px}
  body:has(.rd) .tabbar{display:none}body:has(.rd){padding-bottom:0}
  .totop{bottom:86px}
  .right .srch{width:36px}
}
.brand b{white-space:nowrap}@media (max-width:420px){.brand b{font-size:17px}.brand img{width:36px;height:36px}.nav .wrap{gap:10px}}
/* ===== book home: features, latest PYQs, book pages, revision book ===== */
.bfeat{margin-top:46px}
.bxs{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.bx{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:border-color .25s,transform .25s}
a.bx:hover{transform:translateY(-3px);border-color:var(--hl-line,rgba(140,170,255,.3))}
.bx i{font-style:normal;font-size:22px}
.bx b{font-family:var(--display);font-size:17.5px}
.bx span{font-size:14px;color:var(--muted);line-height:1.55}
.bx.plan{grid-column:span 2;background:linear-gradient(135deg,rgba(120,150,255,.12),rgba(120,150,255,.03))}
.bx.plan .bp-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bx.plan .bp-a a{font-size:13.5px;font-weight:700;padding:8px 12px;border-radius:999px;border:1px solid var(--line-2);text-decoration:none;color:var(--text)}
.bx.plan .bp-a a.pri{background:var(--metal);color:#1A1203;border-color:transparent}
#latest{margin-top:40px}
.bpages{margin-top:46px;display:grid;gap:10px}
.bpg{border-radius:16px;border:1px solid var(--line);background:var(--card)}
.bpg>summary{cursor:pointer;list-style:none;padding:16px 18px;font-family:var(--display);font-weight:700;font-size:17px;display:flex;justify-content:space-between}
.bpg>summary::after{content:"+";color:var(--hl,#A9C1FF)}
.bpg[open]>summary::after{content:"−"}
.bpg>.bodyt{padding:0 18px 18px;color:var(--muted)}
.bpg h3{font-size:16px;margin:14px 0 4px;color:var(--text)}
.rv-toc{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px}
.rv-toc a{font-size:13.5px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);text-decoration:none;color:var(--muted)}
.rv-ch{margin-top:38px}
.rv-ch h2{font-size:clamp(22px,2.6vw,28px);display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px}
.rv-ch h2 a{font-size:14px;font-weight:700;color:var(--hl,#A9C1FF);text-decoration:none}
.rv-box{margin-top:14px;padding:16px 20px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.rv-box small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--hl,#A9C1FF)}
.rv-box ul{margin:8px 0 0;padding-left:20px}
.rv-box li{margin:6px 0;line-height:1.65}
.rv-box .hi2{display:block;color:var(--muted);font-size:.95em}
html[data-lang="en"] .rv-box .hi2{display:none}
@media (max-width:720px){.bx.plan{grid-column:auto}}
/* ===== Labs ===== */
.lab{margin-top:30px}
.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.lab-grid.sm{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:14px}
.lab-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:20px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;transition:transform .25s,border-color .25s}
.lab-card:hover{transform:translateY(-3px);border-color:var(--hl-line,rgba(140,170,255,.3))}
.lab-card i{font-style:normal;font-size:26px}
.lab-card b{font-family:var(--display);font-size:18px}
.lab-card span{font-size:14px;color:var(--muted);line-height:1.5}
.lab-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lab-top h2{font-size:clamp(22px,2.6vw,30px)}
.lab-back{border:1px solid var(--line-2);background:transparent;color:var(--text);border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.lab-body{margin-top:18px}
.lq{max-width:720px;padding:22px;border-radius:22px;background:var(--card);border:1px solid var(--line)}
.lq-bar{display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:var(--muted)}
.lq-p{margin-top:14px;font-size:clamp(20px,2.4vw,26px);font-family:var(--display);font-weight:700;line-height:1.35}
.lq-p small{display:block;font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hl,#A9C1FF)}
.lq-p p{margin:6px 0 0}.lq-hi{font-size:.8em;color:var(--muted);font-weight:600}
.lq-o{margin-top:16px;display:grid;gap:10px}
.lq-o button{text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--line-2);background:transparent;color:var(--text);font:inherit;font-size:16.5px;cursor:pointer}
.lq-o button:hover:not(:disabled){border-color:var(--hl-line,rgba(140,170,255,.4))}
.lq-o button.ok{border-color:var(--ok);background:rgba(79,211,154,.12)}
.lq-o button.no{border-color:var(--bad);background:rgba(255,122,107,.12)}
.lq-o button small{color:var(--muted)}
.lq-in{margin-top:16px;display:flex;gap:10px}
.lq-in input{flex:1;min-width:0;padding:14px 16px;border-radius:14px;border:1px solid var(--line-2);background:transparent;color:var(--text);font:inherit;font-size:20px}
.lq-after{margin-top:14px;display:grid;gap:10px;justify-items:start}
.lq-end{padding:30px;text-align:center;display:grid;gap:10px;justify-items:center}
.lq-end b{font-family:var(--display);font-size:52px}
.lw{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:8px 0;border-bottom:1px solid var(--line)}
.lw b{font-size:16.5px}.lw em{font-style:normal;font-size:12.5px;color:var(--dim)}.lw span{flex-basis:100%;font-size:14.5px;color:var(--muted)}
.lw .say,.say{border:0;background:transparent;cursor:pointer;font-size:15px;padding:0 2px}
.mt{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;max-width:860px}
.mt-a,.mt-b{display:grid;gap:8px;align-content:start}
.mt button{text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--card);color:var(--text);font:inherit;font-size:15px;cursor:pointer}
.mt button.sel{border-color:var(--hl,#A9C1FF)}.mt button.ok{border-color:var(--ok);opacity:.6}.mt button.no{border-color:var(--bad)}
.chips3{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.chips3 button{padding:8px 13px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.chips3 button.on{color:var(--text);border-color:var(--hl,#A9C1FF);background:var(--hl-bg,rgba(120,150,255,.1))}
.chips3 button.q{color:var(--text)}
.fam{margin-top:10px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.fam>summary{cursor:pointer;list-style:none;padding:14px 16px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}
.fam>summary span{color:var(--muted);font-size:14px}.fam>summary i{margin-left:auto;font-style:normal;font-size:12.5px;color:var(--dim)}
.fam>div,.fam>ol{padding:0 16px 16px}
.wmap{display:grid;gap:12px}.wm-c{justify-self:start;padding:10px 16px;border-radius:999px;background:var(--hl-bg,rgba(120,150,255,.12));font-weight:800}
.wm-n{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.wm-n div{padding:10px 12px;border-radius:12px;border:1px solid var(--line)}.wm-n span{display:block;font-size:13.5px;color:var(--muted)}
.topw{display:flex;gap:10px;align-items:flex-start}.topw>i{font-style:normal;width:30px;color:var(--dim);font-size:13px;padding-top:12px}.topw .lw{flex:1}.topw .x{font-style:normal;font-weight:800;padding-top:10px;color:var(--hl,#A9C1FF)}
.cu h4{margin:12px 0 4px;font-size:15px}.cu-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pr-card{max-width:560px;padding:28px;border-radius:24px;background:var(--card);border:1px solid var(--line);display:grid;gap:8px}
.pr-card>b{font-family:var(--display);font-size:clamp(34px,5vw,52px)}.pr-card .ipa{font-size:18px;color:var(--muted)}.pr-card .resp{font-size:18px}.pr-card .wrong{color:var(--bad)}.pr-card .mean{color:var(--muted)}
.pr-b,.pr-n{display:flex;gap:8px;flex-wrap:wrap}.pr-n{justify-content:space-between;margin-top:8px}
.tline{position:relative;padding-left:22px;border-left:2px solid var(--line-2);display:grid;gap:14px}
.te{position:relative}.te::before{content:"";position:absolute;left:-29px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--hl,#A9C1FF)}
.te span{font-size:13px;font-weight:800;color:var(--hl,#A9C1FF)}.te b{display:block;font-size:16.5px}.te p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.mapw{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}
.imap{width:100%;height:auto;background:var(--card);border-radius:20px;border:1px solid var(--line);padding:10px}
.imap path{fill:rgba(140,170,255,.16);stroke:var(--bg);stroke-width:.8;cursor:pointer;transition:fill .2s}
.imap path:hover{fill:rgba(140,170,255,.35)}.imap path.on{fill:var(--hl,#A9C1FF)}.imap path.ok{fill:var(--ok)}.imap path.no{fill:var(--bad)}
.mapi{padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--line)}.mapi small{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hl,#A9C1FF);font-size:12px}.mapi .nt,.nt{color:var(--muted);font-size:13.5px}
.chain{margin:0;padding-left:22px}.chain li{margin:8px 0;line-height:1.6}
.cp{padding:10px 0;border-bottom:1px solid var(--line)}.cp .ex{color:var(--muted);font-style:italic}
.gl-s{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line-2);background:transparent;color:var(--text);font:inherit;margin-bottom:10px}
.wo{max-width:760px;padding:22px;border-radius:22px;background:var(--card);border:1px solid var(--line);display:grid;gap:14px}
.wo-a{min-height:56px;padding:14px;border-radius:14px;border:1px dashed var(--line-2);font-size:18px;line-height:1.6}.wo-a em{color:var(--dim);font-size:15px}
.wo-p{display:flex;flex-wrap:wrap;gap:8px}.wo-p button{padding:10px 14px;border-radius:12px;border:1px solid var(--line-2);background:transparent;color:var(--text);font:inherit;font-size:16px;cursor:pointer}.wo-p button:disabled{opacity:.25}
@media (max-width:720px){.mapw,.mt,.cu-g{grid-template-columns:minmax(0,1fr)}}

/* ===== Painted visuals layer (images in /img/v/; if a file is missing the old gradient shows) ===== */
/* page header banner */
.pg-head.vis{position:relative;isolation:isolate;margin-top:18px;padding:26px 30px 34px;border-radius:26px;overflow:hidden;border:1px solid rgba(242,194,48,.18);min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}
.pg-head.vis::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--v) right center/cover no-repeat}
.pg-head.vis::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,11,28,.96) 0%,rgba(6,11,28,.88) 38%,rgba(6,11,28,.35) 70%,rgba(6,11,28,.1) 100%),linear-gradient(0deg,rgba(6,11,28,.55),transparent 45%)}
.pg-head.vis p{color:#D5DBEA}
.pg-head.vis .crumbs{position:absolute;top:18px;left:30px;margin:0}
@media (max-width:720px){
  .pg-head.vis{padding:16px 18px 22px;min-height:230px;border-radius:20px}
  .pg-head.vis .crumbs{position:static;margin:0 0 4px}
  .pg-head.vis::before{background-position:70% center}
  .pg-head.vis::after{background:linear-gradient(0deg,rgba(6,11,28,.97) 0%,rgba(6,11,28,.85) 50%,rgba(6,11,28,.45) 100%)}
}

/* home hero backdrop */
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,11,28,.94) 0%,rgba(6,11,28,.7) 45%,rgba(6,11,28,.25) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 30%),url("../img/v/ps-hero-bg.webp") center/cover no-repeat;opacity:.9;pointer-events:none}
@media (max-width:720px){.hero::after{background:linear-gradient(0deg,var(--bg) 8%,rgba(6,11,28,.75) 60%,rgba(6,11,28,.55) 100%),url("../img/v/ps-hero-bg.webp") 60% center/cover no-repeat}}

/* book covers: the real covers from the HTML books */
.cover.c-ramban,.cover.c-sanjeevani,.cover.c-vijay,.cover.c-sarvagya,.cover.c-kavach{aspect-ratio:720/990;background-size:cover;background-position:center top;padding:0}
.cover.c-ramban>*,.cover.c-sanjeevani>*,.cover.c-vijay>*,.cover.c-sarvagya>*,.cover.c-kavach>*{display:none}
.cover.c-ramban{background-image:url("../img/v/ps-book-ramban.webp")}
.cover.c-sanjeevani{background-image:url("../img/v/ps-book-sanjeevani.webp")}
.cover.c-vijay{background-image:url("../img/v/ps-book-vijayastra.webp")}
.cover.c-sarvagya{background-image:url("../img/v/ps-book-sarvagya.webp")}
.cover.c-kavach{background-image:url("../img/v/ps-book-kavach.webp")}

/* subject tiles */
/*if ps-subj-english,ps-subj-vocab,ps-subj-maths,ps-subj-gs*/.subj a{background-size:cover;background-position:right center}
/*if ps-subj-english,ps-subj-vocab,ps-subj-maths,ps-subj-gs*/.subj a::before{display:none}
/*if ps-subj-english,ps-subj-vocab,ps-subj-maths,ps-subj-gs*/.subj a::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,15,32,.95) 0%,rgba(10,15,32,.78) 45%,rgba(10,15,32,.25) 100%);z-index:0}
/*if ps-subj-english,ps-subj-vocab,ps-subj-maths,ps-subj-gs*/.subj a>*{z-index:1}
.subj a.a-ramban{background-image:url("../img/v/ps-subj-english.webp")}
.subj a.a-sanjeevani{background-image:url("../img/v/ps-subj-vocab.webp")}
.subj a.a-vijayastra{background-image:url("../img/v/ps-subj-maths.webp")}
.subj a.a-sarvagya{background-image:url("../img/v/ps-subj-gs.webp")}
.subj a.a-kavach{background-image:url("../img/v/ps-subj-reasoning.webp")}
/*if ps-subj-english,ps-subj-vocab,ps-subj-maths,ps-subj-gs*/.subj a:hover{background-position:85% center}
/*if ps-subj-english,ps-subj-vocab,ps-subj-maths,ps-subj-gs*/.subj a{transition:transform .3s,border-color .3s,background-position .8s}

/* daily cards */
/*if ps-card-daily10,ps-card-wotd,ps-card-qod*/.dailies .qod,#qod{position:relative;overflow:hidden;isolation:isolate}
.dailies .qod::before,#qod::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,15,32,.98) 0%,rgba(10,15,32,.9) 45%,rgba(10,15,32,.25) 80%,rgba(10,15,32,.05) 100%),var(--cv) right 30%/55% auto no-repeat}
.dailies .qod:not(.wotd){--cv:url("../img/v/ps-card-daily10.webp")}
.dailies .qod.wotd{--cv:url("../img/v/ps-card-wotd.webp")}
#qod{--cv:url("../img/v/ps-card-qod.webp")}

/* home "how it works" steps */
/*if ps-step-1,ps-step-2b,ps-step-3*/.steps i{width:64px;height:64px;border-radius:16px;background-size:cover;background-position:center;color:transparent;box-shadow:0 8px 20px -10px rgba(0,0,0,.8),inset 0 0 0 1px rgba(242,194,48,.25)}
.steps div:nth-child(1) i{background-image:url("../img/v/ps-step-1.webp")}
.steps div:nth-child(2) i{background-image:url("../img/v/ps-step-2b.webp")}
.steps div:nth-child(3) i{background-image:url("../img/v/ps-step-3.webp")}
/*if ps-step-1,ps-step-2b,ps-step-3*/.steps div{align-items:center}

/* ===== ambient backdrop: soft wash of the page's artwork behind everything (fills wide-screen sides) ===== */
html{background:var(--bg)}
body{background:transparent}
.amb{position:fixed;inset:-80px;z-index:-1;pointer-events:none;background:var(--amb) center/cover no-repeat;filter:blur(46px) saturate(1.25);opacity:.32}
.amb::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 70% at 50% 45%,rgba(6,11,28,.92),rgba(6,11,28,.55) 70%,rgba(6,11,28,.2))}
@media (max-width:720px){.amb{opacity:.22}}

/* ===== cards with artwork (chapter, subject and exam cards) ===== */
.hub.hv{position:relative;overflow:hidden;isolation:isolate;padding-top:150px}
.hub.hv::before{content:"";position:absolute;left:0;right:0;top:0;bottom:auto;width:auto;opacity:1;height:150px;z-index:-1;background:linear-gradient(0deg,var(--card) 4%,rgba(15,26,60,.35) 60%,rgba(15,26,60,.1)),var(--hv) var(--hp,50%) 40%/cover no-repeat;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hub.hv:hover::before{transform:scale(1.06)}
.hub.hv::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);opacity:.85}
.hub.hv small{position:relative}

/* ===== pages without a header banner (question, word, reader): artwork glow at the top ===== */
main.vbg{position:relative;isolation:isolate}
main.vbg:not(.rd)::before{content:"";position:absolute;left:0;right:0;top:0;height:560px;z-index:-1;background:linear-gradient(0deg,var(--bg) 2%,rgba(6,11,28,.72) 45%,rgba(6,11,28,.5)),var(--v) center 35%/cover no-repeat;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.qp.vbg .qcard,.qp.vbg aside>*{box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
/* reader: picture strip on top of the chapter card */
.rd.vbg .chhead{position:relative;overflow:hidden;padding-top:215px}
.rd.vbg .chhead::before{content:"";position:absolute;left:0;right:0;top:0;height:200px;background:linear-gradient(0deg,#FFFDF6 0%,rgba(255,253,246,.0) 55%),var(--v) center 40%/cover no-repeat}
.rd.vbg[data-night="1"] .chhead::before{background:linear-gradient(0deg,#1D2029 0%,rgba(29,32,41,0) 55%),var(--v) center 40%/cover no-repeat}
@media (max-width:720px){.rd.vbg .chhead{padding-top:178px}.rd.vbg .chhead::before{height:160px}}

/* ===== home hero: fill the left side on wide screens ===== */
.hero-fx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-fx canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-fx .glow{position:absolute;left:-10%;top:10%;width:60%;height:80%;background:radial-gradient(closest-side,rgba(242,194,48,.13),transparent 70%)}
.hero-fan{display:none}
@media (min-width:1640px){
  .hero-fan{display:block;position:absolute;z-index:0;left:calc((100vw - 1200px)/2 - 330px);top:150px;width:300px;height:560px;pointer-events:none}
  .hero-fan .cover{position:absolute;width:170px;border-radius:8px 12px 12px 8px;box-shadow:0 30px 50px -20px rgba(0,0,0,.9),0 0 0 1px rgba(242,194,48,.18);animation:fanf 7s ease-in-out infinite}
  .hero-fan .cover:nth-child(1){left:0;top:0;transform:rotate(-9deg)}
  .hero-fan .cover:nth-child(2){left:110px;top:60px;transform:rotate(5deg);animation-delay:-2s}
  .hero-fan .cover:nth-child(3){left:10px;top:270px;transform:rotate(-3deg);animation-delay:-4s}
  .hero-fan .cover:nth-child(4){left:120px;top:320px;transform:rotate(8deg);animation-delay:-5.5s}
}
@keyframes fanf{50%{translate:0 -10px}}
@media (prefers-reduced-motion:reduce){.hero-fan .cover{animation:none}}

/* ===== footer artwork ===== */
footer.site{position:relative;isolation:isolate;overflow:hidden}
footer.site::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bg) 0%,rgba(6,11,28,.86) 40%,rgba(6,11,28,.8)),url("../img/v/ps-hdr-library.webp") right bottom/cover no-repeat;opacity:.9}

/* ===== home "complete study system" cards with artwork ===== */
/*if ps-hdr-pyq,ps-hdr-concepts,ps-hdr-words,ps-hdr-practice*/.feat{position:relative;overflow:hidden;isolation:isolate;padding-top:150px}
/*if ps-hdr-pyq,ps-hdr-concepts,ps-hdr-words,ps-hdr-practice*/.feat::before{content:"";position:absolute;left:0;right:0;top:0;height:170px;z-index:-1;background:linear-gradient(0deg,#0B1330 6%,rgba(11,19,48,.2) 65%,transparent),var(--fv) 75% 40%/cover no-repeat;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
/*if ps-hdr-pyq,ps-hdr-concepts,ps-hdr-words,ps-hdr-practice*/.feat:hover::before{transform:scale(1.06)}
/*if ps-hdr-pyq,ps-hdr-concepts,ps-hdr-words,ps-hdr-practice*/.feat .ic{position:absolute;top:18px;left:20px;background:rgba(6,11,28,.7);backdrop-filter:blur(6px)}
.feats .feat:nth-child(1){--fv:url("../img/v/ps-hdr-pyq.webp")}
.feats .feat:nth-child(2){--fv:url("../img/v/ps-hdr-concepts.webp")}
.feats .feat:nth-child(3){--fv:url("../img/v/ps-hdr-words.webp")}
.feats .feat:nth-child(4){--fv:url("../img/v/ps-hdr-practice.webp")}

/* ===== home: exam updates + final call-to-action artwork ===== */
#updates{position:relative;isolation:isolate}
#updates::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,rgba(6,11,28,.92) 40%,rgba(6,11,28,.55) 75%,rgba(6,11,28,.75)),linear-gradient(0deg,var(--bg),transparent 25%,transparent 75%,var(--bg)),url("../img/v/ps-hdr-exams.webp") right center/cover no-repeat;opacity:.95}
.cta{position:relative;isolation:isolate;overflow:hidden}
.cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 60% at 50% 50%,rgba(6,11,28,.9),rgba(6,11,28,.55) 75%),linear-gradient(0deg,var(--bg),transparent 30%,transparent 70%,var(--bg)),url("../img/v/ps-hdr-mystudy.webp") center 60%/cover no-repeat}

/* ===== five books ===== */
.a-kavach{--acc:#F06470}
@media (min-width:1101px){.subj{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.subj a{padding:22px 20px}}
@media (max-width:1100px){.subj a:last-child:nth-child(odd){grid-column:1/-1}}
/* ===== Home hero: clear first screen (photo, start buttons, books) ===== */
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-cta .btn{padding:15px 24px;font-size:16px;min-height:52px}
.hero-books{display:none}
.hero-cta+.hero-books+.search{margin-top:22px}
@media (max-width:1020px){
  .hero .wrap{display:flex;flex-direction:column;align-items:stretch}
  .hero .wrap>*{min-width:0;max-width:100%}
  .hero .portrait{order:-1;align-self:stretch;height:340px;min-height:0;padding-top:0;margin:8px 0 0;max-width:none;overflow:hidden;justify-content:center;align-items:flex-start}
  .hero .cutout{width:auto;height:420px;max-width:none;align-self:flex-start;margin-top:4px}
  .hero .halo{bottom:-30%;width:420px}
  .hero .portrait::after{height:150px}
  .hero .floats{bottom:12px;flex-wrap:nowrap;justify-content:center;padding:0 10px}
  .hero .float{max-width:48%}
  .hero-copy{padding-top:0;margin-top:-6px;position:relative;z-index:3}
  .hero .cred{margin-top:0}
  .hero h1{margin-top:16px}
  .hero-books{display:flex;gap:10px;overflow-x:auto;margin:26px 0 0;padding:6px 0 10px;scrollbar-width:none}
  .hero-books::-webkit-scrollbar{display:none}
  .hero-books .cover{flex:0 0 96px;width:96px;border-radius:5px 8px 8px 5px;box-shadow:0 14px 24px -12px rgba(0,0,0,.9)}
}
@media (max-width:620px){
  .hero .portrait{height:280px}
  .hero .cutout{height:360px}
  .hero-cta .btn{flex:1 1 100%}
  .hero .float.f2{display:none}
  .hero .float{max-width:none}
  .hero h1{font-size:clamp(38px,11vw,54px)}
}
@media (max-width:1020px){
  .hero .halo{display:none}
  .hero .portrait{background:radial-gradient(closest-side at 50% 42%,rgba(242,194,48,.22),rgba(80,110,220,.10) 60%,transparent 100%)}
}

/* ===== Accounts: login, profile, My Study card, plans, unlock offer, announcement, admin ===== */
.authc{margin:40px auto 0;padding:38px 30px;border-radius:24px;background:var(--card);border:1px solid var(--line-2);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.authc img{border-radius:16px;margin:0 auto 14px}
.authc h1{font-family:var(--display);font-size:32px}
.authc>p{color:var(--muted);margin:10px auto 0;max-width:420px}
.authc .fine{font-size:13px;margin-top:16px}
.gbtn{margin-top:26px;display:inline-flex;align-items:center;gap:12px;padding:13px 26px;border-radius:999px;background:#fff;color:#1F1F1F;border:1px solid #DADCE0;font:600 16px/1 var(--display);cursor:pointer;min-height:50px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.gbtn:hover{box-shadow:0 6px 20px rgba(0,0,0,.28)}
.gbtn:disabled{opacity:.6}
.pform{display:grid;gap:14px;text-align:left;margin-top:22px}
.pform label,.adm label{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted)}
.pform input,.pform select,.adm input,.adm select,.adm textarea,.cpn input{font:inherit;font-size:15px;color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--line-2);border-radius:12px;padding:11px 13px;min-height:44px;width:100%}
.pform select option,.adm select option{background:var(--card);color:var(--text)}
.pform input:focus,.adm input:focus,.adm select:focus,.cpn input:focus{outline:2px solid var(--hl);outline-offset:1px}
.pform .btn{margin-top:6px;width:100%}
/* My Study account card */
.acct{margin:22px 0 0}
.acct:empty{display:none}
.ac-in{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:18px;background:var(--hl-bg);border:1px solid var(--hl-line)}
.ac-in>div:first-child{display:grid;gap:3px}
.ac-in span{color:var(--muted);font-size:14px}
.ac-me{display:flex!important;align-items:center;gap:12px}
.ac-me img{width:44px;height:44px;border-radius:50%}
.ac-me div{display:grid;gap:2px}
.ac-x{display:grid;gap:1px;text-align:center}
.ac-x small,.ac-p small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--hl)}
.ac-x span{color:var(--hl)!important;font-weight:700}
.ac-b{display:flex;gap:8px;flex-wrap:wrap}
.ac-b .btn{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line-2)}
.ac-p{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.ac-p span{font-size:13px;padding:5px 11px;border-radius:999px;border:1px solid var(--line-2)}
/* plans */
.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:30px}
.plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px;border-radius:20px;background:var(--card);border:1px solid var(--line-2)}
.plan.best{border-color:var(--gold,#E2B65A);box-shadow:0 0 0 1px rgba(226,182,90,.35),0 20px 50px rgba(0,0,0,.3);grid-column:1/-1}
.plan b{font-family:var(--display);font-size:20px}
.plan p{color:var(--muted);font-size:14.5px;flex:1}
.plan .pr{display:flex;align-items:baseline;gap:10px}
.plan .pr strong{font-family:var(--display);font-size:30px}
.plan .pr s{color:var(--muted)}
.plan .pr i{font-style:normal;font-size:12.5px;font-weight:700;color:#5ED39A}
.plan .val{font-size:13px;color:var(--muted)}
.plan .own{font-weight:700;color:#5ED39A}
.plan .btn:not(.btn-gold){background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line-2)}
.tagb{position:absolute;top:-11px;left:20px;font-style:normal;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;background:var(--gold,#E2B65A);color:#1A1406}
.cpn{grid-column:1/-1;max-width:340px}
.plans .empty{grid-column:1/-1;color:var(--muted)}
/* unlock offer inside a locked chapter (white reader card) */
.lock-b{display:grid;gap:10px;max-width:440px;margin:18px auto 0;text-align:left}
.offer{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;padding:14px 16px;border-radius:14px;border:1.5px solid var(--bk2,#C9CEDD);background:#fff}
.offer b{color:var(--bk,#14182A);font-size:15.5px}
.offer span{grid-column:1;color:#4A5064;font-size:13.5px}
.offer s{color:#8A90A2}
.offer .btn{grid-column:2;grid-row:1/3}
.offer.alt{background:#F6F8FF}
.offer.alt .btn{background:#EEF1FB;color:#14182A;border:1px solid #C9CEDD}
.lock-b .cpn input{background:#fff;color:#14182A;border-color:#C9CEDD}
/* announcement bar */
.ann{position:fixed;left:0;right:0;top:0;height:40px;z-index:60;display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 46px 9px 16px;background:linear-gradient(90deg,#1B2C66,#26408F);color:#fff;font-size:14px;font-weight:600;text-align:center}
.ann a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ann button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}
html.has-ann .nav{top:40px}
html.has-ann body{padding-top:40px}
.ann a,.ann>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html[data-lang="en"] .ann .hi,html:not([data-lang="en"]) .ann .en{display:none}
/* admin */
.admp{padding-top:30px}
.adm-gate{max-width:520px;margin:50px auto;padding:34px;border-radius:22px;background:var(--card);border:1px solid var(--line-2);text-align:center}
.adm-gate p{color:var(--muted);margin:10px 0 18px}
.adm{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:start}
.adm-nav{position:sticky;top:90px;display:grid;gap:4px;padding:10px;border-radius:18px;background:var(--card);border:1px solid var(--line-2)}
.adm-nav button{text-align:left;border:0;background:none;color:var(--muted);font:600 15px var(--display);padding:11px 14px;border-radius:12px;cursor:pointer}
.adm-nav button:hover{color:var(--text);background:rgba(255,255,255,.04)}
.adm-nav button.on{color:var(--text);background:var(--hl-bg);box-shadow:inset 3px 0 0 var(--hl)}
.adm-body{min-width:0}
.adm-body h2{font-family:var(--display);font-size:28px;margin-bottom:6px}
.adm-note{color:var(--muted);font-size:14px;margin:6px 0 16px;max-width:760px}
.adm-wait{color:var(--muted)}
.adm-kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:16px}
.adm-kpi div{padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--line-2);display:grid;gap:6px}
.adm-kpi small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--hl)}
.adm-kpi b{font-family:var(--display);font-size:28px}
.adm-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0}
.adm-row select,.adm-row input{width:auto}
.adm-row>label{flex:1;min-width:140px}
.adm-bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 12px;font-size:13px;color:var(--muted)}
.adm .btn:not(.btn-gold){background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line-2)}
.adm-t{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.adm-t th{text-align:left;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.adm-t td{padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}
.adm-t td small{color:var(--muted)}
.adm-t tr.bk td{background:var(--hl-bg);font-weight:700}
.adm-t tr.new td{background:rgba(94,211,154,.06)}
.adm-t input{min-height:38px;padding:7px 9px;font-size:14px;min-width:90px}
.adm-t .f-title,.adm-t .f-desc{min-width:210px}
.adm-t input.n{min-width:0;width:84px}
.adm-t input[type=checkbox],.adm .ck input{width:20px;height:20px;min-height:0;min-width:0;accent-color:#7F9CF5}
.adm-t select{min-height:38px;padding:6px 9px;font-size:14px}
.adm-t .inh{font-style:normal;font-size:11.5px;color:var(--muted);font-weight:400}
.lnk{border:0;background:none;color:#FF8A7A;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}
.adm-det{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px;border-radius:14px;background:rgba(255,255,255,.03)}
.adm-det ul{margin:8px 0 0 18px;display:grid;gap:6px}
.adm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.adm-card{display:grid;gap:10px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line-2);max-width:620px}
.adm .ck{display:flex;align-items:center;gap:8px;grid-template-columns:none}
.adm-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:999;padding:12px 20px;border-radius:12px;background:#1E8E5A;color:#fff;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.adm-toast.bad{background:#B3261E}
@media (max-width:860px){.adm{grid-template-columns:1fr}.adm-nav{position:static;display:flex;overflow-x:auto}.adm-nav button{white-space:nowrap}.adm-det{grid-template-columns:1fr}}
.gbox{display:flex;justify-content:center;margin-top:26px;min-height:44px}
.gbox:empty{min-height:0;margin:0}
.gbtn[hidden]{display:none}
/* free-login wall */
.pswall{position:fixed;inset:0;z-index:200;display:grid;place-items:end center;background:rgba(3,7,20,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:16px}
@media (min-width:640px){.pswall{place-items:center}}
.pswall-c{width:min(440px,100%);padding:28px 24px 18px;border-radius:22px;background:var(--card);border:1px solid var(--line-2);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.pswall-c img{border-radius:14px;margin:0 auto 10px}
.pswall-c h3{font-family:var(--display);font-size:24px}
.pswall-c p{color:var(--muted);margin:8px 0 6px;font-size:15px;line-height:1.6}
.pswall-c .btn{margin-top:16px}
.pswall-x{display:block;margin:14px auto 0;border:0;background:none;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;padding:8px 14px}
.lock-b .gbox{margin-top:4px}
/* mock tests page */
.mk-tabs{display:flex;gap:8px;overflow-x:auto;margin:26px 0 6px;padding-bottom:6px;scrollbar-width:thin}
.mk-tabs button{flex:0 0 auto;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--text);border-radius:999px;padding:9px 16px;font:600 14.5px var(--display);cursor:pointer;white-space:nowrap}
.mk-tabs button.on{background:var(--hl-bg);border-color:var(--hl);color:var(--text);box-shadow:inset 0 0 0 1px var(--hl)}
.mk-head{margin-top:18px}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:16px}
.mk-card{position:relative;text-align:left;display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;border:1px solid var(--line-2);background:var(--card);color:var(--text);cursor:pointer;font:inherit;transition:transform .15s,border-color .15s}
.mk-card:hover{transform:translateY(-2px);border-color:var(--hl-line)}
.mk-card small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--hl);font-weight:700}
.mk-card b{font-family:var(--display);font-size:18px}
.mk-card span{color:var(--muted);font-size:13.5px}
.mk-card em{position:absolute;top:14px;right:14px;font-style:normal;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}
.mk-card em.ok{background:rgba(94,211,154,.15);color:#5ED39A}
.mk-card em.go{background:rgba(242,180,23,.15);color:#F2B417}
.mk-cta{font-style:normal;margin-top:10px;font-weight:700;color:var(--hl)}
.mk-stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 2fr;gap:12px;margin-top:22px}
.mk-stat>div{padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line-2)}
.mk-stat b{display:block;font-family:var(--display);font-size:26px}
.mk-stat span{font-size:13px;color:var(--muted)}
.mk-trend svg{width:100%;height:46px;color:var(--hl);display:block}
@media (max-width:720px){.mk-stat{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-trend{grid-column:1/-1}}
.mk-promo{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;margin:26px 0 6px;padding:18px 20px;border-radius:18px;border:1px solid var(--hl-line);background:linear-gradient(120deg,var(--hl-bg),rgba(242,180,23,.08));color:var(--text);text-decoration:none}
.mk-promo b{font-family:var(--display);font-size:19px}
.mk-promo span{color:var(--muted);font-size:14px;grid-column:1}
.mk-promo i{grid-column:2;grid-row:1/3;font-style:normal;font-size:26px;color:var(--hl)}

/* ===== Tone: gold only for main actions and the brand line; everything else uses a calm blue accent ===== */
:root{--hl:#A9C1FF;--hl-bg:rgba(120,150,255,.10);--hl-line:rgba(140,170,255,.28);--acc:var(--hl)}
/* headings: soft ivory-to-blue instead of gold (home brand line keeps gold) */
.gold-text{background:linear-gradient(180deg,#FFFFFF 0%,#C9D7FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .gold-text{background:var(--metal);-webkit-background-clip:text;background-clip:text}
/* small labels and kickers */
.label{color:var(--hl)}
.label::before{background:var(--hl)}
.chip small,.cs small,.cbox small,.resume small,.lang-pane h3,.wmean small,.wsec small,.shift h3,footer.site h4,.qnav a small,.qod small,.dash small,.src-list i,.u .a,.thought>summary::after{color:var(--hl)}
.tabbar a.on{color:var(--hl)}
.qod b{color:var(--hl)}
.qmeta span.g{border-color:var(--hl-line);color:var(--hl)}
.exam-chips a:hover{border-color:var(--hl-line);color:var(--text)}
/* tinted boxes: blue instead of gold */
.chip,.cs,.fbx{background:var(--hl-bg);border-color:var(--hl-line)}
.cs mark{color:var(--text);border-bottom-color:var(--hl)}
.cbox{background:linear-gradient(160deg,rgba(120,150,255,.14),rgba(120,150,255,.03));border-color:var(--hl-line)}
.thought{border-color:var(--hl-line)}
.feat .ic,.steps i{background-color:var(--hl-bg);border-color:var(--hl-line)}
.feat .ic svg,.feat .ic svg *{stroke:var(--hl)}
.cred{background:rgba(255,255,255,.05);border-color:var(--line-2)}
.st:not(.cont):not(.hd) .sn{background:var(--hl-bg);color:var(--hl)}
.qcard .qsent .seg-w{border-bottom-color:var(--hl-line)}
/* hover borders */
.hub:hover,.paper-grid button:hover{border-color:var(--hl-line)}
.cu-ch .all{border-color:var(--hl-line)}
.cu-ch input{accent-color:#7F9CF5}
.pg-head.vis{border-color:var(--line-2)}
.qod{border-color:var(--line-2);background:linear-gradient(120deg,rgba(120,150,255,.10),rgba(120,150,255,.02))}
/* portrait ring: soft white instead of gold */
.halo::before{border-color:rgba(255,255,255,.28);box-shadow:0 0 40px rgba(140,170,255,.18)}
.halo::after{opacity:.35}
.by img{border-color:var(--line-2)}
:focus-visible{outline-color:var(--hl)}
.skip{background:var(--hl);color:#0B1330}
.seg ellipse{stroke:#FF8A7A}
/* theme switch button */
.thm{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);background:transparent;color:var(--text);cursor:pointer;flex:0 0 auto}
.thm:hover{border-color:var(--hl-line)}
.thm .sun{display:none}
html[data-theme="light"] .thm .sun{display:block}
html[data-theme="light"] .thm .moon{display:none}
.menu-btn svg path,.menu-btn svg line{stroke:var(--text)}
@media (max-width:720px){.nav .right>.thm{display:none}.mnav .thm-m{display:flex}}
.mnav .thm-m{display:none;align-items:center;width:100%;height:auto;border-radius:0;background:none;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:16px max(20px,env(safe-area-inset-left,0px));font-family:var(--display);font-weight:600;font-size:19px;cursor:pointer;text-align:left}

/* ===== light theme ===== */
html[data-theme="light"] .nav.solid {
    background: rgba(245,247,252,0.8)
}
html[data-theme="light"] .btn-ghost {
    background: rgba(20,30,70,0.054)
}
html[data-theme="light"] .btn-ghost:hover {
    background: rgba(20,30,70,0.09)
}
html[data-theme="light"] .mnav {
    background: rgba(245,247,252,0.97)
}
html[data-theme="light"] .hero::before {
    background: radial-gradient(900px 640px at 78% 40%,rgba(36,63,150,.55),transparent 65%),radial-gradient(700px 500px at 10% 0%,rgba(243,245,251,0.9),transparent 70%),var(--bg)
}
html[data-theme="light"] .search {
    background: rgba(20,30,70,0.063)
}
html[data-theme="light"] .cutout {
    filter: drop-shadow(0 30px 40px rgba(20,30,70,0.193))
}
html[data-theme="light"] .float {
    background: rgba(244,246,251,0.78);
    box-shadow: 0 20px 40px -20px rgba(20,30,70,0.225)
}
html[data-theme="light"] .officer::after {
    background: linear-gradient(180deg,transparent 45%,rgba(245,247,252,0.95) 92%)
}
html[data-theme="light"] .posters {
    mask-image: linear-gradient(90deg,transparent,rgba(20,30,70,0.35) 8%,rgba(20,30,70,0.35) 92%,transparent);
    -webkit-mask-image: linear-gradient(90deg,transparent,rgba(20,30,70,0.35) 8%,rgba(20,30,70,0.35) 92%,transparent)
}
html[data-theme="light"] .steps div {
    background: rgba(20,30,70,0.018)
}
html[data-theme="light"] .screen {
    background: linear-gradient(180deg,#f3f5fb,#f4f6fb);
    box-shadow: 0 50px 100px -40px rgba(20,30,70,0.225),0 0 0 8px rgba(255,255,255,.02)
}
html[data-theme="light"] .feat {
    background: linear-gradient(180deg,rgba(20,30,70,0.045),rgba(20,30,70,0.013))
}
html[data-theme="light"] .u:hover {
    background: rgba(20,30,70,0.027)
}
html[data-theme="light"] .p3 {
    color: #3c4664
}
html[data-theme="light"] .about-photo::after {
    background: linear-gradient(180deg,transparent 60%,rgba(245,247,252,0.85))
}
html[data-theme="light"] .milestones div {
    background: rgba(20,30,70,0.027)
}
html[data-theme="light"] .qo {
    background: rgba(20,30,70,0.018)
}
html[data-theme="light"] .qo:hover {
    border-color: rgba(20,30,70,0.27)
}
html[data-theme="light"] .bar {
    background: rgba(20,30,70,0.072)
}
html[data-theme="light"] .common div {
    background: rgba(20,30,70,0.018)
}
html[data-theme="light"] .seg-ctl {
    background: rgba(20,30,70,0.077)
}
html[data-theme="light"] .idx-btn {
    border: 1px solid rgba(20,30,70,0.36)
}
html[data-theme="light"] .ro.ok .r {
    color: #5f6987
}
html[data-theme="light"] .qlist a:hover {
    background: rgba(20,30,70,0.027)
}
html[data-theme="light"] .passage-box {
    background: rgba(20,30,70,0.027)
}
html[data-theme="light"] .smartbox small {
    color: #3c4664
}
html[data-theme="light"] .tblw th {
    background: rgba(20,30,70,0.045)
}
html[data-theme="light"] .blk-h .att {
    color: #5f6987
}
html[data-theme="light"] .gb-box.k-tip,html[data-theme="light"] .gb-box.k-trick {
    border-left-color: rgba(42,76,154,0.55)
}
html[data-theme="light"] .wc .sa b {
    color: #5f6987
}
html[data-theme="light"] .mm-hub {
    box-shadow: 0 12px 26px -16px rgba(20,30,70,0.225)
}
html[data-theme="light"] .mm-b h5 {
    color: var(--mc,#3c4664)
}
html[data-theme="light"] .pg::after {
    background-image: linear-gradient(rgba(20,30,70,0.032) 1px,transparent 1px),linear-gradient(90deg,rgba(20,30,70,0.032) 1px,transparent 1px);
    -webkit-mask-image: linear-gradient(rgba(20,30,70,0.35),transparent);
    mask-image: linear-gradient(rgba(20,30,70,0.35),transparent)
}
html[data-theme="light"] .hub {
    background: linear-gradient(180deg,rgba(20,30,70,0.041),rgba(20,30,70,0.013))
}
html[data-theme="light"] .kpis div {
    background: linear-gradient(180deg,rgba(20,30,70,0.045),rgba(20,30,70,0.013))
}
html[data-theme="light"] .exam-chips a {
    background: rgba(20,30,70,0.027)
}
html[data-theme="light"] .qlist {
    background: linear-gradient(180deg,rgba(20,30,70,0.032),rgba(20,30,70,0.011))
}
html[data-theme="light"] .qlist a small {
    background: rgba(20,30,70,0.027)
}
html[data-theme="light"] footer.site {
    background: linear-gradient(180deg,rgba(20,30,70,0.013),rgba(20,30,70,0.087))
}
html[data-theme="light"] .qnav a {
    background: rgba(20,30,70,0.018)
}
html[data-theme="light"] .qmeta span {
    background: rgba(20,30,70,0.027)
}
html[data-theme="light"] .chhead {
    box-shadow: 0 18px 40px -30px rgba(20,30,70,0.203)
}
html[data-theme="light"] .toc {
    box-shadow: 0 18px 40px -32px rgba(20,30,70,0.225)
}
html[data-theme="light"] .blk {
    box-shadow: 0 10px 30px -26px rgba(20,30,70,0.225)
}
html[data-theme="light"] .tst-tm {
    background: rgba(20,30,70,0.07)
}
html[data-theme="light"] .tst-top button {
    border: 1px solid rgba(20,30,70,0.405)
}
html[data-theme="light"] .tst-pal {
    box-shadow: 0 20px 50px -20px rgba(20,30,70,0.18)
}
html[data-theme="light"] .tsetup {
    background: rgba(245,247,252,0.55)
}
html[data-theme="light"] .tsetup-c {
    box-shadow: 0 30px 80px -30px rgba(20,30,70,0.225)
}
html[data-theme="light"] .fc-card {
    box-shadow: 0 30px 60px -40px rgba(20,30,70,0.225)
}
html[data-theme="light"] .fc-card p.s b {
    color: #5f6987
}
html[data-theme="light"] .share a,html[data-theme="light"] .share button {
    background: rgba(20,30,70,0.027)
}
html[data-theme="light"] .dash .pb {
    background: rgba(20,30,70,0.072)
}
html[data-theme="light"] .srch:hover {
    background: rgba(20,30,70,0.054)
}
html[data-theme="light"] .totop {
    background: rgba(244,246,251,0.9)
}
@media (max-width:760px) {
    html[data-theme="light"] .tabbar {
        background: rgba(245,247,252,0.96)
    }
}
html[data-theme="light"] .bpg>summary::after {
    color: var(--hl,#3c4664)
}
html[data-theme="light"] .rv-ch h2 a {
    color: var(--hl,#3c4664)
}
html[data-theme="light"] .rv-box small {
    color: var(--hl,#3c4664)
}
html[data-theme="light"] .lq-p small {
    color: var(--hl,#3c4664)
}
html[data-theme="light"] .topw .x {
    color: var(--hl,#3c4664)
}
html[data-theme="light"] .te span {
    color: var(--hl,#3c4664)
}
html[data-theme="light"] .imap path {
    fill: rgba(60,70,100,0.16)
}
html[data-theme="light"] .imap path:hover {
    fill: rgba(60,70,100,0.35)
}
html[data-theme="light"] .imap path.on {
    fill: var(--hl,#3c4664)
}
html[data-theme="light"] .mapi small {
    color: var(--hl,#3c4664)
}
html[data-theme="light"] .pg-head.vis::after {
    background: linear-gradient(90deg,rgba(245,247,252,0.96) 0%,rgba(245,247,252,0.88) 38%,rgba(245,247,252,0.35) 70%,rgba(245,247,252,0.1) 100%),linear-gradient(0deg,rgba(245,247,252,0.55),transparent 45%)
}
html[data-theme="light"] .pg-head.vis p {
    color: #121a33
}
@media (max-width:720px) {
    html[data-theme="light"] .pg-head.vis::after {
        background: linear-gradient(0deg,rgba(245,247,252,0.97) 0%,rgba(245,247,252,0.85) 50%,rgba(245,247,252,0.45) 100%)
    }
}
html[data-theme="light"] .hero::after {
    background: linear-gradient(90deg,rgba(245,247,252,0.94) 0%,rgba(245,247,252,0.7) 45%,rgba(245,247,252,0.25) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 30%),url("../img/v/ps-hero-bg.webp") center/cover no-repeat
}
@media (max-width:720px) {
    html[data-theme="light"] .hero::after {
        background: linear-gradient(0deg,var(--bg) 8%,rgba(245,247,252,0.75) 60%,rgba(245,247,252,0.55) 100%),url("../img/v/ps-hero-bg.webp") 60% center/cover no-repeat
    }
}
html[data-theme="light"] .subj a::after {
    background: linear-gradient(100deg,rgba(245,247,252,0.95) 0%,rgba(245,247,252,0.78) 45%,rgba(245,247,252,0.25) 100%)
}
html[data-theme="light"] .dailies .qod::before,html[data-theme="light"] #qod::before {
    background: linear-gradient(90deg,rgba(245,247,252,0.98) 0%,rgba(245,247,252,0.9) 45%,rgba(245,247,252,0.25) 80%,rgba(245,247,252,0.05) 100%),var(--cv) right 30%/55% auto no-repeat
}
html[data-theme="light"] .steps i {
    box-shadow: 0 8px 20px -10px rgba(20,30,70,0.225),inset 0 0 0 1px rgba(242,194,48,.25)
}
html[data-theme="light"] .amb::after {
    background: radial-gradient(ellipse 62% 70% at 50% 45%,rgba(245,247,252,0.92),rgba(245,247,252,0.55) 70%,rgba(245,247,252,0.2))
}
html[data-theme="light"] .hub.hv::before {
    background: linear-gradient(0deg,var(--card) 4%,rgba(243,245,251,0.35) 60%,rgba(243,245,251,0.1)),var(--hv) var(--hp,50%) 40%/cover no-repeat
}
html[data-theme="light"] main.vbg:not(.rd)::before {
    background: linear-gradient(0deg,var(--bg) 2%,rgba(245,247,252,0.72) 45%,rgba(245,247,252,0.5)),var(--v) center 35%/cover no-repeat;
    -webkit-mask-image: linear-gradient(rgba(20,30,70,0.35) 55%,transparent);
    mask-image: linear-gradient(rgba(20,30,70,0.35) 55%,transparent)
}
html[data-theme="light"] .qp.vbg .qcard,html[data-theme="light"] .qp.vbg aside>* {
    box-shadow: 0 30px 60px -40px rgba(20,30,70,0.225)
}
html[data-theme="light"] footer.site::before {
    background: linear-gradient(180deg,var(--bg) 0%,rgba(245,247,252,0.86) 40%,rgba(245,247,252,0.8)),url("../img/v/ps-hdr-library.webp") right bottom/cover no-repeat
}
html[data-theme="light"] .feat::before {
    background: linear-gradient(0deg,#f4f6fb 6%,rgba(244,246,251,0.2) 65%,transparent),var(--fv) 75% 40%/cover no-repeat
}
html[data-theme="light"] .feat .ic {
    background: rgba(245,247,252,0.7)
}
html[data-theme="light"] #updates::before {
    background: linear-gradient(90deg,var(--bg) 0%,rgba(245,247,252,0.92) 40%,rgba(245,247,252,0.55) 75%,rgba(245,247,252,0.75)),linear-gradient(0deg,var(--bg),transparent 25%,transparent 75%,var(--bg)),url("../img/v/ps-hdr-exams.webp") right center/cover no-repeat
}
html[data-theme="light"] .cta::after {
    background: radial-gradient(ellipse 55% 60% at 50% 50%,rgba(245,247,252,0.9),rgba(245,247,252,0.55) 75%),linear-gradient(0deg,var(--bg),transparent 30%,transparent 70%,var(--bg)),url("../img/v/ps-hdr-mystudy.webp") center 60%/cover no-repeat
}
@media (max-width:1020px) {
    html[data-theme="light"] .hero .portrait {
        background: radial-gradient(closest-side at 50% 42%,rgba(242,194,48,.22),rgba(80,110,220,0.055) 60%,transparent 100%)
    }
}
html[data-theme="light"] .authc {
    box-shadow: 0 30px 80px rgba(20,30,70,0.158)
}
html[data-theme="light"] .gbtn {
    box-shadow: 0 4px 14px rgba(20,30,70,0.081)
}
html[data-theme="light"] .gbtn:hover {
    box-shadow: 0 6px 20px rgba(20,30,70,0.126)
}
html[data-theme="light"] .pform input,html[data-theme="light"] .pform select,html[data-theme="light"] .adm input,html[data-theme="light"] .adm select,html[data-theme="light"] .adm textarea,html[data-theme="light"] .cpn input {
    background: rgba(20,30,70,0.045)
}
html[data-theme="light"] .ac-b .btn {
    background: rgba(20,30,70,0.054)
}
html[data-theme="light"] .plan.best {
    box-shadow: 0 0 0 1px rgba(226,182,90,.35),0 20px 50px rgba(20,30,70,0.135)
}
html[data-theme="light"] .plan .pr i {
    color: #3c4664
}
html[data-theme="light"] .plan .own {
    color: #3c4664
}
html[data-theme="light"] .offer s {
    color: #3c4664
}
html[data-theme="light"] .ann {
    background: linear-gradient(90deg,#f0f3fa,#26408F)
}
html[data-theme="light"] .ann button {
    background: rgba(20,30,70,0.108)
}
html[data-theme="light"] .adm-nav button:hover {
    background: rgba(20,30,70,0.036)
}
html[data-theme="light"] .lnk {
    color: #3c4664
}
html[data-theme="light"] .adm-det {
    background: rgba(20,30,70,0.027)
}
html[data-theme="light"] .adm-toast {
    box-shadow: 0 10px 30px rgba(20,30,70,0.158)
}
html[data-theme="light"] .pswall {
    background: rgba(246,248,252,0.62)
}
html[data-theme="light"] .pswall-c {
    box-shadow: 0 30px 80px rgba(20,30,70,0.225)
}
html[data-theme="light"] .mk-tabs button {
    background: rgba(20,30,70,0.036)
}
html[data-theme="light"] .mk-card em.ok {
    color: #3c4664
}
html[data-theme="light"] .mk-card em.go {
    color: #3c4664
}
html[data-theme="light"] .cred {
    background: rgba(20,30,70,0.045)
}
html[data-theme="light"] .halo::before {
    border-color: rgba(20,30,70,0.252)
}
html[data-theme="light"] .seg ellipse {
    stroke: #3c4664
}
/* ===== Light theme: tokens and hand-tuned rules ===== */
html[data-theme="light"]{color-scheme:light;--bg:#F5F7FC;--bg-2:#ECF0F8;--navy:#E4EAF7;--card:#FFFFFF;--line:rgba(20,30,70,.10);--line-2:rgba(20,30,70,.18);--text:#121A33;--muted:#4A5573;--dim:#6E7894;--hl:#2F4FB0;--hl-bg:rgba(47,79,176,.07);--hl-line:rgba(47,79,176,.25);--gold-3:#8A6000}
html[data-theme="light"] .gold-text{background:linear-gradient(180deg,#1E3A8A 0%,#3657D0 100%);-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .hero h1 .gold-text{background:linear-gradient(180deg,#D59A00 0%,#9A6400 100%);-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .amb{opacity:.22}
html[data-theme="light"] .hub,html[data-theme="light"] .feat,html[data-theme="light"] .subj a,html[data-theme="light"] .qcard,html[data-theme="light"] .wmean>div,html[data-theme="light"] .wsec{box-shadow:0 14px 34px -24px rgba(20,30,70,.35)}
html[data-theme="light"] .halo::before{border-color:rgba(20,30,70,.18)}
html[data-theme="light"] .thm{color:var(--text)}
html[data-theme="light"] .cutout{filter:drop-shadow(0 30px 40px rgba(20,30,70,.25))}
html[data-theme="light"] .hero-fx canvas{opacity:.55}
html[data-theme="light"] .cover{box-shadow:0 24px 40px -18px rgba(20,30,70,.45)}
html[data-theme="light"] .posters img{box-shadow:0 18px 30px -18px rgba(20,30,70,.4)}
html[data-theme="light"] .hero::after{opacity:.5}
@media (max-width:720px){html[data-theme="light"] .hero::after{opacity:.35}}