:root{--learn-navy:#0b1f44;--learn-blue:#2563eb;--learn-blue2:#1d4ed8;--learn-sky:#eaf2ff;--learn-green:#0f9f72;--learn-green-bg:#e9fbf4;--learn-red:#c43f50;--learn-red-bg:#fff0f2;--learn-amber:#b7791f;--learn-amber-bg:#fff8e8;--learn-surface:#fff;--learn-line:#e3eaf4;--learn-soft:#f6f9fd;--learn-text:#0f172a;--learn-muted:#667085;--learn-shadow:0 18px 50px rgba(20,40,90,.10)}
.learn-home,.learning-player-body{background:#f6f9fd;color:var(--learn-text);font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.learning-hero{padding:64px 0 54px;background:radial-gradient(circle at 88% 12%,rgba(37,99,235,.12),transparent 28%),linear-gradient(180deg,#fff,#f7faff)}
.learning-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.learn-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf2ff;color:var(--learn-blue);font-size:15px;font-weight:900;letter-spacing:.04em}.learning-hero h1{font-size:clamp(44px,6vw,72px);line-height:.99;letter-spacing:-3px;margin:18px 0 20px;max-width:760px}.learning-hero h1 em{font-style:normal;color:var(--learn-blue)}.learning-hero p{font-size:19px;line-height:1.7;color:#475569;max-width:700px}.learning-promise{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:24px;color:#526177;font-weight:700;font-size:15px}.demo-question{background:#fff;border:1px solid var(--learn-line);border-radius:28px;padding:26px;box-shadow:0 26px 70px rgba(37,99,235,.13)}.demo-head{display:flex;justify-content:space-between;gap:14px;color:#667085;font-weight:800;font-size:15px}.demo-head b{color:var(--learn-blue)}.demo-progress,.learn-progress{height:8px;background:#edf2f7;border-radius:999px;overflow:hidden}.demo-progress{margin:14px 0 24px}.demo-progress i,.learn-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--learn-blue),#38bdf8);border-radius:inherit}.demo-question h3{font-size:24px;line-height:1.35;margin:0 0 18px}.demo-option{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;border:1px solid var(--learn-line);border-radius:15px;padding:13px 15px;margin-top:10px;font-weight:700}.demo-option.active{border-color:#7bb0ff;background:#f3f7ff}.demo-feedback{display:grid;gap:5px;margin-top:16px;background:var(--learn-green-bg);color:#12654e;border-radius:15px;padding:14px 15px}.demo-feedback span{font-weight:600;line-height:1.5}.learning-section{padding:66px 0}.learning-section.alt{background:#fff}.learn-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:26px}.learn-section-head h2{font-size:36px;letter-spacing:-1.4px;margin:10px 0 7px}.learn-section-head p{margin:0;color:var(--learn-muted);font-size:17px}.subject-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.subject-pills span{background:#fff;border:1px solid var(--learn-line);border-radius:999px;padding:8px 11px;color:#536178;font-size:15px;font-weight:800}.subject-pills b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;border-radius:999px;background:#edf3ff;color:var(--learn-blue)}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-card{background:#fff;border:1px solid var(--learn-line);border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(20,40,90,.05);display:flex;flex-direction:column;min-height:320px}.topic-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.topic-subject{font-weight:900;color:var(--learn-blue)}.topic-level{font-size:15px;font-weight:800;color:#667085;background:#f2f5f9;border-radius:999px;padding:6px 9px}.topic-code{margin-top:20px;color:#8793a6;font-size:15px;font-weight:800}.topic-card h3{font-size:22px;line-height:1.3;margin:7px 0 10px}.topic-card p{color:var(--learn-muted);line-height:1.6;margin:0}.topic-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:20px;color:#7a8799;font-size:15px;font-weight:700}.topic-start{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:13px 14px;border-radius:13px;background:#edf4ff;color:var(--learn-blue);font-weight:900}.topic-start:hover{background:#e3edff}.learning-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.learning-steps article{border:1px solid var(--learn-line);border-radius:19px;padding:22px;background:#fff}.learning-steps article>b{color:var(--learn-blue);font-size:15px}.learning-steps h3{font-size:21px;margin:12px 0 7px}.learning-steps p{margin:0;color:var(--learn-muted);line-height:1.55}.empty-learning{width:min(760px,calc(100% - 24px));margin:50px auto;background:#fff;border:1px solid var(--learn-line);border-radius:22px;padding:28px;text-align:center;box-shadow:var(--learn-shadow)}.empty-learning p{color:var(--learn-muted);line-height:1.6}
.learn-topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--learn-line);backdrop-filter:blur(12px)}.learn-nav{min-height:66px;display:flex;align-items:center;gap:16px}.learn-breadcrumb{display:flex;align-items:center;gap:8px;color:#6d7a8e;font-size:15px;font-weight:800;overflow:hidden;white-space:nowrap}.learn-exit{margin-left:auto;color:#667085;font-weight:800}.learning-app{width:min(980px,calc(100% - 24px));margin:28px auto 64px}.learn-shell{display:grid;gap:16px}.learn-overview,.learn-card,.learn-result{background:#fff;border:1px solid var(--learn-line);border-radius:24px;box-shadow:var(--learn-shadow)}.learn-overview{padding:28px}.learn-overview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.learn-overview h1{font-size:34px;line-height:1.18;letter-spacing:-1px;margin:10px 0 10px}.learn-overview p{color:var(--learn-muted);font-size:17px;line-height:1.65;margin:0}.learn-overview-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.learn-overview-meta span{padding:8px 10px;border-radius:999px;background:#f4f7fb;color:#586579;font-weight:800;font-size:15px}.learn-start-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.learn-start-actions .btn{min-height:48px}.resume-note{margin-top:16px;padding:13px 14px;border-radius:13px;background:#f5f8fd;color:#5b677a;font-size:15px;font-weight:700}.learn-player-head{display:grid;gap:10px;background:#fff;border:1px solid var(--learn-line);border-radius:18px;padding:14px 16px;box-shadow:0 8px 22px rgba(20,40,90,.04)}.learn-player-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:800;color:#68768a}.concept-pill{color:var(--learn-blue);background:#edf4ff;border-radius:999px;padding:6px 9px}.learn-card{padding:28px}.learn-card h2{font-size:28px;line-height:1.35;letter-spacing:-.5px;margin:0 0 22px}.learn-help-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.learn-difficulty{display:flex;gap:4px}.learn-difficulty i{width:8px;height:8px;border-radius:50%;background:#dbe3ee}.learn-difficulty i.on{background:#f5b942}.hint-btn{border:0;background:#fff8e7;color:#9a670f;border-radius:11px;padding:9px 12px;font-weight:900;cursor:pointer}.hint-panel{margin:0 0 18px;padding:13px 14px;border-radius:13px;background:var(--learn-amber-bg);color:#8a5c16;line-height:1.6;font-weight:650}.learn-options{display:grid;gap:11px}.learn-option{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:1px solid #dfe7f2;background:#fff;border-radius:16px;padding:13px 15px;color:var(--learn-text);cursor:pointer;transition:.15s ease}.learn-option:hover{border-color:#9bbdff;background:#f8fbff}.learn-option .option-key{width:34px;height:34px;border-radius:10px;background:#f0f4f9;display:grid;place-items:center;font-weight:900;color:#536178}.learn-option .option-text{font-weight:750;line-height:1.45}.learn-option.selected{border-color:#6fa5ff;background:#f3f7ff}.learn-option.correct{border-color:#69c4a7;background:#eefbf6}.learn-option.wrong{border-color:#f1a8b2;background:#fff4f5}.learn-option.locked{cursor:default}.choice-mark{font-weight:900}.multi-actions,.sequence-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-left,.match-right{display:grid;gap:9px}.match-chip,.match-target{border:1px solid #dfe7f2;border-radius:14px;padding:12px 13px;background:#fff;font-weight:750;line-height:1.4}.match-target{cursor:pointer}.match-target.active{border-color:#6fa5ff;background:#f2f7ff}.match-pair-row{display:grid;grid-template-columns:1fr 40px 1fr;gap:10px;align-items:center;margin-bottom:9px}.match-pair-row select{width:100%;border:1px solid #dfe7f2;border-radius:12px;padding:11px 12px;background:#fff}.sequence-list{display:grid;gap:9px}.sequence-item{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;border:1px solid #dfe7f2;border-radius:14px;background:#fff;padding:11px 12px}.sequence-num{width:32px;height:32px;border-radius:10px;background:#edf3fb;display:grid;place-items:center;font-weight:900}.sequence-text{font-weight:750}.sequence-controls{display:flex;gap:5px}.sequence-controls button{width:34px;height:34px;border:1px solid #dbe4ef;border-radius:9px;background:#f8fafc;cursor:pointer;font-weight:900}.feedback{margin-top:20px;border-radius:17px;padding:16px 17px;display:grid;gap:8px}.feedback.good{background:var(--learn-green-bg);color:#12654e}.feedback.bad{background:var(--learn-red-bg);color:#953347}.feedback h3{margin:0;font-size:20px}.feedback p{margin:0;line-height:1.6;font-weight:620}.memory-tip{margin-top:2px;padding-top:9px;border-top:1px solid currentColor;opacity:.9}.learn-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.learn-status{font-size:15px;color:#7b8798;font-weight:800}.next-btn{min-width:160px}.learn-result{padding:30px}.result-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--learn-line)}.result-score{width:112px;height:112px;border-radius:28px;background:linear-gradient(145deg,#eff5ff,#dfeaff);display:grid;place-items:center;color:var(--learn-blue)}.result-score strong{font-size:34px}.result-score span{font-size:15px;font-weight:900}.result-hero h1{font-size:34px;margin:0 0 7px}.result-hero p{margin:0;color:var(--learn-muted);font-size:17px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.result-box{border:1px solid var(--learn-line);border-radius:18px;padding:18px}.result-box h3{margin:0 0 12px}.result-list{display:grid;gap:8px}.result-list span{display:flex;align-items:center;gap:8px;color:#536178;font-weight:750}.result-list .ok{color:#0f8f69}.result-list .warn{color:#b56a17}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.lead-box{margin-top:20px;background:#0f172a;color:#fff;border-radius:20px;padding:22px}.lead-box h3{margin:0 0 7px;font-size:22px}.lead-box p{margin:0 0 15px;color:#cbd5e1;line-height:1.55}.lead-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.lead-form input,.lead-form select{border:1px solid #334155;border-radius:11px;padding:11px 12px;background:#fff;color:#0f172a;min-width:0}.lead-message{margin-top:10px;font-size:15px;font-weight:800}.learning-error{min-height:70vh;display:grid;place-items:center}.answer-summary{font-size:15px;color:#758195;font-weight:800;margin-top:12px}
@media(max-width:900px){.learning-hero-grid{grid-template-columns:1fr}.demo-question{max-width:720px}.topic-grid{grid-template-columns:1fr 1fr}.learning-steps{grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr 1fr}.lead-form button{grid-column:1/-1}.match-grid{grid-template-columns:1fr}}
@media(max-width:640px){.learning-hero{padding:38px 0}.learning-hero h1{font-size:46px;letter-spacing:-2px}.learning-hero p{font-size:17px}.demo-question{padding:18px;border-radius:21px}.learn-section-head h2{font-size:30px}.topic-grid,.learning-steps{grid-template-columns:1fr}.learning-app{width:min(100% - 16px,980px);margin-top:14px}.learn-overview,.learn-card,.learn-result{border-radius:20px}.learn-overview,.learn-card,.learn-result{padding:20px}.learn-overview h1,.result-hero h1{font-size:28px}.learn-card h2{font-size:24px}.learn-breadcrumb{display:none}.learn-player-meta{align-items:flex-start}.learn-card-footer{align-items:stretch;flex-direction:column}.next-btn{width:100%}.result-hero{grid-template-columns:1fr}.result-score{width:96px;height:96px}.lead-form{grid-template-columns:1fr}.match-pair-row{grid-template-columns:1fr}.match-pair-row>span{display:none}}

/* SmartExam v3.0.2 — Stable Learning Player Shell */
.learn-home,.learning-player-body{
  min-height:100svh;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
@supports (overflow-x:clip){.learn-home,.learning-player-body{overflow-x:clip}}
.learning-hero,.learning-section{overflow-x:clip}
.learn-topbar{
  width:100%;
  min-height:66px;
  position:sticky;
  top:0;
  z-index:55;
  transform:translateZ(0);
  isolation:isolate;
}
.learn-nav{width:100%;min-height:66px;flex-wrap:nowrap;overflow:hidden}
.learn-breadcrumb{min-width:0;text-overflow:ellipsis}
.learn-exit{flex:0 0 auto;white-space:nowrap}
.learning-app{
  min-height:calc(100svh - 110px);
  overflow-anchor:none;
  contain:layout style;
}
.learn-shell{width:100%;min-height:inherit;align-content:start;overflow-anchor:none}
.learn-player-head{width:100%;overflow:hidden}
.learn-player-meta>span:first-child{white-space:nowrap}
.concept-pill{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.learn-card{
  width:100%;
  min-height:clamp(420px,calc(100svh - 150px),560px);
  display:flex;
  flex-direction:column;
  overflow-anchor:none;
}
.learn-card h2{overflow-wrap:anywhere}
#answerArea{width:100%}
.learn-card-footer{margin-top:auto;padding-top:20px}
.learn-option,.sequence-item,.match-pair-row,.feedback,.hint-panel{overflow-anchor:none}
.learn-option{min-height:62px}
.next-btn{min-width:160px}
.lead-form button{min-width:110px}

@media(max-width:640px){
  .learn-topbar,.learn-nav{min-height:62px}
  .learning-app{min-height:calc(100svh - 82px);margin-bottom:24px}
  .learn-card{min-height:clamp(400px,calc(100svh - 120px),520px)}
  .learn-player-meta{min-height:30px}
  .concept-pill{max-width:58%}
  .learn-option{min-height:58px}
}

/* =========================================================
   SmartExam v3.0.4 — Professional Learning Player
   ========================================================= */
:root{
  --learn-navy:#1f2230;
  --learn-blue:#6558e8;
  --learn-blue2:#5145d6;
  --learn-sky:#f0efff;
  --learn-green:#16805f;
  --learn-green-bg:#edf8f3;
  --learn-red:#c4475b;
  --learn-red-bg:#fff1f3;
  --learn-amber:#956517;
  --learn-amber-bg:#fff7e8;
  --learn-surface:#fff;
  --learn-line:#e3e6ec;
  --learn-soft:#f7f8fb;
  --learn-text:#1d202d;
  --learn-muted:#71798a;
  --learn-shadow:0 12px 34px rgba(24,28,48,.06)
}
.learn-home,.learning-player-body{background:#f7f8fb;color:var(--learn-text)}
.learn-kicker{background:transparent;color:#6558e8;border:0;border-radius:0;padding:0;font-size:15px;letter-spacing:.085em}
.learning-section{padding:72px 0}.learning-section.alt{background:#fff}
.learn-section-head h2{font-size:clamp(34px,4vw,44px);line-height:1.12;letter-spacing:-1.7px;font-weight:750}.learn-section-head p{font-size:16px;color:#747b8c}
.subject-pills span{border-radius:9px;box-shadow:none;border-color:#dfe2e9;background:#fff;color:#5e6575}.subject-pills b{border-radius:6px;background:#f0efff;color:#5547d8}
.topic-grid{gap:14px}.topic-card{border-radius:15px;box-shadow:none;border-color:#e1e4ea;min-height:310px}.topic-card:hover{border-color:#c9ccd6}.topic-subject{color:#5b4ede}.topic-level{border-radius:7px;background:#f4f5f7}.topic-start{border-radius:9px;background:#f1f0ff;color:#5547d8}.topic-start:hover{background:#e9e7ff}
.learning-steps article{border-radius:14px;box-shadow:none}.empty-learning{border-radius:16px;box-shadow:none}

.learn-topbar{background:#fff;border-bottom:1px solid #e4e6ec;backdrop-filter:none;box-shadow:none}.learn-nav{min-height:70px}.learn-breadcrumb{color:#707787}.learn-exit{color:#4e5360;background:#fff;border:1px solid #dfe2e9;border-radius:9px;padding:8px 12px}.learn-exit:hover{background:#f7f8fa}
.learning-app{width:min(980px,calc(100% - 28px));margin-top:28px}
.learn-overview,.learn-card,.learn-result{border-radius:18px;border-color:#e1e4ea;box-shadow:0 10px 30px rgba(24,28,48,.045)}
.learn-overview{padding:30px;background:#fff}.learn-overview h1{font-size:34px;letter-spacing:-1.15px;font-weight:750}.learn-overview p{color:#72798a}.learn-overview-meta span{background:#f5f6f8;color:#606777;border-radius:8px}.resume-note{background:#f6f7fb;border:1px solid #e4e6ec;border-radius:10px;color:#626a7b}
.learn-player-head{border-radius:13px;border-color:#e2e5eb;padding:13px 15px;box-shadow:none}.learn-player-meta{color:#747c8c}.concept-pill{background:#f0efff;color:#5547d8;border-radius:7px;padding:6px 8px}
.learn-progress{background:#eceef2;height:6px}.learn-progress i{background:#6558e8}
.learn-card{padding:30px;min-height:clamp(430px,calc(100svh - 150px),570px)}.learn-card h2{font-size:28px;letter-spacing:-.65px;font-weight:750;color:#202331}.learn-help-row{margin-bottom:18px}.learn-difficulty i.on{background:#d9a026}
.hint-btn{border:1px solid #eadcb9;background:#fff9ec;color:#805a17;border-radius:9px;padding:8px 11px}.hint-btn:hover{background:#fff5df}.hint-panel{background:#fff9ec;color:#73551c;border:1px solid #efdfb7;border-radius:11px}
.learn-options{gap:10px}.learn-option{border-radius:12px;border-color:#dfe2e9;min-height:60px;padding:12px 14px;transition:border-color .14s ease,background .14s ease}.learn-option:hover{transform:none;border-color:#b8b3ee;background:#fafaff;box-shadow:none}.learn-option .option-key{border-radius:8px;background:#f2f3f6;color:#697080}.learn-option.selected{border-color:#9c94ed;background:#f7f6ff}.learn-option.selected .option-key{background:#6558e8;color:#fff}.learn-option.correct{border-color:#8bc9b3;background:#f1faf6}.learn-option.wrong{border-color:#e3a4ae;background:#fff4f5}
.match-chip,.match-target,.sequence-item{border-radius:11px;border-color:#dfe2e9}.match-target.active{border-color:#9c94ed;background:#f7f6ff}.sequence-num{border-radius:8px;background:#f0efff;color:#5547d8}.sequence-controls button{border-radius:8px;background:#f7f8fa}
.feedback{border-radius:12px;padding:16px}.feedback.good{background:#edf8f3;color:#205f49;border:1px solid #ccebdd}.feedback.bad{background:#fff1f3;color:#8b3544;border:1px solid #efcdd3}.feedback h3{font-size:18px}.feedback p{font-weight:600}.memory-tip{border-top-color:rgba(0,0,0,.1)}
.learn-card-footer{padding-top:18px}.learn-status{color:#838a99}.next-btn{min-width:150px}
.learn-result{padding:30px}.result-score{border-radius:18px;background:#f0efff;color:#5547d8}.result-box{border-radius:13px;border-color:#e1e4ea}.lead-box{background:#1f2230;border-radius:14px}.lead-box p{color:#bcc2ce}.lead-form input,.lead-form select{border-radius:9px}

@media(max-width:640px){
  .learning-app{width:min(100% - 16px,980px);margin-top:14px}.learn-overview,.learn-card,.learn-result{border-radius:15px}.learn-overview,.learn-card,.learn-result{padding:20px}.learn-overview h1{font-size:29px}.learn-card h2{font-size:24px}.learn-nav{min-height:64px}.learn-exit{padding:7px 10px}.concept-pill{max-width:58%}
}

/* =========================================================
   SmartExam v3.1.0 — Learning / Mastery Engine UI
   ========================================================= */
.learn-player-tags{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.level-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid #e4e6eb;border-radius:999px;background:#fff;color:#687083;font-size:15px;font-weight:800;white-space:nowrap}
.learning-flow{display:flex;align-items:center;gap:0;margin-top:20px;padding-top:18px;border-top:1px solid var(--learn-line);overflow:auto;scrollbar-width:none}
.learning-flow::-webkit-scrollbar{display:none}
.learning-flow span{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#667085;font-size:15px;font-weight:750}
.learning-flow span+span:before{content:'›';margin:0 11px;color:#b4bac5;font-weight:500}
.learning-flow b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#f0efff;color:var(--learn-blue);font-size:15px}
.question-media{margin:0 0 20px;border:1px solid var(--learn-line);border-radius:17px;overflow:hidden;background:#f8f9fb}
.question-media img{display:block;width:100%;max-height:360px;object-fit:contain;background:#fff}
.question-media figcaption{padding:10px 13px;color:#70798a;font-size:15px;line-height:1.5;border-top:1px solid var(--learn-line)}
.source-reference{margin-top:3px;padding-top:10px;border-top:1px solid rgba(15,23,42,.10);color:inherit;opacity:.72;font-size:15px;font-weight:700;line-height:1.5}
.mastery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.mastery-box{border:1px solid var(--learn-line);border-radius:16px;padding:16px;background:#fff;display:grid;gap:3px}
.mastery-box strong{font-size:27px;letter-spacing:-.7px;color:#202331}
.mastery-box small{color:#7b8392;font-weight:700}
.mastery-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;font-size:15px;font-weight:850;letter-spacing:.01em}
.mastery-label.mastered{background:#edf8f3;color:#167458}
.mastery-label.developing{background:#fff7e8;color:#8c621c}
.mastery-label.weak{background:#fff1f3;color:#b23d50}
.concept-report{margin-top:14px;border:1px solid var(--learn-line);border-radius:18px;overflow:hidden;background:#fff}
.concept-report-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid var(--learn-line)}
.concept-report-row:first-child{border-top:0}
.concept-report-row>div{display:grid;gap:3px;min-width:0}
.concept-report-row b{font-size:15px;color:#252936}
.concept-report-row span:not(.mastery-label){font-size:15px;color:#7b8392;font-weight:650}
@media(max-width:640px){
  .learn-player-tags{gap:5px;max-width:68%}.level-pill{display:none}.concept-pill{max-width:100%}
  .learning-flow{padding-bottom:2px}.learning-flow span{font-size:15px}.learning-flow b{display:none}
  .mastery-grid{grid-template-columns:1fr}.mastery-box{grid-template-columns:1fr auto auto;align-items:center}
  .concept-report-row{align-items:flex-start}.concept-report-row .mastery-label{flex:0 0 auto}
  .question-media img{max-height:260px}
}


/* =========================================================
   SmartExam v3.1.4 — Learning Typography Balance
   Fokus: soalan, pilihan jawapan, hint dan feedback terasa
   satu sistem, bukan tajuk besar dengan teks kecil.
   ========================================================= */
.learning-shell,
.learning-app,
.learn-card,
.learn-overview{font-size:17px}

.learn-card h2{
  font-size:26px;
  line-height:1.38;
  letter-spacing:-.42px;
  font-weight:750;
  margin-bottom:22px;
}

.learn-option{
  font-size:18px;
  line-height:1.5;
  min-height:66px;
  padding:15px 16px;
}
.learn-option .option-key{
  font-size:16px;
  width:36px;
  height:36px;
}
.learn-option .option-text{
  font-size:18px;
  line-height:1.5;
  font-weight:700;
}

.match-chip,
.match-target,
.match-pair-row,
.match-pair-row select,
.sequence-item,
.sequence-text{
  font-size:17px;
  line-height:1.5;
}
.sequence-num,
.sequence-controls button{font-size:16px}

.learn-player-meta,
.learn-status,
.answer-summary,
.concept-pill,
.learn-breadcrumb{
  font-size:16px;
  line-height:1.45;
}

.hint-btn{font-size:16px}
.hint-panel{
  font-size:17px;
  line-height:1.65;
  padding:15px 16px;
}

.feedback{padding:17px 18px}
.feedback h3{
  font-size:19px;
  line-height:1.35;
}
.feedback p{
  font-size:17px;
  line-height:1.65;
  font-weight:600;
}
.memory-tip{font-size:16px;line-height:1.6}

.learn-card .btn,
.learn-start-actions .btn,
.learn-nav .btn,
.next-btn{
  font-size:16px;
  font-weight:750;
}

.learn-overview p,
.result-hero p,
.topic-card p,
.learning-steps p{
  font-size:16px;
  line-height:1.65;
}

@media(max-width:640px){
  .learning-shell,
  .learning-app,
  .learn-card,
  .learn-overview{font-size:16px}

  .learn-card h2{
    font-size:23px;
    line-height:1.4;
    letter-spacing:-.3px;
    margin-bottom:18px;
  }

  .learn-option{
    font-size:17px;
    min-height:62px;
    padding:14px 14px;
  }
  .learn-option .option-text{font-size:17px}
  .learn-option .option-key{font-size:15px;width:34px;height:34px}

  .match-chip,
  .match-target,
  .match-pair-row,
  .match-pair-row select,
  .sequence-item,
  .sequence-text{font-size:16px}

  .learn-player-meta,
  .learn-status,
  .answer-summary,
  .concept-pill{font-size:15px}

  .hint-panel,
  .feedback p{font-size:16px}
  .feedback h3{font-size:18px}
}