/* ExamPath main stylesheet — ported from Homepage Design V2 */
/* ============ DESIGN TOKENS ============ */
:root{
  --brand-950:#1d0a38;--brand-900:#2a0f4f;--brand-800:#3d1474;--brand-700:#5419a3;--brand-600:#6b25cc;--brand-500:#8443e6;
  --brand-100:#efe6fd;--brand-50:#f8f4fe;
  --accent:#ffc83d;--accent-ink:#5a3d00;
  --bg:#f5f3f9;--surface:#ffffff;--surface-2:#faf8fd;--ink:#17112a;--ink-2:#3b3450;--muted:#6f6883;--line:#e7e1f0;--line-2:#f0ecf6;
  --green:#12804a;--green-bg:#e5f6ec;--amber:#a65f00;--amber-bg:#fff2d9;--red:#c42c3c;--red-bg:#fde8ea;--blue:#1f5fd1;--blue-bg:#e6efff;
  --shadow-sm:0 1px 2px rgba(35,14,70,.06),0 1px 8px rgba(35,14,70,.05);
  --shadow-md:0 8px 28px rgba(35,14,70,.10);
  --r-sm:8px;--r:12px;--r-lg:18px;
  --hero-grad:radial-gradient(1200px 400px at 85% -20%,#a35cf5 0%,transparent 60%),linear-gradient(115deg,#22093f 0%,#3d1474 45%,#6b25cc 100%);
}
[data-theme="dark"]{
  --bg:#0f0b1a;--surface:#171226;--surface-2:#1d1730;--ink:#efeaf9;--ink-2:#cfc6e3;--muted:#9a91b2;--line:#2c2442;--line-2:#251e38;
  --brand-100:#2a1f47;--brand-50:#1e1733;
  --green-bg:#11301f;--amber-bg:#352610;--red-bg:#3a1520;--blue-bg:#15233f;--green:#4ccf86;--amber:#f0b04a;--red:#f07484;--blue:#7aa6ff;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 10px 30px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,"Noto Sans Devanagari",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
.wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}
.ic{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic.sm{width:16px;height:16px}.ic.xs{width:13px;height:13px}.ic.lg{width:24px;height:24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:6px}

/* ============ UTILITY BAR ============ */
.util{background:var(--brand-950);color:#cdbfe6;font-size:12px}
.util .wrap{height:34px;display:flex;align-items:center;gap:18px}
.util a:hover{color:#fff}
.util .warn{display:flex;align-items:center;gap:6px;color:var(--accent)}
.util .spacer{flex:1}
.lang{display:flex;background:rgba(255,255,255,.08);border-radius:99px;padding:2px}
.lang button{border:0;background:none;color:#cdbfe6;padding:2px 10px;border-radius:99px;font-size:11.5px;font-weight:700}
.lang button.on{background:#fff;color:var(--brand-900)}

/* ============ HEADER ============ */
.header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.header .wrap{height:70px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand svg.logo{width:42px;height:42px}
.brand-name{font-size:25px;font-weight:800;letter-spacing:0;color:var(--brand-900);line-height:1.15}
.brand-url{display:block;font-size:11.5px;font-weight:700;color:var(--brand-600);letter-spacing:.2px;margin-top:1px}
.footer .brand-url{color:#b88cff}
[data-theme="dark"] .brand-name{color:#fff}
.brand-name span{color:var(--brand-600)}
.brand-tag{display:block;font-size:11.5px;color:var(--muted);margin-top:4px;font-weight:500}
.hsearch{flex:1;max-width:560px;margin-inline:auto;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:99px;padding:0 8px 0 16px;height:44px;color:var(--muted);cursor:text;transition:border-color .2s,box-shadow .2s}
.hsearch:hover{border-color:var(--brand-500);box-shadow:0 0 0 4px var(--brand-50)}
.hsearch span{flex:1;font-size:13.5px}
.kbd{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:2px 7px;background:var(--surface);font-weight:600}
.hactions{display:flex;align-items:center;gap:8px}
.iconbtn{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);transition:.2s}
.iconbtn:hover{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}
.dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid var(--surface)}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:11px 18px;font-weight:700;font-size:14px;transition:.2s;white-space:nowrap}
.btn-primary{background:var(--brand-700);color:#fff;box-shadow:0 6px 16px rgba(84,25,163,.28)}
.btn-primary:hover{background:var(--brand-600);transform:translateY(-1px)}
.btn-accent{background:var(--accent);color:var(--accent-ink)}
.btn-accent:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}
.m-only{display:none!important}

/* ============ NAV ============ */
.nav{background:var(--brand-800);color:#fff}
.nav .wrap{display:flex;align-items:center;gap:2px;height:48px;overflow-x:auto;scrollbar-width:none}
.nav .wrap::-webkit-scrollbar{display:none}
.nav a{padding:8px 14px;border-radius:9px;font-size:13.5px;font-weight:600;white-space:nowrap;color:#e7dcfa;transition:.15s}
.nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.nav a.active{background:#fff;color:var(--brand-800)}
.nav .badge-new{font-size:9.5px;background:var(--accent);color:var(--accent-ink);padding:1px 6px;border-radius:99px;margin-left:5px;font-weight:800;vertical-align:2px}

/* ============ LIVE TICKER ============ */
.ticker{background:var(--surface);border-bottom:1px solid var(--line)}
.ticker .wrap{display:flex;align-items:center;height:42px;gap:14px;overflow:hidden}
.live{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;color:var(--red);letter-spacing:.5px;flex:none;background:var(--red-bg);padding:4px 10px;border-radius:99px}
.live i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(196,44,60,.5)}100%{box-shadow:0 0 0 8px rgba(196,44,60,0)}}
.track{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.track-inner{display:flex;gap:36px;width:max-content;animation:marquee 45s linear infinite}
.track:hover .track-inner{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.track a{font-size:13px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:8px;white-space:nowrap}
.track a:hover{color:var(--brand-700)}
.track a b{font-size:10px;padding:2px 7px;border-radius:5px;font-weight:800}
@media (prefers-reduced-motion:reduce){.track-inner{animation:none}}

/* ============ HERO ============ */
.hero{margin-top:20px;background:var(--hero-grad);border-radius:var(--r-lg);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 30%,#000);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:1.45fr 1fr;gap:36px;padding:40px 40px 36px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:6px 12px 6px 8px;border-radius:99px;font-size:12.5px;font-weight:600;color:#eadcff}
.eyebrow .pill{background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:1px 8px;font-size:11px;font-weight:800}
.hero h1{font-size:44px;line-height:1.12;letter-spacing:-1.2px;margin:16px 0 12px;font-weight:800}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffd76a,#ffb627);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{margin:0 0 22px;color:#e4d6fb;font-size:16px;max-width:560px}
.bigsearch{display:flex;align-items:center;background:#fff;border-radius:16px;padding:6px;max-width:640px;box-shadow:0 18px 40px rgba(10,0,30,.35)}
.bigsearch select{border:0;background:var(--brand-50);color:var(--brand-800);font-weight:700;font-size:13px;padding:11px 10px;border-radius:11px;outline:0;max-width:150px}
.bigsearch .ic{color:#8a82a0;margin-left:12px}
.bigsearch input{flex:1;min-width:0;border:0;outline:0;padding:12px 10px;font-size:15px;color:#17112a;background:transparent}
.bigsearch .btn{padding:12px 22px}
.trending{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:12.5px;color:#d9c9f5}
.trending a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:99px;padding:5px 12px;font-weight:600;transition:.15s}
.trending a:hover{background:#fff;color:var(--brand-800)}
.trust{display:flex;gap:22px;margin-top:26px;flex-wrap:wrap}
.trust div{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#efe5ff}
.trust .ic{color:#7ef0b0}

/* Hero side card (Quick Links + Eligibility finder) */
.sidecard{background:var(--surface);color:var(--ink);border-radius:16px;padding:8px;box-shadow:var(--shadow-md);align-self:center}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--brand-50);border-radius:11px;padding:4px;gap:4px}
.seg button{border:0;background:none;padding:9px;border-radius:8px;font-weight:700;font-size:13px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}
.seg button.on{background:var(--surface);color:var(--brand-700);box-shadow:var(--shadow-sm)}
.sidebody{padding:12px 8px 6px}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ql{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;font-size:13px;font-weight:700;transition:.15s;background:var(--surface)}
.ql:hover{border-color:var(--brand-500);background:var(--brand-50);transform:translateY(-1px)}
.qi{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none}
.qi.c1{background:#efe6fd;color:#6b25cc}.qi.c2{background:#e6efff;color:#1f5fd1}.qi.c3{background:#e5f6ec;color:#12804a}.qi.c4{background:#fff2d9;color:#a65f00}.qi.c5{background:#fde8ea;color:#c42c3c}.qi.c6{background:#e3f6f7;color:#0f7c86}
[data-theme="dark"] .qi{background:var(--brand-100)!important;color:#c9a9ff!important}
.ql small{display:block;font-size:11px;color:var(--muted);font-weight:500}
.finder label{display:block;font-size:12px;font-weight:700;color:var(--ink-2);margin:0 0 5px}
.finder .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.field{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:10px 11px;font-size:13.5px;outline:0}
.field:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}
.finder .btn{width:100%;justify-content:center;margin-top:4px}
.finder .note{font-size:11.5px;color:var(--muted);margin:9px 0 0;text-align:center}
.finder-result{display:none;margin-top:10px;background:var(--green-bg);color:var(--green);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700}

/* Mobile quick links (under hero) */
.mquick{display:none}

/* ============ CATEGORY SHORTCUTS ============ */
.shortcuts{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin:22px 0}
.sc{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 8px 14px;text-align:center;transition:.2s;box-shadow:var(--shadow-sm)}
.sc:hover{transform:translateY(-3px);border-color:var(--brand-500);box-shadow:var(--shadow-md)}
.sc .ico{width:46px;height:46px;margin:0 auto 9px;border-radius:13px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-700)}
.sc:hover .ico{background:var(--brand-700);color:#fff}
.sc b{display:block;font-size:13.5px}
.sc small{font-size:11.5px;color:var(--muted)}
.sc .cnt{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;background:var(--red);color:#fff;border-radius:99px;padding:1px 6px}

/* ============ SECTION HEAD ============ */
.sec{margin-top:30px}
.sec-h{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.sec-h h2{margin:0;font-size:22px;letter-spacing:-.4px;display:flex;align-items:center;gap:10px}
.sec-h p{margin:3px 0 0;color:var(--muted);font-size:13.5px}
.more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--brand-700);white-space:nowrap}
.more:hover{gap:9px}
.h-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--brand-700);color:#fff}

/* ============ CLOSING SOON ============ */
.closing{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.cs{scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);transition:.2s}
.cs:hover{border-color:var(--red);transform:translateY(-2px)}
.cs-top{display:flex;align-items:center;justify-content:space-between}
.org{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);font-weight:600}
.org-av{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:var(--brand-600)}
.cs h3{margin:0;font-size:15px;line-height:1.35}
.days{font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:99px;background:var(--amber-bg);color:var(--amber);display:flex;align-items:center;gap:5px}
.days.urgent{background:var(--red-bg);color:var(--red)}
.bar{height:5px;background:var(--line-2);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--red));border-radius:99px}
.cs-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.cs-foot a{color:var(--brand-700);font-weight:700;display:flex;align-items:center;gap:4px}

/* ============ MAIN BOARD ============ */
.board-tabs{display:none}
.board{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0}
.panel-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.panel-h h3{margin:0;font-size:16px;display:flex;align-items:center;gap:9px}
.panel-h .h-ico{width:30px;height:30px;border-radius:9px}
.panel.primary .panel-h{background:linear-gradient(100deg,var(--brand-800),var(--brand-600));color:#fff;border:0}
.panel.primary .panel-h .h-ico{background:rgba(255,255,255,.16)}
.panel.primary .panel-h .more{color:#fff}
.filters{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line-2);overflow-x:auto;scrollbar-width:none}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.chip.on,.chip:hover{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.items{list-style:none;margin:0;padding:4px 0;flex:1}
.item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);transition:background .15s;position:relative}
.item:last-child{border:0}
.item:hover{background:var(--surface-2)}
.item.match{background:var(--green-bg)}
.item.match:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--green)}
.item-main{flex:1;min-width:0}
.item-t{font-size:14.5px;font-weight:700;line-height:1.35;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.item-t a:hover{color:var(--brand-700)}
.verified{color:var(--green);display:inline-flex}
.meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:5px;font-size:12px;color:var(--muted)}
.meta span{display:inline-flex;align-items:center;gap:5px}
.meta .last{color:var(--red);font-weight:700}
.tag{font-size:10px;font-weight:800;letter-spacing:.3px;padding:2px 7px;border-radius:5px;white-space:nowrap}
.t-new{background:var(--brand-100);color:var(--brand-700)}
[data-theme="dark"] .t-new{color:#c9a9ff}
.t-open{background:var(--green-bg);color:var(--green)}
.t-upd{background:var(--amber-bg);color:var(--amber)}
.t-out{background:var(--blue-bg);color:var(--blue)}
.t-last{background:var(--red-bg);color:var(--red)}
.save{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--muted);flex:none;align-self:center;transition:.15s}
.save:hover{color:var(--brand-700);border-color:var(--brand-500)}
.save.on{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.save.on .ic{fill:currentColor}
.simple .item{padding:11px 16px;align-items:center}
.simple .item-t{font-size:13.5px;font-weight:600}
.simple .meta{margin-top:2px}
.panel-f{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-top:1px solid var(--line);font-size:13px;font-weight:700;color:var(--brand-700);background:var(--surface-2)}
.panel-f:hover{background:var(--brand-50)}
.board-2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}

/* ============ CALENDAR + BROWSE ============ */
.duo{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}
.cal{padding:6px 18px 10px}
.ev{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}
.ev:last-child{border:0}
.ev-d{text-align:center;border-radius:12px;background:var(--brand-50);padding:7px 0;border:1px solid var(--brand-100)}
.ev-d b{display:block;font-size:20px;line-height:1;color:var(--brand-700)}
.ev-d small{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase}
.ev h4{margin:0;font-size:14px}
.ev p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.browse{padding:16px 18px}
.browse h4{margin:0 0 10px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.qual{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}
.qual a{border:1px solid var(--line);border-radius:12px;padding:12px;transition:.15s;background:var(--surface)}
.qual a:hover{border-color:var(--brand-500);background:var(--brand-50)}
.qual b{display:block;font-size:15px}
.qual small{color:var(--muted);font-size:11.5px}
.states{display:flex;flex-wrap:wrap;gap:8px}
.states a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:600;background:var(--surface);transition:.15s}
.states a:hover{background:var(--brand-700);color:#fff;border-color:var(--brand-700)}

/* ============ ORGS ============ */
.orgs{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.orgc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;transition:.2s}
.orgc:hover{border-color:var(--brand-500);transform:translateY(-2px)}
.orgc .org-av{width:42px;height:42px;margin:0 auto 7px;border-radius:12px;font-size:12px}
.orgc b{display:block;font-size:13px}
.orgc small{font-size:11px;color:var(--muted)}

/* ============ LEARN (Current affairs + Quiz) ============ */
.learn{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.acard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.acard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.acard .thumb{height:118px;position:relative;display:flex;align-items:flex-end;padding:12px;color:#fff}
.th1{background:linear-gradient(135deg,#4a1690,#8443e6)}.th2{background:linear-gradient(135deg,#0e5b63,#16a2a0)}.th3{background:linear-gradient(135deg,#7a3b00,#e08a12)}
.thumb .ic{position:absolute;right:14px;top:14px;width:40px;height:40px;opacity:.35}
.thumb span{font-size:11px;font-weight:800;background:rgba(0,0,0,.25);padding:3px 9px;border-radius:99px}
.acard .body{padding:13px 14px 14px;flex:1;display:flex;flex-direction:column}
.acard h4{margin:0 0 6px;font-size:14.5px;line-height:1.4}
.acard p{margin:0;font-size:12.5px;color:var(--muted);flex:1}
.acard .foot{margin-top:10px;font-size:11.5px;color:var(--muted);display:flex;gap:10px}
.quiz{background:linear-gradient(160deg,var(--brand-900),var(--brand-700));color:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column}
.quiz .lbl{font-size:11.5px;font-weight:800;color:var(--accent);letter-spacing:.6px;display:flex;align-items:center;gap:6px}
.quiz h4{font-size:16px;line-height:1.45;margin:10px 0 14px}
.opt{display:block;width:100%;text-align:left;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:#fff;border-radius:11px;padding:10px 13px;margin-bottom:8px;font-size:13.5px;font-weight:600;transition:.15s}
.opt:hover:not(:disabled){background:rgba(255,255,255,.15)}
.opt.right{background:#12804a;border-color:#12804a}
.opt.wrong{background:#c42c3c;border-color:#c42c3c}
.quiz .exp{display:none;font-size:12.5px;color:#e4d6fb;margin:6px 0 0}
.quiz .qfoot{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#cdb8f2}
.quiz .qfoot a{color:#fff;font-weight:700;display:flex;align-items:center;gap:5px}

/* ============ TRUST ============ */
.trustbox{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.why{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.why h3{grid-column:1/-1;margin:0;font-size:20px;letter-spacing:-.3px}
.wi{display:flex;gap:12px}
.wi .qi{width:40px;height:40px;border-radius:11px}
.wi b{display:block;font-size:14px;margin-bottom:2px}
.wi p{margin:0;font-size:12.5px;color:var(--muted)}
.fake{background:var(--red-bg);border:1px solid color-mix(in srgb,var(--red) 30%,transparent);border-radius:16px;padding:22px;color:var(--ink)}
.fake h3{margin:0 0 6px;color:var(--red);display:flex;align-items:center;gap:8px;font-size:18px}
.fake p{margin:0 0 12px;font-size:13.5px;color:var(--ink-2)}
.fake ul{margin:0 0 16px;padding-left:18px;font-size:13px;color:var(--ink-2)}
.fake li{margin:4px 0}
.fake .btn{background:var(--red);color:#fff}

/* ============ ALERTS CTA ============ */
.cta{margin-top:30px;background:var(--hero-grad);border-radius:var(--r-lg);color:#fff;padding:32px 36px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;position:relative;overflow:hidden}
.cta h2{margin:0 0 8px;font-size:28px;letter-spacing:-.6px;line-height:1.2}
.cta p{margin:0;color:#e4d6fb}
.channels{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.subform{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:18px}
.subform label{font-size:13px;font-weight:700;display:block;margin-bottom:8px}
.subrow{display:flex;gap:8px}
.subrow input{flex:1;min-width:0;border:0;border-radius:11px;padding:12px 14px;outline:0;color:#17112a;background:#fff}
.subform small{display:block;margin-top:9px;color:#d4c3f2;font-size:11.5px}
.prefs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.prefs label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;background:rgba(255,255,255,.1);padding:5px 10px;border-radius:99px;margin:0;cursor:pointer}
.prefs input{accent-color:var(--accent)}

/* ============ FOOTER ============ */
.footer{background:var(--brand-950);color:#cdbfe6;margin-top:40px}
.fmain{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px;padding:44px 0 30px}
.footer .brand-name{color:#fff}
.footer .brand-name span{color:#b88cff}
.footer .brand-tag{color:#a593c4}
.fdesc{font-size:13px;margin:14px 0 16px;max-width:300px;color:#b5a6d1}
.social{display:flex;gap:8px}
.social a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid #3e2a63;color:#d9c9f5;transition:.15s}
.social a:hover{background:#fff;color:var(--brand-900)}
.fcol h4{margin:4px 0 14px;color:#fff;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.fcol h4 .ic{display:none}
.fcol a{display:block;font-size:13px;margin:9px 0;color:#b5a6d1}
.fcol a:hover{color:#fff}
.disclaimer{border-top:1px solid #33224f;padding:16px 0;font-size:12px;color:#9b8bb9;display:flex;gap:10px;align-items:flex-start}
.disclaimer .ic{color:var(--accent);margin-top:1px}
.fbottom{border-top:1px solid #33224f;padding:14px 0;font-size:12px;color:#9b8bb9}
.fbottom .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fbottom a:hover{color:#fff}

/* ============ SEARCH OVERLAY ============ */
.overlay{position:fixed;inset:0;background:rgba(18,8,36,.55);backdrop-filter:blur(4px);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}
.overlay.open{display:flex}
.sbox{width:min(640px,100%);background:var(--surface);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden}
.sbox-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.sbox-in input{flex:1;border:0;outline:0;background:none;font-size:16px}
.sres{max-height:52vh;overflow:auto;padding:8px}
.sres a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600}
.sres a:hover,.sres a.hl{background:var(--brand-50);color:var(--brand-700)}
.sres .grp{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:10px 12px 4px}
.sres .empty{padding:24px;text-align:center;color:var(--muted);font-size:14px}

/* ============ MOBILE DRAWER + BOTTOM NAV ============ */
.drawer{position:fixed;inset:0;z-index:90;display:none}
.drawer.open{display:block}
.drawer .scrim{position:absolute;inset:0;background:rgba(18,8,36,.5)}
.drawer .sheet{position:absolute;right:0;top:0;bottom:0;width:min(330px,86%);background:var(--surface);padding:18px;overflow:auto;animation:slide .25s ease}
@keyframes slide{from{transform:translateX(100%)}}
.drawer .sheet h5{font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:18px 0 8px}
.dlinks a{display:flex;align-items:center;gap:12px;padding:11px 8px;border-radius:10px;font-weight:600;font-size:14.5px}
.dlinks a:hover{background:var(--brand-50)}
.dlinks .ic{color:var(--brand-700)}
.bnav{display:none}

/* ============ TOAST ============ */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,40px);opacity:0;background:var(--ink);color:var(--surface);padding:11px 18px;border-radius:12px;font-size:13.5px;font-weight:600;z-index:120;transition:.25s;pointer-events:none;box-shadow:var(--shadow-md)}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .shortcuts,.orgs{grid-template-columns:repeat(4,1fr)}
  .board{grid-template-columns:1.3fr 1fr}
  .board .panel:nth-child(3){grid-column:1/-1}
  .hero h1{font-size:38px}
  .fmain{grid-template-columns:1.4fr 1fr 1fr}
  .learn{grid-template-columns:1fr}
}
@media (max-width:900px){
  .hero-in{grid-template-columns:minmax(0,1fr)}
  .duo,.trustbox,.cta{grid-template-columns:1fr}
  .board-2{grid-template-columns:1fr 1fr}
  .board-2 .panel:last-child{grid-column:1/-1}
  .hsearch{display:none}
  .m-only{display:grid!important}
}
@media (max-width:720px){
  body{font-size:14px;padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .wrap{width:calc(100% - 24px)}
  .util,.nav,.d-only{display:none!important}
  .header .wrap{height:60px;gap:10px}
  .brand svg.logo{width:36px;height:36px}
  .brand-name{font-size:21px}
  .brand-tag{display:none}
  .header .wrap{gap:6px}
  .hactions{margin-left:auto;gap:6px}
  .iconbtn{width:36px;height:36px;border-radius:10px}
  .hactions .iconbtn[aria-label="Notifications"]{display:none}
  .ticker .wrap{height:38px}
  .live{font-size:10.5px;padding:3px 8px}
  .hero{margin-top:12px;border-radius:16px}
  .hero-in{padding:24px 16px 20px;gap:0}
  .eyebrow{font-size:11.5px}
  .hero h1{font-size:29px;letter-spacing:-.8px;margin:12px 0 8px}
  .hero p.lead{font-size:14px;margin-bottom:16px}
  .bigsearch{border-radius:13px;padding:5px}
  .bigsearch select{display:none}
  .bigsearch input{font-size:14px;padding:10px 6px}
  .bigsearch .btn{padding:10px 14px;font-size:13px}
  .trending{font-size:11.5px;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
  .trending b{flex:none}
  .trending a{flex:none;padding:5px 10px}
  .trust{gap:8px 14px;margin-top:16px}
  .trust div{font-size:12px}
  .hero .sidecard{display:none}
  .hero .sidecard.mshow{display:block;margin-top:18px}
  .mquick{display:block;margin-top:14px}
  .mquick .mq-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
  .mquick h2{font-size:16px;margin:0}
  .mquick .qgrid{gap:8px}
  .mquick .ql{padding:10px;font-size:12.5px;min-height:52px}
  .mquick .qi{width:30px;height:30px}
  .shortcuts{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
  .sc{padding:12px 4px 10px;border-radius:12px}
  .sc .ico{width:40px;height:40px;border-radius:11px;margin-bottom:7px}
  .sc b{font-size:11.5px}
  .sc small{font-size:10px}
  .sec{margin-top:24px}
  .sec-h h2{font-size:18px}
  .sec-h p{font-size:12.5px}
  .h-ico{width:30px;height:30px}
  .closing{grid-auto-columns:78%;margin-right:-12px;padding-right:12px}
  .board-tabs{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:5px;margin-bottom:12px;position:sticky;top:64px;z-index:20;box-shadow:var(--shadow-sm)}
  .board-tabs button{flex:1;border:0;background:none;border-radius:9px;padding:9px 4px;font-weight:700;font-size:12.5px;color:var(--muted)}
  .board-tabs button.on{background:var(--brand-700);color:#fff}
  .board{grid-template-columns:1fr}
  .board .panel{display:none}
  .board .panel.show{display:flex}
  .board .panel:nth-child(3){grid-column:auto}
  .item{padding:12px 14px}
  .item-t{font-size:14px}
  .board-2{grid-template-columns:1fr;gap:12px}
  .board-2 .panel:last-child{grid-column:auto}
  .qual{grid-template-columns:repeat(2,1fr)}
  .orgs{grid-template-columns:repeat(4,1fr);gap:8px}
  .orgc{padding:10px 4px}
  .orgc .org-av{width:36px;height:36px}
  .orgc small{display:none}
  .cards3{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-12px;padding-right:12px}
  .acard{scroll-snap-align:start}
  .why{grid-template-columns:1fr;padding:18px}
  .fake{padding:18px}
  .cta{padding:24px 18px;border-radius:16px}
  .cta h2{font-size:22px}
  .subrow{flex-direction:column}
  .footer{margin-top:28px}
  .fmain{grid-template-columns:1fr;gap:0;padding:26px 0 8px}
  .fbrand{padding-bottom:20px}
  .fcol{border-top:1px solid #33224f}
  .fcol h4{margin:0;padding:15px 0;cursor:pointer}
  .fcol h4 .ic{display:block;transition:.2s}
  .fcol .links{display:none;padding-bottom:12px}
  .fcol.open .links{display:block}
  .fcol.open h4 .ic{transform:rotate(180deg)}
  .disclaimer{font-size:11.5px}
  .fbottom .wrap{flex-direction:column;align-items:center;text-align:center;gap:6px}
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(35,14,70,.08)}
  .bnav a,.bnav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--muted);padding:5px 0;position:relative}
  .bnav .on{color:var(--brand-700)}
  .bnav .on:before{content:"";position:absolute;top:-6px;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--brand-700)}
  .bnav .badge{position:absolute;top:0;left:55%;background:var(--red);color:#fff;font-size:9px;border-radius:99px;padding:0 5px;min-width:16px;text-align:center}
  .toast{bottom:84px}
}

/* =====================================================================
   THEME ADDITIONS (inner pages, WordPress specifics)
   ===================================================================== */
.admin-bar .header{top:32px}
@media (max-width:782px){.admin-bar .header{top:46px}}
.t-closed{background:var(--line-2);color:var(--muted)}
.custom-logo{width:42px;height:42px;object-fit:contain}
.empty-note{padding:22px 16px;text-align:center;color:var(--muted);font-size:13.5px}
.quiz .opt.right,.quiz .opt.wrong{color:#fff}

/* Breadcrumbs */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin:18px 0 0}
.crumbs a:hover{color:var(--brand-700)}
.crumbs b{color:var(--ink-2);font-weight:600}

/* Page header (archives, utility pages) */
.phead{margin-top:14px;background:var(--hero-grad);color:#fff;border-radius:var(--r-lg);padding:26px 30px;position:relative;overflow:hidden}
.phead h1{margin:0 0 6px;font-size:30px;letter-spacing:-.6px;line-height:1.2;display:flex;align-items:center;gap:12px}
.phead h1 .h-ico{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16)}
.phead p{margin:0;color:#e2d4fa;font-size:14.5px;max-width:720px}
.phead .stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:#e4d6fb}
.phead .stats b{color:#fff}

/* Archive layout */
.alayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:20px;align-items:start}
.side{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}
.side .panel{box-shadow:none}
.side .panel-h{padding:12px 14px}
.side .panel-h h3{font-size:14.5px}
.side .browse{padding:12px 14px}
.side .states a{font-size:12px;padding:5px 10px}
.filterbar{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:end;box-shadow:var(--shadow-sm)}
.filterbar label{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:4px}
.filterbar .btn{justify-content:center;height:42px}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:13px}
.active-filters a.chip{display:inline-flex;align-items:center;gap:6px}
.listpanel .item{padding:14px 18px}
.listpanel .item-t{font-size:15px}
.item .exc{margin:5px 0 0;font-size:13px;color:var(--muted)}
.pager{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:16px}
.pager .page-numbers{min-width:38px;height:38px;padding:0 10px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-weight:700;font-size:13.5px;background:var(--surface)}
.pager .page-numbers.current{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.pager a.page-numbers:hover{border-color:var(--brand-500);color:var(--brand-700)}

/* Single (detail) pages */
.dhero{margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.dhero-top{background:var(--hero-grad);color:#fff;padding:26px 28px 22px;position:relative}
.dhero-top .badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.vbadge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:99px;background:rgba(126,240,176,.16);color:#9ff5c6;border:1px solid rgba(126,240,176,.35)}
.ubadge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.1);color:#eadcff;border:1px solid rgba(255,255,255,.2)}
.dhero-top .tag{font-size:11px;padding:4px 10px;border-radius:99px}
.dhero h1{margin:0;font-size:30px;line-height:1.22;letter-spacing:-.6px}
.dhero .org-line{display:flex;align-items:center;gap:10px;margin-top:12px;color:#e2d4fa;font-size:14px}
.dhero .org-line .org-av{width:34px;height:34px}
.facts4{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.facts4>div{padding:14px 18px;border-right:1px solid var(--line)}
.facts4>div:last-child{border:0}
.facts4 small{display:block;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.facts4 b{display:block;font-size:15.5px;margin-top:2px}
.facts4 b.red{color:var(--red)}
.dactions{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px;border-top:1px solid var(--line);background:var(--surface-2);align-items:center}
.btn-line{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.btn-line:hover{border-color:var(--brand-500);color:var(--brand-700)}
.dactions .spacer{flex:1}
.countdown{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;padding:7px 12px;border-radius:99px;background:var(--amber-bg);color:var(--amber)}
.countdown.urgent{background:var(--red-bg);color:var(--red)}
.countdown.closed{background:var(--line-2);color:var(--muted)}

.dlayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:20px;align-items:start}
.dsec{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;overflow:hidden;scroll-margin-top:90px}
.dsec>h2{margin:0;font-size:17px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.dsec>h2 .h-ico{width:30px;height:30px;border-radius:9px}
.dsec .in{padding:16px 18px}
.ttable{width:100%;border-collapse:collapse;font-size:14.5px}
.ttable th,.ttable td{padding:11px 18px;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top}
.ttable tr:last-child td,.ttable tr:last-child th{border-bottom:0}
.ttable th{width:46%;font-weight:600;color:var(--ink-2)}
.ttable td{font-weight:700}
.ttable td.red{color:var(--red)}
.ttable thead th{background:var(--surface-2);font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);width:auto}
.ttable.grid3 td{font-weight:500}
.ttable .muted{color:var(--muted);font-weight:500}
.pts{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.pts li{display:flex;gap:10px;font-size:14.5px;line-height:1.55}
.pts li:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--brand-600);margin-top:9px}
.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.steps li{counter-increment:s;display:flex;gap:12px;font-size:14.5px}
.steps li:before{content:counter(s);flex:none;width:26px;height:26px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);font-weight:800;font-size:12.5px;display:grid;place-items:center}
[data-theme="dark"] .steps li:before{color:#c9a9ff}
.lgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px 18px}
.lnk{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font-weight:700;font-size:14px;transition:.15s;background:var(--surface)}
.lnk:hover{border-color:var(--brand-500);background:var(--brand-50);transform:translateY(-1px)}
.lnk .qi{width:36px;height:36px}
.lnk small{display:block;font-weight:500;font-size:11.5px;color:var(--muted)}
.lnk .ext{margin-left:auto;color:var(--muted)}
.lnk.primary{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.lnk.primary small,.lnk.primary .ext{color:#e4d6fb}
.lnk.primary .qi{background:rgba(255,255,255,.16)!important;color:#fff!important}
.timeline{list-style:none;margin:0;padding:4px 18px 14px}
.timeline li{position:relative;padding:10px 0 10px 22px;border-left:2px solid var(--line);margin-left:6px;font-size:14px}
.timeline li:before{content:"";position:absolute;left:-7px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--brand-600);border:2px solid var(--surface)}
.timeline b{display:block;font-size:12px;color:var(--muted)}
.prose{font-size:15.5px;line-height:1.75;color:var(--ink-2)}
.prose h2{font-size:20px;color:var(--ink);margin:22px 0 8px;letter-spacing:-.3px}
.prose h3{font-size:17px;color:var(--ink);margin:18px 0 6px}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{padding-left:20px;margin:0 0 14px}
.prose li{margin:5px 0}
.prose a{color:var(--brand-700);text-decoration:underline;text-underline-offset:2px}
.prose table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:14px}
.prose td,.prose th{border:1px solid var(--line);padding:8px 10px}
.prose img{max-width:100%;height:auto;border-radius:12px}
.dnote{display:flex;gap:10px;font-size:12.5px;color:var(--muted);background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;padding:12px 14px;margin-bottom:16px}
.dnote .ic{color:var(--amber);margin-top:2px}
.dnote a{color:var(--brand-700);font-weight:700}
.toc-mini a{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:13.5px;font-weight:600;border-bottom:1px solid var(--line-2)}
.toc-mini a:last-child{border:0}
.toc-mini a:hover{background:var(--brand-50);color:var(--brand-700)}
.share{display:flex;gap:8px;padding:14px}
.share a,.share button{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:9px;font-size:12.5px;font-weight:700;background:var(--surface)}
.share a:hover,.share button:hover{border-color:var(--brand-500);color:var(--brand-700)}
.mbar{display:none}

/* Current affairs */
.ca-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}
.datebox{background:#fff;color:var(--brand-900);border-radius:16px;padding:12px 20px;text-align:center;min-width:110px}
.datebox b{display:block;font-size:40px;line-height:1;font-weight:800}
.datebox small{font-weight:700;font-size:12.5px;color:#6f6883}
.ca-lang{display:inline-flex;background:var(--brand-50);border:1px solid var(--line);border-radius:99px;padding:3px}
.ca-lang button{border:0;background:none;padding:6px 13px;border-radius:99px;font-weight:700;font-size:12.5px;color:var(--muted)}
.ca-lang button.on{background:var(--brand-700);color:#fff}
.lscope .lb{display:none}
.lscope[data-l=hi] .lb.hi,.lscope[data-l=en] .lb.en,.lscope[data-l=both] .lb{display:block}
.lscope[data-l=both] .lb.en{border-top:1px dashed var(--line);margin-top:18px;padding-top:18px}
/* Bilingual inline text (one-liners, quiz): Hindi by default, toggle-aware inside .lscope (CA + quiz pages) */
.lt.en{display:none}
.lscope[data-l=en] .lt.hi{display:none}
.lscope[data-l=en] .lt.en,.lscope[data-l=both] .lt.en{display:inline}
.lscope[data-l=both] .qopt .lt.en:before,.quiz.lscope[data-l=both] .opt .lt.en:before{content:" / ";color:var(--muted)}
.quiz.lscope[data-l=both] .opt .lt.en:before{color:inherit;opacity:.6}
.lscope[data-l=both] .oneliners .lt.en,.lscope[data-l=both] .qitem h4 .lt.en,.lscope[data-l=both] .qexp .lt.en,.quiz.lscope[data-l=both] h4 .lt.en,.quiz.lscope[data-l=both] .exp .lt.en{display:block;margin-top:4px;font-weight:500;color:var(--muted);font-size:.93em}
.quiz.lscope[data-l=both] h4 .lt.en,.quiz.lscope[data-l=both] .exp .lt.en{color:#d9c8ff}
.lscope[data-l=both] .dsec>h2 .lt.en,.lscope[data-l=both] .btn .lt.en,.lscope[data-l=both] .ca-langbar .lt.en{display:none}
.ca-langbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.ca-langbar>b{font-size:14px;color:var(--muted)}
.ca-lang-mini{margin-left:auto}
.ca-lang-mini .ca-lang{padding:2px}
.ca-lang-mini .ca-lang button{padding:4px 9px;font-size:11.5px}
#quiz>h2{flex-wrap:wrap}
.prose .news{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 0 14px;background:var(--surface)}
.prose .news h2{margin-top:0}
.prose .ca-why{background:var(--brand-50);border-left:4px solid var(--brand-600);border-radius:10px;padding:10px 14px;font-size:14.5px;margin:10px 0}
.prose .static{background:var(--amber-bg);border-radius:10px;padding:10px 14px;font-size:14px;margin:10px 0}
.oneliners{counter-reset:o;list-style:none;margin:0;padding:6px 18px 12px}
.oneliners li{counter-increment:o;position:relative;padding:9px 0 9px 36px;border-bottom:1px dashed var(--line);font-size:14.5px}
.oneliners li:last-child{border:0}
.oneliners li:before{content:counter(o);position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);font-size:12px;font-weight:800;display:grid;place-items:center}
.qlist{padding:14px 18px}
.qitem{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px;background:var(--surface-2)}
.qitem h4{margin:0 0 10px;font-size:15px;line-height:1.5}
.qitem h4>span:first-child{color:var(--brand-700)}
.qopts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qopt{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:9px 12px;text-align:left;font-weight:600;font-size:14px;transition:.15s}
.qopt:hover:not(:disabled){border-color:var(--brand-500);background:var(--brand-50)}
.qopt:disabled{cursor:default;opacity:1}
.qopt.right{background:var(--green);border-color:var(--green);color:#fff}
.qopt.wrong{background:var(--red);border-color:var(--red);color:#fff}
.qexp{display:none;margin:10px 0 0;font-size:13.5px;color:var(--ink-2)}
.qitem.done .qexp{display:block}
.qscore{position:sticky;bottom:14px;margin:4px auto 6px;width:fit-content;background:var(--brand-900);color:#fff;border-radius:99px;padding:9px 18px;font-weight:700;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.cagrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}

/* Calendar page */
.calmonth{margin-bottom:16px}
.calmonth h3{margin:0;padding:12px 18px;font-size:15px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.calmonth .ev{padding:12px 18px;border-bottom:1px dashed var(--line)}
.calmonth .ev h4 a:hover{color:var(--brand-700)}

/* Official websites page */
.sites{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.site{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;transition:.15s}
.site:hover{border-color:var(--brand-500);transform:translateY(-2px)}
.site .org-av{width:42px;height:42px;border-radius:12px}
.site b{display:block;font-size:14px}
.site small{color:var(--muted);font-size:12px;word-break:break-all}
.site .ext{margin-left:auto;color:var(--muted)}

/* 404 / empty */
.nf{text-align:center;padding:60px 20px}
.nf b{display:block;font-size:72px;line-height:1;color:var(--brand-700);letter-spacing:-3px}
.nf h1{margin:10px 0 6px;font-size:24px}
.nf p{color:var(--muted);margin:0 0 20px}

@media (max-width:1180px){
  .alayout,.dlayout{grid-template-columns:minmax(0,1fr) 270px}
  .sites{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .alayout,.dlayout{grid-template-columns:minmax(0,1fr)}
  .side{position:static}
  .filterbar{grid-template-columns:1fr 1fr}
  .filterbar .btn{grid-column:1/-1}
  .facts4{grid-template-columns:1fr 1fr}
  .facts4>div:nth-child(2){border-right:0}
  .facts4>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .cagrid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .crumbs{margin-top:12px;font-size:11.5px}
  .phead{padding:20px 16px;border-radius:16px}
  .phead h1{font-size:23px}
  .phead h1 .h-ico{width:34px;height:34px}
  .phead p{font-size:13.5px}
  .filterbar{padding:12px;gap:8px;margin-top:14px}
  .listpanel .item{padding:12px 14px}
  .dhero-top{padding:20px 16px 18px}
  .dhero h1{font-size:22px}
  .facts4>div{padding:12px 14px}
  .facts4 b{font-size:14.5px}
  .dactions{padding:12px 14px}
  .dactions .btn{flex:1;justify-content:center}
  .dactions .spacer{display:none}
  .ttable th,.ttable td{padding:10px 14px;font-size:14px}
  .lgrid{grid-template-columns:1fr;padding:14px}
  .dsec>h2{padding:12px 14px;font-size:16px}
  .dsec .in{padding:14px}
  .ca-hero{grid-template-columns:1fr}
  .datebox{display:none}
  .qopts{grid-template-columns:1fr}
  .cagrid{grid-template-columns:1fr}
  .sites{grid-template-columns:1fr}
  .mbar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));z-index:45;padding:8px 12px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(35,14,70,.08)}
  .mbar .btn{flex:1;justify-content:center;padding:11px 10px}
  body.has-mbar{padding-bottom:calc(130px + env(safe-area-inset-bottom))}
  body.has-mbar .toast{bottom:150px}
}
.btn-line.on{background:var(--brand-700);border-color:var(--brand-700);color:#fff}

/* ---------- v2: module-aware grids ---------- */
.shortcuts{grid-template-columns:repeat(var(--sc-n,8),1fr)}
.board[style*="--board-n:2"]{grid-template-columns:1.5fr 1fr}
.board[style*="--board-n:1"]{grid-template-columns:1fr}
.board-2[style*="--b2-n:2"]{grid-template-columns:repeat(2,1fr)}
.board-2[style*="--b2-n:1"]{grid-template-columns:1fr}
.learn:not(:has(.quiz)){grid-template-columns:1fr}
.learn:not(:has(.cards3)){grid-template-columns:minmax(0,420px)}
@media (max-width:1180px){.shortcuts{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.board-2[style*="--b2-n"]{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.board[style*="--board-n"]{grid-template-columns:1fr}.board-2[style*="--b2-n"]{grid-template-columns:1fr}}

/* ---------- v2: Study Material ---------- */
.smchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.smchips a{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:8px 14px;font-size:13px;font-weight:700;transition:.15s}
.smchips a:hover{border-color:var(--brand-500);color:var(--brand-700)}
.smchips a.on{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.smchips a small{font-weight:600;opacity:.7}
.smfilter{grid-template-columns:repeat(3,1fr) auto}
.smgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.smcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:.2s;box-shadow:var(--shadow-sm)}
.smcard:hover{border-color:var(--brand-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.smtop{display:flex;align-items:center;gap:10px}
.smico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}
.smtype{font-size:11.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--muted)}
.smcard h3{margin:0;font-size:15.5px;line-height:1.4}
.smcard h3 a:hover{color:var(--brand-700)}
.smcard p{margin:0;font-size:13px;color:var(--muted)}
.smmeta{display:flex;flex-wrap:wrap;gap:6px}
.smmeta span{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2)}
.smfoot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.smfoot .btn{padding:8px 14px;font-size:13px}
.smfoot .save{margin-left:auto}
.badge-prem{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;background:linear-gradient(90deg,#ffd76a,#ffb627);color:#5a3d00;letter-spacing:.3px}
.badge-free{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;background:var(--green-bg);color:var(--green)}
.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.t-pyq{background:#e6efff;color:#1f5fd1}.t-notes{background:#e5f6ec;color:#12804a}.t-books{background:#fff2d9;color:#a65f00}.t-mock{background:#efe6fd;color:#5419a3}
[data-theme="dark"] .t-pyq,[data-theme="dark"] .t-notes,[data-theme="dark"] .t-books,[data-theme="dark"] .t-mock{background:var(--brand-100);color:#c9a9ff}
@media (max-width:900px){.smfilter{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.smgrid{grid-template-columns:1fr}.smchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-12px;padding-right:12px}.smchips a{flex:none}}
@media (max-width:900px){.facts4[style]{grid-template-columns:1fr 1fr!important}.facts4[style]>div{border-bottom:1px solid var(--line)}}

/* Content-type label in search & mixed listings */
.meta .ptype{display:inline-flex;align-items:center;padding:1px 8px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.2px;background:var(--brand-100);color:var(--brand-700);text-transform:uppercase}
.ptype-job{background:#e7f6ee;color:#11734a}
.ptype-result{background:#e8f0ff;color:#1d4fbf}
.ptype-admit{background:#fff4e0;color:#9a5b00}
.ptype-answer_key{background:#fde9f1;color:#a3165a}
.ptype-study_material{background:#e6f7f8;color:#0b6f78}
[data-theme=dark] .meta .ptype{background:#ffffff14;color:#e4d6ff}

/* Official Websites: grouped by category */
.sites-h{font-size:16px;font-weight:800;margin:26px 0 10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sites-h a{font-size:12.5px;font-weight:700;color:var(--brand-700)}
.sites .site small{display:block}
/* Chips inside the dark page header (Daily Quiz subjects, board category) */
.phead .smchips a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
.phead .smchips a:hover{background:rgba(255,255,255,.22);border-color:#fff;color:#fff}
.phead .smchips a.on{background:#fff;border-color:#fff;color:var(--brand-700)}
.phead .smchips a small{opacity:.8}

/* ---------- Ad places (ExamPath Core → Ads). Quiet, labelled, space reserved so the page never jumps. ---------- */
.ep-ad{margin:22px 0;text-align:center;clear:both}
.ep-ad-label{display:block;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ep-ad-in{min-height:var(--ad-h);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ep-ad-in>*{max-width:100%}
.ep-ad-in ins{display:block;width:100%}
@media (max-width:760px){.ep-ad-in{min-height:var(--ad-hm)}.ep-ad--sidebar{display:none}}
.ep-ad-ph{width:100%;min-height:inherit;border:1.5px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:13px;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(127,127,127,.05) 10px 20px)}
.ep-ad-ph b{color:var(--ink);font-weight:700}
.items .ep-ad-li{list-style:none;padding:6px 16px;border-bottom:1px solid var(--line)}
.items .ep-ad-li .ep-ad{margin:10px 0}
.smgrid>.ep-ad{grid-column:1/-1;margin:6px 0}
.ep-ad-sticky{position:sticky;top:96px;margin-top:28px}
.ep-ad-sticky:empty{display:none}