/* QCC Notes MVP shell additions */
html[lang=hi] body{font-family:var(--serif),"Noto Sans Devanagari",sans-serif}
.lang-link{font:600 .72rem var(--mono);letter-spacing:.06em;padding:.32rem .7rem;border-radius:3px;border:1px solid var(--ink);background:var(--ink);color:var(--paper)!important;text-decoration:none;white-space:nowrap}
.lang-link:hover{background:var(--accent);border-color:var(--accent)}
@media(max-width:640px){.hide-sm{display:none}.top-tags .tag{display:none}.top-tags .lang-link{display:inline-block}}
.rail-ch{font:600 .95rem/1.35 var(--disp);margin:.4rem 0 .8rem}.rail-ch a{color:var(--ink);text-decoration:none}
.chaplist a.cur{color:var(--accent);font-weight:600}
.chaplist .num{display:inline-block;min-width:2.4em;font:500 .7rem var(--mono);color:var(--muted)}
.qcc-cards{display:grid;gap:1.2rem;margin-top:3rem}
@media(min-width:760px){.qcc-cards{grid-template-columns:1fr 1fr}.qcc-cards #qcc-progress-card{grid-column:1/-1}}
.qcc-card{margin:0}.qcc-card h3{font-size:1.05rem;margin-top:.2rem}
.qcc-card-body{padding:1.1rem 1.4rem}.qcc-card-body p{margin:0 0 .9rem;font-size:.95rem;color:var(--ink2)}
.qcc-small{font:400 .74rem var(--mono);color:var(--muted);margin-top:.6rem}
.btn-accent,.btn-line{display:inline-flex;align-items:center;gap:.5rem;font:700 .8rem var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:.75rem 1.1rem;border-radius:4px;text-decoration:none}
.btn-accent{background:var(--accent);color:var(--paper)!important;border:0}
.btn-accent .price{background:rgba(248,244,234,.22);padding:.1rem .45rem;border-radius:3px}
.btn-line{border:1px solid var(--ink);color:var(--ink)!important}
.btn-line:hover{background:var(--ink);color:var(--paper)!important}
details.qcc-ans{margin:.6rem 0 0;border:1px dashed var(--line2);border-radius:4px;padding:.5rem .8rem;background:var(--card)}
details.qcc-ans>summary{cursor:pointer;font:600 .74rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
details.qcc-ans[open]>summary{margin-bottom:.5rem}
.hub-title{margin:2.2rem 0 .8rem}
.hub-list{list-style:none;display:grid;gap:.8rem;padding:0}
.hub-topic{display:grid;grid-template-columns:4.2rem 1fr;gap:.2rem 1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:6px;background:var(--card);text-decoration:none;color:var(--ink)}
.hub-topic:hover{border-color:var(--accent)}
.hub-topic .num{grid-row:span 2;font:600 .8rem var(--mono);color:var(--accent);padding-top:.2rem}
.hub-topic b{font:600 1.08rem/1.3 var(--disp)}
.hub-topic .blurb{font-size:.9rem;color:var(--muted);line-height:1.45}
.hub-topic.test{border-style:dashed}
.hub-start{margin:1.6rem 0 0}
.lang-hint{position:fixed;left:16px;right:16px;bottom:16px;margin:0 auto;width:fit-content;max-width:calc(100vw - 32px);z-index:70;background:var(--ink);color:var(--paper);font:500 .82rem/1.4 var(--mono);padding:.6rem .9rem;border-radius:6px;display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.qcc-src{margin-top:2.2rem}
.qcc-src pre{max-width:100%;box-sizing:border-box}
@media (max-width:480px){.qcc-src .axes .gl{white-space:normal;max-width:36%;line-height:1.2}}
.ws-list{list-style:none;display:grid;gap:1rem;padding:0;margin:1.6rem 0 0}
.ws-q{border:1px solid var(--line);border-radius:6px;background:var(--card);padding:1rem 1.2rem}
.ws-lab{font:600 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}
.ws-body{margin-bottom:.5rem}.ws-opts{margin:.2rem 0 .4rem 1.4rem}.ws-opts li{margin:.15rem 0}
.subs,.subs select,.conv,.conv-fields,.conv-head{max-width:100%;min-width:0}.subs select{width:100%}.subs{flex-wrap:wrap}
.lang-hint a{color:#ffd9c9}.lang-hint button{background:none;border:0;color:var(--paper);font-size:1.1rem;cursor:pointer}