/* WAGH Tuition Classes — Student Content, Dynamic MCQ & Progress UI v2.2 */
.dynamic-section-head.compact{margin-bottom:12px}.wtc-mcq-hub,.wtc-test-stage,.wtc-result-page{display:grid;gap:18px;color:#172033}.mcq-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border-radius:24px;background:linear-gradient(135deg,#0f6073,#16869a 55%,#e3a72f);color:#fff;box-shadow:0 18px 42px rgba(15,96,115,.22)}.mcq-welcome h2{font-size:clamp(28px,4vw,42px);margin:5px 0;color:#fff}.mcq-welcome p{margin:0;max-width:650px;color:#e7f7f9}.mcq-kicker{display:block;font-size:11px;font-weight:950;letter-spacing:.13em;color:#de9f24}.mcq-welcome .mcq-kicker{color:#ffe39a}.mcq-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:300px}.mcq-mini-stats span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px;text-align:center;font-size:12px}.mcq-mini-stats b{display:block;font-size:22px}.mcq-profile-line{display:flex;gap:8px;flex-wrap:wrap}.mcq-profile-line span{background:#fff;border:1px solid #d8e7eb;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;color:#46606a}.mcq-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mcq-test-card{background:#fff;border:1px solid #d7e6eb;border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(20,73,91,.08);display:grid;gap:12px;transition:.2s}.mcq-test-card:hover{transform:translateY(-3px);border-color:#218aa0}.mcq-test-card.is-full{border-color:#efc45d;background:linear-gradient(145deg,#fff,#fffbec)}.mcq-test-top,.mcq-test-footer,.mcq-test-meta,.mcq-card-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.mcq-test-number{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#e8f6f8;color:#11677a;font-weight:950}.is-full .mcq-test-number{background:#fff0bf}.mcq-type{font-size:10px;letter-spacing:.1em;font-weight:950;color:#71838c}.mcq-test-card h3{margin:0;font-size:21px}.mcq-test-card p{margin:0;color:#64748b;min-height:22px}.mcq-test-meta{justify-content:flex-start;color:#60717a;font-size:12px}.mcq-test-progress,.skill-track{height:7px;background:#e7eef0;border-radius:999px;overflow:hidden}.mcq-test-progress i,.skill-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#13748a,#e3a72f)}.mcq-btn{border:0;border-radius:12px;padding:10px 15px;background:#14778b;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 6px 16px rgba(20,119,139,.18)}.mcq-btn:hover{background:#0f6073}.mcq-btn.secondary{background:#fff;color:#146e81;border:1px solid #bcd8de;box-shadow:none}.mcq-btn.success{background:#18a557}.mcq-btn.wide{width:100%;justify-content:center}.mcq-btn:disabled{opacity:.45;cursor:not-allowed}.mcq-text-btn{border:0;background:transparent;padding:6px 0;color:#126f84;font-weight:900;cursor:pointer}.danger-text{color:#d24747}.mcq-stage-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;background:#fff;border:1px solid #d8e7eb;border-radius:20px}.mcq-stage-head h2{margin:3px 0 0;color:#172033}.mcq-clock{min-width:112px;background:#eaf7f8;border:1px solid #bfe0e5;border-radius:16px;padding:10px 16px;text-align:center}.mcq-clock small{display:block;font-size:9px;font-weight:950;letter-spacing:.12em;color:#5e7980}.mcq-clock b{font-size:25px;color:#11697c;font-variant-numeric:tabular-nums}.mcq-clock.urgent{background:#fff0f0;border-color:#ffc5c5}.mcq-clock.urgent b{color:#dc3d3d}.mcq-answer-progress{display:flex;align-items:center;gap:15px;font-size:13px}.mcq-answer-progress>span{height:8px;flex:1;background:#e6edef;border-radius:999px;overflow:hidden}.mcq-answer-progress i{display:block;height:100%;background:linear-gradient(90deg,#168399,#dfaa36);border-radius:inherit}.mcq-stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:18px;align-items:start}.mcq-question-card,.mcq-palette{background:#fff;border:1px solid #d8e7eb;border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(20,73,91,.07)}.mcq-question-label{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#667982;font-size:12px}.mcq-question-label span{color:#126f84;font-weight:950}.mcq-question-label em{font-style:normal}.mcq-question-card h3{font-size:clamp(21px,3vw,29px);line-height:1.38;margin:18px 0 22px;color:#172033}.mcq-options{display:grid;gap:11px}.mcq-option{display:grid;grid-template-columns:42px 1fr 26px;gap:12px;align-items:center;width:100%;padding:13px;border:1.5px solid #d6e2e6;border-radius:16px;background:#fff;text-align:left;cursor:pointer;color:#263744}.mcq-option b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f0f5f6;color:#3c5962}.mcq-option i{opacity:0;font-style:normal;color:#fff}.mcq-option:hover{border-color:#6eb6c3;background:#f7fcfd}.mcq-option.selected{border-color:#158199;background:#eaf8fa;box-shadow:0 0 0 3px rgba(21,129,153,.1)}.mcq-option.selected b{background:#158199;color:#fff}.mcq-option.selected i{opacity:1;background:#18a557;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.mcq-question-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.mcq-palette{position:sticky;top:88px}.mcq-palette h4{margin:0 0 13px}.mcq-palette>div{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.mcq-palette-item{aspect-ratio:1;border:1px solid #d3e0e4;border-radius:9px;background:#fff;color:#60747c;font-weight:900;cursor:pointer}.mcq-palette-item.answered{background:#dff8e9;border-color:#74d79f;color:#147b44}.mcq-palette-item.current{background:#14798d;border-color:#14798d;color:#fff;box-shadow:0 0 0 3px rgba(20,121,141,.13)}.mcq-palette p{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;color:#6a7a82;margin:14px 0}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#14798d}.dot.answered{background:#38bb73;margin-left:7px}.mcq-result-hero{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;border-radius:25px;padding:26px;background:linear-gradient(135deg,#102d3a,#126e82);color:#fff}.mcq-result-hero h2{font-size:clamp(25px,4vw,38px);color:#fff;margin:4px 0}.mcq-result-hero p{color:#dceff2}.result-score{width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#f0b840 calc(var(--score)*1%),rgba(255,255,255,.16) 0);position:relative}.result-score:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#123b49}.result-score b,.result-score span{position:relative;z-index:1}.result-score b{font-size:34px}.result-score span{font-size:13px;color:#c9e8ed}.result-pills{display:flex;gap:8px;flex-wrap:wrap}.result-pills span{background:rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;font-size:12px}.save-status{padding:13px 16px;border-radius:14px;font-weight:850}.save-status.saved{background:#e6f8ed;color:#12733f;border:1px solid #a7e1bf}.save-status.failed{background:#fff0f0;color:#b42f2f;border:1px solid #ffc3c3}.result-actions{display:flex;justify-content:flex-end;gap:10px}.mcq-review-list{display:grid;gap:10px}.review-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.review-heading h3{margin:2px 0}.mcq-review{background:#fff;border:1px solid #d9e5e9;border-radius:16px;overflow:hidden}.mcq-review summary{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:15px;cursor:pointer}.mcq-review summary>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:950}.mcq-review.correct summary>span{background:#dcf8e7;color:#118246}.mcq-review.wrong summary>span{background:#ffe2e2;color:#c93434}.mcq-review.unanswered summary>span{background:#edf1f2;color:#61747b}.mcq-review summary small{display:block;color:#73868d;margin-bottom:3px}.mcq-review summary b{display:block}.mcq-review summary em{font-style:normal;font-size:11px;font-weight:900}.mcq-review-body{padding:0 15px 16px 64px}.mcq-explanation{background:#f5fafb;border-left:4px solid #168399;padding:12px 14px;border-radius:0 12px 12px 0}.mcq-explanation p{margin:5px 0 0}.mcq-loading,.mcq-empty{min-height:220px;display:grid;place-content:center;text-align:center;background:#fff;border:1px solid #d8e7eb;border-radius:22px;padding:25px}.mcq-loading span{width:44px;height:44px;border:4px solid #d4e9ed;border-top-color:#14798d;border-radius:50%;margin:auto;animation:mcqSpin .8s linear infinite}@keyframes mcqSpin{to{transform:rotate(360deg)}}

/* Personalized Progress dashboard */
.progress-heading h2{margin:8px 0 4px}.progress-hero{display:grid;grid-template-columns:145px 1fr;gap:22px;align-items:center;background:linear-gradient(135deg,#f4fbfc,#fff9e8);margin-bottom:16px}.progress-ring{--progress:0;width:125px;height:125px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#168399 calc(var(--progress)*1%),#e5ecee 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.progress-ring strong,.progress-ring span{position:relative;z-index:1}.progress-ring strong{font-size:27px;color:#126f83}.progress-ring span{font-size:11px;color:#71828a}.progress-hero-copy small{font-weight:900;color:#b47c13}.progress-hero-copy h3{font-size:23px;margin:5px 0 13px}.progress-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.progress-stat{display:grid;grid-template-columns:38px 1fr;gap:2px 10px;align-items:center;padding:17px}.progress-stat>span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#edf8fa;display:grid;place-items:center}.progress-stat small{color:#70828a}.progress-stat b{font-size:22px}.progress-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress-panel{margin-bottom:16px}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.panel-title small{font-size:10px;letter-spacing:.12em;color:#b77d11;font-weight:950}.panel-title h3{margin:3px 0}.panel-title>span{font-size:28px}.recommendation-list,.skill-list,.recent-attempts{display:grid;gap:10px}.recommendation-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px;border-radius:14px;background:#f7fafb;border:1px solid #e0eaed}.recommendation-item>span{width:32px;height:32px;border-radius:10px;background:#168399;color:#fff;display:grid;place-items:center;font-weight:950}.recommendation-item b{display:block}.recommendation-item p{margin:3px 0 0;color:#647780;font-size:13px}.recommendation-item.focus>span{background:#e1972b}.recommendation-item.strength>span{background:#19a259}.skill-item{display:grid;gap:6px}.skill-item>div:first-child{display:flex;justify-content:space-between;gap:10px}.skill-item span{font-size:11px;color:#6e8188}.skill-item small{color:#73848b}.recent-attempt{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #e0eaed;border-radius:15px}.attempt-score{width:54px;height:54px;border-radius:15px;background:#fff0dc;color:#b36513;display:grid;place-items:center;font-weight:950}.attempt-score.strong{background:#dff7e8;color:#147a44}.recent-attempt b{display:block}.recent-attempt p{margin:2px 0;color:#697d85}.recent-attempt small{color:#7b8c92}.attempt-tag{font-size:10px;background:#edf5f7;border-radius:999px;padding:6px 9px;color:#55717a}.progress-empty{padding:18px;border-radius:14px;background:#f7fafb;color:#697b82;text-align:center}

@media(max-width:900px){.mcq-stage-layout{grid-template-columns:1fr}.mcq-palette{position:static}.mcq-palette>div{grid-template-columns:repeat(8,1fr)}.progress-layout{grid-template-columns:1fr}.progress-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.dynamic-section-head{align-items:center}.dynamic-section-head p{display:none}.mcq-welcome{display:grid;padding:20px}.mcq-mini-stats{min-width:0;width:100%}.mcq-test-grid{grid-template-columns:1fr}.mcq-stage-head{padding:14px}.mcq-stage-head h2{font-size:20px}.mcq-clock{min-width:94px;padding:8px}.mcq-question-card,.mcq-palette{padding:15px}.mcq-question-label{align-items:flex-start;display:grid}.mcq-option{grid-template-columns:38px 1fr 22px;padding:11px}.mcq-question-actions{display:grid;grid-template-columns:1fr 1fr}.mcq-question-actions .danger-text{order:3;grid-column:1/-1}.mcq-palette>div{grid-template-columns:repeat(5,1fr)}.mcq-result-hero{grid-template-columns:1fr;text-align:center}.result-score{margin:auto}.result-pills{justify-content:center}.result-actions{display:grid;grid-template-columns:1fr 1fr}.mcq-review summary{grid-template-columns:34px 1fr}.mcq-review summary em{display:none}.mcq-review-body{padding-left:15px}.progress-hero{grid-template-columns:1fr;text-align:center}.progress-ring{margin:auto}.progress-stat-grid{grid-template-columns:1fr 1fr}.recent-attempt{grid-template-columns:52px 1fr}.attempt-tag{display:none}}
@media(max-width:420px){.mcq-mini-stats{grid-template-columns:1fr 1fr}.mcq-mini-stats span:last-child{grid-column:1/-1}.progress-stat-grid{grid-template-columns:1fr}.mcq-question-card h3{font-size:20px}.mcq-option span{font-size:14px}}

/* Accessible branded confirmations */
body.mcq-dialog-open{overflow:hidden}.mcq-confirm-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(8,25,34,.62);backdrop-filter:blur(4px);opacity:0;transition:opacity .16s ease}.mcq-confirm-backdrop.visible{opacity:1}.mcq-confirm-dialog{width:min(100%,520px);padding:28px;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:#fff;color:#172033;box-shadow:0 28px 80px rgba(2,20,29,.34);transform:translateY(18px) scale(.98);transition:transform .18s ease}.mcq-confirm-backdrop.visible .mcq-confirm-dialog{transform:translateY(0) scale(1)}.mcq-confirm-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:14px;border-radius:17px;background:#e8f7f9;color:#116f83;font-size:28px;font-weight:950}.mcq-confirm-dialog.warning .mcq-confirm-icon{background:#fff2d8;color:#bc700a}.mcq-confirm-dialog.success .mcq-confirm-icon{background:#e4f8eb;color:#148048}.mcq-confirm-dialog h2{margin:5px 0 8px;font-size:clamp(24px,5vw,32px);line-height:1.16;color:#172033}.mcq-confirm-dialog>p{margin:0;color:#5f727c;line-height:1.55}.mcq-confirm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px;margin:22px 0}.mcq-confirm-stat{display:grid;gap:2px;padding:12px;border:1px solid #dce8eb;border-radius:15px;background:#f8fbfc}.mcq-confirm-stat small{font-size:10px;color:#71838b;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.mcq-confirm-stat b{font-size:19px;color:#233640}.mcq-confirm-stat.accent{border-color:#9ed8b6;background:#effaf3}.mcq-confirm-stat.accent b{color:#157643}.mcq-confirm-stat.warning{border-color:#f2ce91;background:#fff8e9}.mcq-confirm-stat.warning b{color:#b5650a}.mcq-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.mcq-confirm-actions .mcq-btn{min-height:48px;font-size:14px}.mcq-confirm-dialog.warning [data-dialog-confirm]{background:#d97706}.mcq-confirm-dialog.warning [data-dialog-confirm]:hover{background:#b95e04}
@media(max-width:650px){.mcq-confirm-backdrop{place-items:end center;padding:0}.mcq-confirm-dialog{width:100%;padding:24px 20px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;transform:translateY(100%);max-height:min(88vh,700px);overflow:auto}.mcq-confirm-backdrop.visible .mcq-confirm-dialog{transform:translateY(0)}.mcq-confirm-icon{width:48px;height:48px;border-radius:15px;font-size:24px}.mcq-confirm-stats{margin:18px 0}.mcq-confirm-actions{position:sticky;bottom:0;padding-top:8px;background:#fff}}
@media(max-width:390px){.mcq-confirm-actions{grid-template-columns:1fr}.mcq-confirm-actions [data-dialog-confirm]{order:-1}}
@media(prefers-reduced-motion:reduce){.mcq-confirm-backdrop,.mcq-confirm-dialog{transition:none}}
.mcq-inline-toast{position:fixed;z-index:10020;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));max-width:min(90vw,520px);padding:13px 17px;border:1px solid #c7dfe4;border-radius:14px;background:#123b49;color:#fff;font-weight:800;box-shadow:0 14px 36px rgba(5,31,42,.28);opacity:0;transform:translate(-50%,14px);transition:.18s ease}.mcq-inline-toast.visible{opacity:1;transform:translate(-50%,0)}.mcq-inline-toast.error{background:#a72f36;border-color:#d9676d}.mcq-inline-toast.success{background:#127342;border-color:#51ac78}

/* Self-hosted textbook typography */
@font-face{font-family:"WTC Textbook English";src:url("../fonts/noto-serif-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"WTC Textbook English";src:url("../fonts/noto-serif-latin-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:"WTC Textbook English";src:url("../fonts/noto-serif-latin-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:"WTC Textbook Gujarati";src:url("../fonts/noto-serif-gujarati-gujarati-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"WTC Textbook Gujarati";src:url("../fonts/noto-serif-gujarati-gujarati-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:"WTC Textbook Gujarati";src:url("../fonts/noto-serif-gujarati-gujarati-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
.student-content-render{--wtc-textbook-font:"WTC Textbook English",Georgia,"Times New Roman",serif;--wtc-textbook-leading:1.68}.student-content-render[lang="gu"]{--wtc-textbook-font:"WTC Textbook Gujarati","WTC Textbook English",serif;--wtc-textbook-leading:1.82}.student-content-render :where(.solution-page,.lesson-shell,.notes-card,.worksheet-page .content-card,.mcq-question-card h3,.mcq-option span,.mcq-test-card h3,.mcq-test-card>p,.mcq-review summary b,.mcq-review-body,.mcq-explanation){font-family:var(--wtc-textbook-font);line-height:var(--wtc-textbook-leading)}.student-content-render[lang="gu"] :where(.solution-page,.lesson-shell,.notes-card,.worksheet-page .content-card,.mcq-question-card h3,.mcq-option span,.mcq-test-card h3,.mcq-test-card>p,.mcq-review summary b,.mcq-review-body,.mcq-explanation){letter-spacing:.005em}.student-content-render :where(.solution-page h1,.solution-page h2,.solution-page h3,.content-card summary,.mcq-question-card h3,.mcq-test-card h3,.mcq-review summary b){font-weight:700}.student-content-render .solution-page p{line-height:var(--wtc-textbook-leading)}

/* Math and chemistry rendered after dynamic content insertion */
.student-content-render mjx-container{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 1px}.student-content-render mjx-container[display="true"]{margin:14px 0!important;text-align:left!important}.student-content-render[lang="gu"] mjx-container{font-size:1.04em}

/* Distraction-free timed test mode */
.bottom-nav{transition:opacity .2s ease,transform .2s ease,visibility .2s ease}body.mcq-focus-mode .bottom-nav{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 28px))}body.mcq-focus-mode .app-shell{grid-template-columns:1fr}body.mcq-focus-mode .sidebar{display:none}body.mcq-focus-mode .main-area{width:min(100%,1180px);margin-inline:auto;padding-bottom:24px}
@media(max-width:900px){.student-content-render :where(.solution-page,.lesson-shell,.notes-card,.worksheet-page){padding-bottom:calc(100px + env(safe-area-inset-bottom))}body.mcq-focus-mode .student-content-render :where(.solution-page,.lesson-shell,.notes-card,.worksheet-page){padding-bottom:24px}}

/* v2.2.1: contain long solution equations inside the mobile viewport */
.student-content-render,
.student-content-render .solution-page,
.student-content-render .solution-page section,
.student-content-render .solution-page .content-card,
.student-content-render .solution-page .content-card>div{
  min-width:0;
  max-width:100%;
}
.student-content-render .solution-page{
  overflow:hidden;
}
.student-content-render .solution-page :where(p,li,summary,h1,h2,h3){
  overflow-wrap:anywhere;
}
.student-content-render .solution-page mjx-container[display="true"]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
  scrollbar-width:thin;
}
@media(max-width:900px){
  .student-content-render .solution-page{
    padding-bottom:calc(148px + env(safe-area-inset-bottom))!important;
  }
  .student-content-render .solution-page section{
    padding-inline:12px;
  }
  .student-content-render .solution-page .content-card{
    padding:16px 14px;
  }
  .student-content-render .solution-page mjx-container[display="true"]{
    margin:12px 0!important;
    padding-bottom:9px;
    font-size:.94em;
  }
}
