/* Std XII Hindi */
:root{--b-hindi:url("banners/hindi.svg")}
body.hx-hindi main,body.hx-hindi #chapters,.hx-hubcard,.hx-sprint,.hx-paper,.hx-mockintro{font-family:"Noto Sans Devanagari","Nirmala UI","Mangal",Figtree,system-ui,sans-serif}
body.hx-hindi main{line-height:1.7}
.chapters li.hx-part{font-size:.74rem;letter-spacing:.02em;text-transform:none}
/* sidebar hub entry */
.hx-hub{display:flex!important;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:14px;border:1.5px solid #e0457b;background:linear-gradient(135deg,color-mix(in srgb,#e0457b 18%,var(--card)),var(--card));cursor:pointer}
.hx-hub:hover{border-color:var(--brand)}
.hx-hub.active{background:var(--brand);border-color:var(--brand)}
.hx-hub.active b,.hx-hub.active small{color:var(--on-brand)}
.hx-hub-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e0457b;color:#fff;font-size:1.05rem}
.hx-hub-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.hx-hub-tx small{color:var(--muted);font-size:.74rem;line-height:1.3}
/* chapter header chips, recap, jump buttons */
.hx-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.hx-meta span{padding:3px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:.8rem}
.hx-meta .hx-vib{font-weight:700;color:#fff;border:0}
.hx-vib.v1{background:#1f8a70}.hx-vib.v2{background:#7a4fd6}.hx-vib.v3{background:#c2410c}.hx-vib.v4{background:#2563eb}.hx-vib.v5{background:#be185d}
.hx-recap{margin:12px 0;padding:12px 14px;border-radius:14px;border:1.5px dashed color-mix(in srgb,var(--sc,#e0457b) 60%,var(--line));background:color-mix(in srgb,var(--sc,#e0457b) 7%,var(--card))}
.hx-rt{margin:0 0 4px;font-weight:800;font-size:.85rem;letter-spacing:.03em;color:var(--sc,#e0457b)}
.hx-recap ul{margin:0;padding-left:20px}.hx-recap li{margin:3px 0}
.hx-jumps{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}
.hx-jumps button{padding:6px 12px;font-size:.86rem;border-radius:999px}
.hx-hubbtn{border-color:#e0457b!important;background:color-mix(in srgb,#e0457b 12%,var(--card))}
/* practice section */
.hx-sec{margin-top:18px}
.hx-sec h3 small,.hx-card small{font-weight:500;color:var(--muted);font-size:.8rem}
.hx-intro{color:var(--muted);margin:0 0 10px;font-size:.92rem}
.hx-list{display:grid;gap:10px}
.hx-card,.hx-w{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 10px}
.hx-card.done.ok{border-color:var(--ok)}.hx-card.done.bad{border-color:var(--bad)}
.hx-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}
.hx-tag{font-size:.74rem;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand)}
.hx-marks,.hx-words,.hx-src{font-size:.74rem;padding:2px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--muted)}
.hx-board{font-size:.74rem;font-weight:700;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--gold) 30%,var(--card));color:#6b4a00;border:1px solid var(--gold)}
.hx-res{margin-left:auto;font-weight:800;font-size:.85rem}.hx-res.ok{color:var(--ok)}.hx-res.bad{color:var(--bad)}
.hx-q{font-weight:600;margin:0 0 8px}
.hx-hint{margin:0 0 6px;color:var(--muted);font-size:.84rem}
.hx-opts{display:grid;gap:6px}
.hx-tf{grid-template-columns:1fr 1fr}
.hx-opt{text-align:left;width:100%;padding:8px 11px;border-radius:10px}
.hx-chips{display:flex;flex-wrap:wrap;gap:6px}
.hx-chip{padding:7px 12px;border-radius:999px;font-size:.92rem}
.hx-opt.picked,.hx-chip.picked{border-color:var(--brand);background:var(--brand-soft)}
.hx-opt.right,.hx-chip.right{border-color:var(--ok);background:var(--ok-bg)}
.hx-opt.wrong,.hx-chip.wrong{border-color:var(--bad);background:var(--bad-bg)}
.hx-chip.miss{border:2px dashed var(--ok)}
.hx-opt:disabled,.hx-chip:disabled{opacity:1;cursor:default}
.hx-match{display:grid;gap:8px}
.hx-mrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px;align-items:center}
.hx-mrow select{width:100%}
.hx-mrow select.right{border-color:var(--ok);background:var(--ok-bg)}.hx-mrow select.wrong{border-color:var(--bad);background:var(--bad-bg)}
.hx-corr{grid-column:2;color:var(--ok);font-weight:600}
.hx-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.hx-fb{font-weight:600;font-size:.9rem}
.hx-card.ok .hx-fb{color:var(--ok)}.hx-card.bad .hx-fb{color:var(--bad)}
.hx-exp{margin:6px 0 0;color:var(--muted);font-size:.9rem}
/* written answers */
.hx-ta{width:100%;margin:4px 0 8px;padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;resize:vertical}
.hx-show{font-size:.9rem}
.hx-model{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.hx-mh{margin:6px 0 4px;font-weight:700;font-size:.84rem;color:var(--brand)}
.hx-mt{margin:0 0 6px}
.hx-cl{display:grid;gap:4px}.hx-cl label{display:flex;gap:8px;align-items:flex-start;font-size:.92rem}.hx-cl input{width:auto;margin-top:5px}
.hx-self{margin:8px 0 0;font-weight:600}
/* format box */
.hx-format{margin:14px 0;padding:12px 14px;border-radius:14px;border:1.5px solid #2563eb;background:color-mix(in srgb,#2563eb 6%,var(--card))}
.hx-format h3{margin-top:0}
.hx-steps,.hx-rules{margin:0 0 6px;padding-left:22px}.hx-steps li,.hx-rules li{margin:3px 0}
.hx-sample summary{cursor:pointer;font-weight:600;color:var(--brand)}.hx-sample p{margin:8px 0 0}
/* grammar tabs and lists */
.hx-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.hx-tab{padding:6px 12px;border-radius:999px;font-size:.88rem}
.hx-tab[aria-selected="true"]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.hx-round{font-weight:600;color:var(--muted)}
.hx-mlist{margin:12px 0}.hx-mlist summary{cursor:pointer;font-weight:600;color:var(--brand)}
.hx-tw{overflow-x:auto;margin-top:8px}
.hx-tw table{width:100%;border-collapse:collapse;font-size:.9rem}
.hx-tw th,.hx-tw td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.hx-tw th{background:var(--bg)}
/* unseen passages */
.hx-pass{border:1px solid var(--line);border-radius:14px;margin:0 0 10px;padding:0 12px}
.hx-pass>summary{cursor:pointer;padding:11px 0;font-weight:700}
.hx-ptext{padding:10px 12px;margin:0 0 10px;border-left:4px solid var(--brand);background:var(--bg);border-radius:0 10px 10px 0;line-height:1.8}
/* flashcards */
.hx-fc{display:grid;justify-items:center;gap:8px;margin:6px 0 12px}
.hx-fc-card{width:min(360px,100%);min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;border-radius:18px;border:2px solid var(--brand);background:linear-gradient(145deg,var(--brand-soft),var(--card));font-size:1.35rem;text-align:center;touch-action:pan-y}
.hx-fc-card b{font-size:1.35rem}.hx-fc-card small{font-size:.8rem;color:var(--muted)}
.hx-fc-card.flip{border-color:var(--ok);background:linear-gradient(145deg,var(--ok-bg),var(--card))}
.hx-fc-meta{margin:0;color:var(--muted);font-weight:600}
/* hub */
.hx-score{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0 14px}
.hx-score>div{padding:12px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.hx-score b{display:block;font-size:1.6rem;font-family:"Bricolage Grotesque",Figtree,sans-serif}
.hx-score small{color:var(--muted)}
.hx-meters{display:grid;gap:10px}
.hx-mrow2{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.hx-mh2{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.hx-mh2 span{color:var(--muted);font-weight:600;white-space:nowrap}
.hx-bar{height:10px;border-radius:999px;background:var(--bg);overflow:hidden;border:1px solid var(--line)}
.hx-bar i{display:block;height:100%;background:linear-gradient(90deg,#e0457b,var(--brand))}
.hx-mstat{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0;font-size:.84rem;color:var(--muted)}
.hx-go{font-size:.86rem;padding:5px 12px}
.hx-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:14px 0}
.hx-act{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;border-radius:14px}
.hx-act small{font-weight:400;opacity:.85}
.hx-note{color:var(--muted);font-size:.84rem}
/* sprint and mock */
.hx-sbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px;padding:8px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.hx-sbar span{font-weight:700;font-variant-numeric:tabular-nums}
.hx-sticky{position:sticky;top:8px;z-index:5;box-shadow:var(--shadow)}
.hx-sticky button{margin-left:auto}
.hx-msec{margin:18px 0}.hx-msec h3{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hx-part{margin:10px 0 16px;padding-left:10px;border-left:3px solid var(--line)}
.hx-plabel{margin:0 0 8px}
.hx-resbox,.hx-final{padding:12px 14px;border-radius:14px;border:1.5px solid var(--brand);background:var(--brand-soft);margin:0 0 14px}
.hx-big{font-size:2.2rem;font-weight:800;margin:0;font-family:"Bricolage Grotesque",Figtree,sans-serif}
.hx-per{margin:6px 0;padding-left:20px}
@media (max-width:560px){
  .hx-card,.hx-w{padding:10px}
  .hx-mrow{grid-template-columns:1fr}
  .hx-corr{grid-column:1}
  .hx-sticky button{margin-left:0}
  .hx-part{padding-left:6px}
}
.hx-open{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 6%,var(--card))}
.hx-kp{margin:0;padding-left:20px}.hx-kp li{margin:2px 0}