@font-face{font-family:Omar;src:url('./fonts/Arabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Omar;src:url('./fonts/Arabic-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#153f50;--muted:#536f7c;--teal:#087d88;--mint:#e5f4f0;--violet:#7156a4;--lavender:#f0ebf8;--line:#d9e5eb;--bg:#f5f8fa;--red:#a73c48;--red-bg:#fff0f1;--gold:#946019;--gold-bg:#fff5de;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Omar,Arial,sans-serif;line-height:1.85}h1,h2,h3,p{margin:0}h1{font-size:1.7rem;line-height:1.65}h2{font-size:1.3rem;line-height:1.9}h3{font-size:1.05rem}a{color:var(--teal)}button,input,select{font:inherit;color:inherit}button,select,input,summary{touch-action:manipulation}button,summary{cursor:pointer}button{border:0}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b98030;outline-offset:4px}.math{font-family:Arial,'DejaVu Sans',sans-serif;direction:ltr;unicode-bidi:isolate;line-height:1.6;font-variant-numeric:tabular-nums;letter-spacing:.01em}.math-block{text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;font-size:1.22rem;padding:9px 5px}.header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 25px 22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px}.brand-icon{display:grid;place-items:center;flex:none;width:66px;height:70px;background:var(--teal);border-radius:19px;color:white;font-size:30px;font-weight:700;box-shadow:6px 6px 0 #dbe9ef}.teacher{color:var(--teal);font-size:.9375rem;font-weight:700}.brand p{font-size:.875rem;color:var(--muted)}.instagram{text-decoration:none;font:700 1rem Arial,sans-serif}main{max-width:1280px;margin:26px auto;padding:0 25px}.panel{border:1px solid var(--line);border-radius:21px;background:white;box-shadow:0 3px 0 #e8eff3}.setup{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.setup-main{padding:28px 30px}.eyebrow{font-size:.875rem;font-weight:700;color:var(--teal)}.intro{font-size:1rem;color:var(--muted);margin-top:6px}.mode-field{border:0;margin:22px 0;padding:0}.mode-field legend{font-size:.9375rem;font-weight:700;margin-bottom:8px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{border:1px solid var(--line);border-radius:14px;padding:15px 12px;display:flex;gap:9px;align-items:flex-start;cursor:pointer}.mode-card:has(input:checked){background:var(--mint);border-color:#68a6a7;box-shadow:inset 0 -3px var(--teal)}input[type=radio],input[type=checkbox]{accent-color:var(--teal);width:18px;height:18px;flex:none;margin-top:6px}.mode-card strong{font-size:1rem;display:block}.mode-card small{display:block;color:var(--muted);font-size:.875rem}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.filter-grid>label{font-size:.9375rem;font-weight:700;display:flex;flex-direction:column;gap:6px}select{background:#fbfdfe;border:1px solid #bfcfd8;border-radius:10px;min-height:45px;padding:6px 9px;width:100%;font-size:.9375rem}.setup-options{margin-top:22px;display:flex;gap:14px 22px;flex-wrap:wrap;align-items:center}.check-label{display:flex;align-items:center;gap:8px;font-size:.875rem}.check-label input{margin:0}.check-label select{width:auto;min-height:35px;font-size:.875rem;padding:2px 4px}.start-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}#available{color:var(--muted);font-size:.9375rem}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:9px 20px;border-radius:11px;font-size:.9375rem;font-weight:700}.primary{background:var(--teal);color:white}.primary:hover:not(:disabled){background:#076a74}.secondary{background:#f0f5f8;border:1px solid #cbdbe3;color:var(--ink)}.secondary:hover:not(:disabled){background:#e5eef2}.summary-column{display:grid;gap:18px}.bank-card{background:var(--ink);border-radius:21px;color:white;padding:27px 25px}.bank-card>span{font-size:.9375rem;color:#d0e9ec}.bank-card>strong{font-size:4rem;display:block;color:#b0f0e2;line-height:1.4}.bank-card p{font-size:.9375rem;color:#e7f0f4}.mini-counts{margin-top:20px;padding-top:15px;border-top:1px solid #416676;display:grid;gap:9px;font-size:.875rem;color:#d7e8ed}.small-panel{padding:20px}.small-panel p{font-size:.9375rem;color:var(--muted);margin-top:8px}.quiet{font-size:.875rem!important;color:var(--muted)}.source-review{grid-column:1/-1;padding:0 22px}.source-review>summary{padding:16px 0;font-weight:700}.source-review summary span+span{margin-right:14px;font-weight:400}.review-body{padding:0 0 20px}.review-body>p{font-size:.9375rem;color:var(--muted);margin-bottom:16px}.review-item,.audit-item{border-top:1px solid var(--line);padding:15px 0}.review-item h4,.audit-item h4{margin:0;font-size:.9375rem}.review-item p,.audit-item p{font-size:.9375rem;margin-top:4px}.source-link{display:inline-block;font-size:.875rem;margin-top:7px}.review-body h3{margin-top:18px}.session-toolbar{padding:17px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px}.toolbar-actions{display:flex;align-items:center;gap:16px}.timer{padding:5px 12px;background:var(--lavender);color:var(--violet);border-radius:10px;font-size:1.25rem;font-weight:700}.timer.urgent{background:var(--red-bg);color:var(--red)}.progress-track{height:5px;margin:15px 2px;background:#dfe8ed;border-radius:5px;overflow:hidden}.progress-track>div{height:100%;width:0;background:var(--teal)}.session-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;align-items:start}.question{min-width:0;padding:24px 28px}.question-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{font-size:.8125rem;background:#edf3f6;color:#446371;padding:3px 10px;border-radius:8px}.chip.level-1{background:var(--mint);color:#1c685e}.chip.level-2{background:var(--lavender);color:#61448f}.chip.level-3{background:var(--gold-bg);color:#815314}.question h2{font-size:1.2rem;font-weight:700}#question-math:not(:empty){padding:13px 10px;background:#f3f6fb;border-radius:13px;margin-top:15px}#question-figure:not(:empty){margin:10px 0 2px}.figure{display:block;width:100%;height:auto;max-height:340px;margin:auto;direction:ltr;font-family:Arial,sans-serif}.figure.numberline{max-height:150px}.answer-instruction{font-size:.875rem;color:var(--muted);margin:15px 0 9px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;margin:0;padding:0;min-width:0}.option{display:flex;align-items:center;gap:11px;border:1px solid #cddce5;border-radius:13px;padding:14px 13px;min-height:74px;cursor:pointer;min-width:0;background:white}.option:has(input:checked){background:var(--lavender);border-color:#aa92ca;box-shadow:inset -3px 0 var(--violet)}.option>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.option:has(input:focus-visible){outline:3px solid #b98030;outline-offset:3px}.option:has(input:disabled){cursor:default}.option-letter{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#edf3f7;color:#486977;font:700 1rem Arial,sans-serif}.option:has(input:checked) .option-letter{background:var(--violet);color:white}.option-content{min-width:0;flex:1;font-size:1rem}.option-content .math-block{font-size:1.1rem;padding:0}.option.has-piecewise{grid-column:1/-1;min-height:96px}.option.has-numberline{grid-column:1/-1;padding-top:9px;padding-bottom:9px}.option.has-numberline .numberline{max-height:100px}.option.checked-correct{border-color:#438e7e;background:var(--mint)}.option.checked-correct .option-letter{background:#277968;color:white}.option.checked-wrong{border-color:#c98991;background:var(--red-bg)}.option.checked-wrong .option-letter{background:var(--red);color:white}.piecewise{display:flex;align-items:center;justify-content:center;gap:9px;direction:ltr;font-family:Arial,sans-serif;line-height:1.8;max-width:100%;font-size:1.1rem}.pw-name{white-space:nowrap}.pw-brace{width:15px;align-self:stretch;min-height:64px;flex:none}.pw-rows{display:grid;gap:7px}.pw-row{display:grid;grid-template-columns:minmax(80px,auto) auto;gap:26px;align-items:center;text-align:left;white-space:nowrap}.feedback{padding:13px 16px;border-radius:12px;margin-top:18px;font-size:1rem;font-weight:700}.feedback.correct{background:var(--mint);color:#176d58}.feedback.incorrect{background:var(--red-bg);color:#973444}.explanation{padding:18px 0 0}.explanation h3{margin-bottom:9px}.solution-steps{margin:0;padding-right:23px;display:grid;gap:12px;font-size:.9375rem}.solution-steps li{padding-right:3px}.solution-steps .math-block{font-size:1.08rem;background:#f6f8fa;border-radius:9px;margin-top:5px;padding:9px}.question-actions{display:flex;gap:10px;justify-content:space-between;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}.navigator{padding:20px 17px;position:sticky;top:20px}.question-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.nav-button{min-height:40px;padding:5px;background:#f2f6f8;border:1px solid var(--line);border-radius:9px;font:700 1rem Arial,sans-serif}.nav-button.answered{background:#e9e4f4;border-color:#b7a7ce;color:#5d428d}.nav-button.correct{background:#e2f3ec;color:#146c50}.nav-button.incorrect{background:var(--red-bg);color:var(--red)}.nav-button.current{outline:2px solid var(--teal);outline-offset:2px}.navigator p+p{margin-top:10px}#results{display:grid;gap:20px}#results[hidden]{display:none}.result-hero{padding:27px 30px}.score-line{display:flex;align-items:center;gap:22px;margin:13px 0}.score-line>strong{font-size:3.6rem;color:var(--teal)}.score-percent{background:var(--mint);padding:5px 15px;border-radius:11px;font-size:1.4rem;font-weight:700}#result-note{font-size:.9375rem;color:var(--muted)}.result-counts{display:flex;gap:15px;flex-wrap:wrap;margin-top:17px;font-size:.9375rem}.result-counts>span{padding:5px 12px;background:#f2f6f8;border-radius:8px}.result-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.skill-panel,.review-answers{padding:23px 28px}.skill-row{display:grid;grid-template-columns:1fr 2fr auto;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:.9375rem}.skill-row:last-child{border-bottom:0}.skill-bar{height:9px;background:#e8eff3;border-radius:8px;overflow:hidden}.skill-bar>span{display:block;height:100%;background:var(--teal)}.answer-review{padding:15px 0;border-bottom:1px solid var(--line)}.answer-review:last-child{border-bottom:0}.answer-review summary{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem}.review-badge{font-size:.8125rem;border-radius:7px;padding:2px 8px;white-space:nowrap;background:#f0f3f5;flex:none}.review-badge.correct{background:var(--mint);color:#196952}.review-badge.incorrect{background:var(--red-bg);color:var(--red)}.review-answer-body{padding:16px 10px 5px}.correct-option{background:var(--mint);border-radius:10px;padding:13px;margin:10px 0}.correct-option>span{font-size:.875rem;color:#246b60;font-weight:700}.review-answer-body .explanation{padding-top:8px}footer{max-width:1230px;margin:26px auto 0;padding:18px 16px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.875rem;color:var(--muted)}footer a{font-family:Arial,sans-serif;text-decoration:none;font-weight:700}dialog{border:1px solid var(--line);border-radius:20px;padding:25px;color:var(--ink);width:min(520px,calc(100% - 30px));background:white}dialog::backdrop{background:#09243488}dialog p{margin:10px 0 20px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.plot-tick{font-size:13px;fill:#4f6877}.plot-label{font-size:14px;fill:#153f50}.plot-axis{stroke:#3b5969;stroke-width:1.5}.plot-grid{stroke:#e3eaf0;stroke-width:1}.plot-point{stroke-width:2.2}noscript{display:block;padding:20px;text-align:center;background:#fff0cd}
@media(max-width:1050px){.setup{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.setup-main{padding:23px}.session-layout{grid-template-columns:minmax(0,1fr) 195px}.question{padding:22px}.question-nav{grid-template-columns:repeat(3,1fr)}.mode-grid{gap:9px}.mode-card{padding:11px 9px}.filter-grid{gap:13px}.piecewise{font-size:1.05rem}.pw-row{gap:20px}}
@media(max-width:800px){.header{padding:20px 17px}.brand-icon{width:50px;height:55px;font-size:25px;border-radius:15px}.brand{gap:14px}h1{font-size:1.38rem}.teacher{font-size:.875rem}.instagram{font-size:.875rem}main{margin-top:19px;padding:0 14px}.setup{grid-template-columns:minmax(0,1fr);gap:16px}.setup-main{padding:21px 18px}.summary-column{grid-template-columns:1fr 1fr;gap:13px}.bank-card{padding:21px}.bank-card>strong{font-size:3rem}.small-panel{padding:18px}.session-layout{grid-template-columns:minmax(0,1fr);gap:16px}.navigator{position:static;grid-row:1;padding:13px 15px}.navigator h3,.navigator p+p{display:none}.question-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}.nav-button{width:38px;min-height:36px}.navigator p{font-size:.8125rem!important}.question{padding:20px 17px}.session-toolbar{padding:14px 17px}.session-toolbar h2{font-size:1.12rem}.toolbar-actions{gap:9px}.toolbar-actions button{font-size:.875rem;padding:7px 12px}.timer{font-size:1.1rem;padding:5px 8px}.question h2{font-size:1.1rem}.skill-row{grid-template-columns:1fr auto;gap:8px 15px}.skill-bar{grid-row:2;grid-column:1/-1}.result-hero,.skill-panel,.review-answers{padding:20px}.source-review{padding:0 17px}.source-review summary span{display:block}.source-review summary span+span{margin:2px 0 0}.source-review summary{padding:13px 0}.figure{max-height:320px}}
@media(max-width:480px){.instagram{display:none}.header{padding:17px}.brand p{font-size:.8125rem}h1{font-size:1.3rem}h2{font-size:1.17rem}.setup-main{padding:19px 15px}.mode-grid{grid-template-columns:1fr}.mode-field{margin:17px 0}.mode-card{padding:12px}.mode-card small{font-size:.875rem}.filter-grid{gap:14px 11px}.filter-grid>label{font-size:.875rem}select{font-size:.875rem;padding:5px 6px}.summary-column{grid-template-columns:1fr}.bank-card{padding:20px}.bank-card>strong{font-size:2.6rem}.mini-counts{display:flex;gap:15px;flex-wrap:wrap}.start-row{align-items:stretch;flex-direction:column;gap:10px;margin-top:18px}.start-row button{width:100%}.setup-options{gap:14px;margin-top:18px}.session-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.toolbar-actions{width:100%;justify-content:space-between}.question-meta{gap:6px}.chip{font-size:.8125rem;padding:3px 7px}.options{grid-template-columns:1fr;gap:10px}.option{padding:12px 10px;gap:8px;min-height:65px}.option-letter{width:28px;height:28px;border-radius:8px;font-size:.9375rem}.option-content .math-block{font-size:1.06rem}.piecewise{gap:6px;font-size:.96rem}.pw-name{font-size:.94rem}.pw-row{gap:12px;grid-template-columns:minmax(60px,auto) auto}.pw-brace{width:12px}.pw-rows{gap:9px}.option.has-piecewise{padding:14px 8px}.question-actions{gap:8px;flex-wrap:wrap}.question-actions .primary{flex:1}.primary,.secondary{padding:9px 13px;font-size:.875rem}.question-actions>button{min-width:70px}.math-block{font-size:1.1rem}.solution-steps .math-block{font-size:1rem}.score-line>strong{font-size:2.9rem}.score-percent{font-size:1.15rem}.score-line{gap:15px}.result-counts{gap:8px;font-size:.875rem}.answer-review summary{font-size:.875rem}.review-answer-body{padding:13px 0}.plot-tick{font-size:14px}.plot-label{font-size:15px}footer{margin-right:16px;margin-left:16px}.question-nav{gap:7px}.nav-button{width:36px}.explanation h3{font-size:1rem}}
@media(prefers-reduced-motion:no-preference){button,.option,.mode-card{transition:background-color .14s,border-color .14s}.progress-track>div{transition:width .2s}}

.numberline .plot-label,.numberline .plot-tick{font-size:26px}

.brand-logo{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;width:90px;text-decoration:none}.brand-logo img{display:block;width:100%;height:auto;border:1px solid #c8a35c;border-radius:9px}.brand-logo span{font-size:.75rem;line-height:1.6;color:var(--teal)}.brand>div{min-width:0}@media(max-width:480px){.brand-logo{width:64px}.brand{gap:12px}.brand-logo span{font-size:.75rem}}

/* Content attribution and question palette */
.content-credits{max-width:1230px;margin:16px auto 0;padding:14px 20px;border-inline-start:4px solid #b98030;border-radius:12px;background:#edf5f8;color:#153f50;font-size:.9375rem;line-height:1.9}
.content-credits strong{color:#075b70}.content-credits p+p{margin-top:3px}
#question-prompt{color:#124d6a;border-inline-start:4px solid #1594a3;padding-inline-start:13px}
#question-math:not(:empty){color:#244c83;background:#eef4ff;border:1px solid #c9d9ee}
.option-tone-0{--choice-ink:#244f84;--choice-bg:#eef4ff;--choice-line:#b9cde8}
.option-tone-1{--choice-ink:#60458d;--choice-bg:#f5f0fc;--choice-line:#d4c4e8}
.option-tone-2{--choice-ink:#80520e;--choice-bg:#fff7e6;--choice-line:#e8d2a5}
.option-tone-3{--choice-ink:#075d73;--choice-bg:#ecf7fb;--choice-line:#b7dce7}
.option:not(.checked-correct):not(.checked-wrong):not(:has(input:checked)){background:var(--choice-bg,#f2f6fa);border-color:var(--choice-line,#cddce5);color:var(--choice-ink,#153f50)}
.option:not(.checked-correct):not(.checked-wrong):not(:has(input:checked)) .option-letter{background:var(--choice-ink,#153f50);color:white}
.option:not(.checked-correct):not(.checked-wrong):has(input:checked){background:#e9e1f6;border:2px solid #7156a4;padding:13px 12px;color:#352252}
.option:not(.checked-correct):not(.checked-wrong):hover{outline:2px solid #8095a5;outline-offset:1px}
.solution-steps li::marker{color:#087d88;font-weight:700}.explanation h3{color:#075d73}
@media(max-width:1280px){.content-credits{margin-inline:25px}}
@media(max-width:800px){.content-credits{margin-inline:14px;padding:12px 15px}}
@media(max-width:480px){.option:not(.checked-correct):not(.checked-wrong):has(input:checked){padding:11px 9px}}

.option.checked-correct:has(input:checked){border-color:#438e7e;background:var(--mint);color:#153f50;box-shadow:inset -3px 0 #277968}.option.checked-wrong:has(input:checked){border-color:#c98991;background:var(--red-bg);color:#153f50;box-shadow:inset -3px 0 var(--red)}
.workspace-nav{max-width:1230px;margin:18px auto;display:flex;gap:10px;flex-wrap:wrap;padding:0 14px}.workspace-nav a{text-decoration:none}.save-banner{max-width:1230px;margin:auto;padding:8px 16px;font-size:.875rem;color:#075d73;display:flex;align-items:center;gap:12px}.save-error{color:#a73c48;background:#fff0f1}.saved-panel{padding:18px 22px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#edf8f5}.dashboard{padding:24px;margin-bottom:22px}.history-card{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}.history-card strong{flex:1;min-width:180px}.empty-message{padding:25px 0;color:var(--muted)}.dashboard label{display:block;margin:15px 0 8px;font-weight:700}.dashboard input:not([type=checkbox]),.dashboard textarea{display:block;width:100%;border:1px solid #b9cdd7;border-radius:10px;padding:10px;font:inherit;background:white;color:var(--ink)}.dashboard textarea{min-height:75px;resize:vertical}.dashboard fieldset{border:1px solid var(--line);border-radius:12px}.editor-option{display:flex!important;align-items:center;gap:12px}.editor-option textarea{flex:1}.editor-option input{flex:none}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9375rem}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:right;min-width:110px}td:first-child{min-width:230px}.preview-card{margin-top:24px;padding:20px;background:#f4f8fb;border:1px solid var(--line);border-radius:14px;white-space:pre-wrap}#retained-figure{max-width:600px}#admin-status{padding:12px 0;color:#075d73}#history-list,#mistake-list{margin-top:18px}@media(max-width:600px){.dashboard{padding:18px}.saved-panel{align-items:stretch;flex-direction:column}.workspace-nav{gap:8px}.workspace-nav>*{flex:1;white-space:nowrap}.history-card{align-items:flex-start}td,th{padding:9px}.editor-option{gap:8px}}
/* Dr. Omar visual identity — midnight blue, brass and vivid answer rails */
:root{--ink:#142e4c;--muted:#536980;--teal:#126883;--mint:#e8f7f0;--line:#dbe4ee;--bg:#f1f5fa;--gold:#9c701a;--gold-bg:#fff7df}
body{background:linear-gradient(135deg,#eaf1f8 0%,#f8fafc 55%,#eef4f8 100%)}
.header{max-width:none;margin:0;padding:26px max(24px,calc((100vw - 1230px)/2));background:linear-gradient(115deg,#0c203b,#173e64 65%,#1b567b);border-bottom:4px solid #d1ab58;color:#fff;position:relative;box-shadow:0 10px 30px #173e6412}
.header h1{color:#fff;font-size:1.85rem;letter-spacing:0;line-height:1.7}.header .teacher{display:inline-block;color:#f2d78e;font-weight:700;margin-bottom:3px}.header .brand p{color:#d2e1ef;font-size:.9375rem}.header .instagram{color:#fff;border:1px solid #ffffff45;border-radius:12px;padding:10px 15px}.header>a.secondary{background:#ffffff12;border-color:#ffffff50;color:white}
.brand-logo{width:70px}.brand-logo img{border:2px solid #d9ba73;border-radius:10px;box-shadow:0 5px 18px #0003}.brand-logo span{color:#e4d1a4;font-size:.75rem}.brand{gap:21px}
.content-credits{background:#fff;border:1px solid #dce4ec;border-inline-start:5px solid #cba557;border-radius:0 0 15px 15px;box-shadow:0 5px 15px #173e6407;margin-top:0;padding:12px 22px;font-size:.875rem}.content-credits strong{color:#936816}
.workspace-nav{background:white;border:1px solid var(--line);border-radius:16px;padding:7px;gap:7px;box-shadow:0 5px 20px #142e4c08}.workspace-nav .secondary{background:transparent;border-color:transparent;color:#3b5670}.workspace-nav .primary{background:#153b62;box-shadow:0 3px 9px #153b6220}.workspace-nav button,.workspace-nav a{border-radius:11px;min-height:46px;padding:9px 20px}.workspace-nav a{margin-inline-start:auto}
.save-banner{font-size:.875rem;color:#566e82}main{margin-top:18px}.panel{border:1px solid #d9e3ee;box-shadow:0 12px 32px #1a3c5a08;border-radius:18px}.setup-main{border-top:4px solid #cba557}.eyebrow{color:#a17523;font-weight:700}.setup-main h2{color:#183d61}.mode-card{border-radius:12px}.mode-card:has(input:checked){background:#edf5fb;border-color:#5486aa;box-shadow:inset 0 -3px #204f75}.primary{background:#184e75}.primary:hover:not(:disabled){background:#123853}.secondary{background:#edf3f9;border-color:#cdddeb}.bank-card{background:linear-gradient(145deg,#102844,#1b537a);border:1px solid #d0ad61;border-radius:18px;box-shadow:0 10px 24px #12354f18}.bank-card>strong{color:#f0d083}.mini-counts{border-top-color:#ffffff30}.small-panel{border-top:3px solid #2c90a3}
.session-toolbar{border:0;background:transparent;box-shadow:none;padding:4px 3px 12px}.session-toolbar h2{font-size:1.4rem;color:#153b62}.progress-track{height:6px;background:#dfe7ef;margin:0 0 18px}.progress-track>div{background:linear-gradient(90deg,#b48a32,#e0bd65)}
.question{border:1px solid #c4a15a;border-top:5px solid #173e64;padding:28px 30px 24px;border-radius:20px;box-shadow:0 15px 36px #1028440c}.question-meta{gap:9px;margin-bottom:20px}.question-meta .chip{font-size:.875rem;background:#173e64;color:white;padding:6px 12px;border-radius:8px}.question-meta .chip.level-1{background:#e9f6f2;color:#246456}.question-meta .chip.level-2{background:#fff4d7;color:#805a10}.question-meta .chip.level-3{background:#f0eafa;color:#644292}
#question-prompt{border:0;padding:0;color:#142e4c;font-size:1.4rem;line-height:2}#question-math:not(:empty){background:#f7f9fc;border:0;border-inline-start:3px solid #cba557;border-radius:10px;margin-top:18px;padding:17px 12px;color:#142e4c}.question .math-block{font-size:1.4rem}.question .piecewise{font-size:1.3rem}.answer-instruction{margin:22px 0 12px;color:#586c7d}
.options{grid-template-columns:minmax(0,1fr);gap:13px}.option{border-radius:14px;min-height:80px;padding:17px 18px;gap:18px;border-width:2px}.option-tone-0{--choice-ink:#b3217d;--choice-bg:#fff9fc;--choice-line:#d83b98}.option-tone-1{--choice-ink:#077b97;--choice-bg:#f4fbfd;--choice-line:#128ea7}.option-tone-2{--choice-ink:#078460;--choice-bg:#f7fcfa;--choice-line:#159777}.option-tone-3{--choice-ink:#b56906;--choice-bg:#fffbf4;--choice-line:#dc900d}
.option:not(.checked-correct):not(.checked-wrong):not(:has(input:checked)){background:#fff;border-color:var(--choice-line);border-inline-start-width:5px;color:#142e4c}.option-letter{width:43px;height:43px;border-radius:11px;font-size:1.15rem}.option-content .math-block{font-size:1.3rem;text-align:start}.option:not(.checked-correct):not(.checked-wrong):hover{background:var(--choice-bg);outline:0;box-shadow:0 4px 12px #173e640c}.option:not(.checked-correct):not(.checked-wrong):has(input:checked){border:2px solid var(--choice-line);border-inline-start-width:5px;background:var(--choice-bg);color:#142e4c;padding:17px 18px;box-shadow:0 0 0 2px #173e6420}.option:not(.checked-correct):not(.checked-wrong):has(input:checked) .option-letter{background:var(--choice-ink);color:white;outline:2px solid var(--choice-ink);outline-offset:3px}
.option.checked-correct,.option.checked-correct:has(input:checked){background:#e7f7ef;border:2px solid #258565;box-shadow:inset -5px 0 #258565}.option.checked-wrong,.option.checked-wrong:has(input:checked){background:#fff0f1;border:2px solid #b34454;box-shadow:inset -5px 0 #b34454}.option.checked-correct .option-letter::after{content:'✓';font-size:.75rem}.option.checked-wrong .option-letter::after{content:'✕';font-size:.75rem}.option.checked-correct .option-letter,.option.checked-wrong .option-letter{height:auto;min-height:43px;padding:4px;line-height:1.2;gap:2px}
.question-actions{margin-top:25px;padding-top:20px}.question-actions .primary{min-width:170px;background:#173e64}.navigator{border-top:3px solid #cba557;background:#fbfdff}.nav-button.current{outline-color:#c0953d}.nav-button.answered{background:#e6eff8;color:#234e75;border-color:#9db8ce}.feedback{border-inline-start:4px solid currentColor}.explanation{margin-top:14px;padding:19px;background:#f5f8fc;border-radius:13px}.explanation h3{color:#173e64}.solution-steps .math-block{background:white;color:#224c76}.dashboard{border-top:3px solid #cba557}.score-line>strong{color:#174e76}.score-percent{background:#fff3d6;color:#886114}.saved-panel{background:#f4f9fd;border-inline-start:4px solid #cba557}footer{color:#526b80;border-top:1px solid #c9d6e2}
@media(max-width:1280px){.workspace-nav{margin-inline:25px}}
@media(max-width:800px){.header{padding:22px 18px}.header h1{font-size:1.5rem}.brand{gap:15px}.brand-logo{width:61px}.content-credits{padding:11px 16px}.workspace-nav{margin-inline:14px}.question{padding:23px 20px}.question h2,#question-prompt{font-size:1.23rem}.question .math-block{font-size:1.27rem}.navigator{padding:13px 15px}.session-toolbar h2{font-size:1.25rem}.option-content .math-block{font-size:1.2rem}}
@media(max-width:480px){.header{padding:18px 15px}.header h1{font-size:1.3rem}.header .brand p{font-size:.875rem}.brand-logo{width:53px}.brand{gap:13px}.header .teacher{font-size:.875rem}.content-credits{font-size:.875rem;line-height:1.9;margin-inline:14px}.workspace-nav{gap:4px}.workspace-nav button,.workspace-nav a{font-size:.875rem;padding:8px 9px;min-height:44px}.question{padding:20px 15px;border-radius:16px}.question-meta{gap:7px;margin-bottom:17px}.question-meta .chip{font-size:.8125rem;padding:5px 9px}.options{gap:12px}.option,.option:not(.checked-correct):not(.checked-wrong):has(input:checked){padding:15px 12px;gap:13px;min-height:76px;border-radius:12px}.option-letter{width:36px;height:38px;font-size:1.05rem}.option-content .math-block{font-size:1.18rem}.question .piecewise{font-size:1.02rem}.question .math-block{font-size:1.2rem}.question-actions .primary{min-width:130px}.explanation{padding:16px 12px}.solution-steps{padding-right:20px}.question-actions{gap:8px}.session-toolbar{padding:2px 0 10px}.figure{max-height:340px}}

/* ===== Professional learning journey redesign ===== */
.entry-layout{max-width:1040px}.entry-welcome{background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%)}
.entry-welcome h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.35;color:#12385b}.entry-welcome h1 span{color:#0d7d8a}
.entry-subtitle{max-width:520px}.entry-welcome form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.entry-welcome form>label:first-child{grid-column:1/-1}.entry-welcome .entry-privacy,.entry-welcome .primary,#entry-error{grid-column:1/-1}
.entry-welcome label{font-weight:700;color:#203f5d}.entry-welcome input,.entry-welcome select{margin-top:6px;background:#fff;min-height:50px;border:1px solid #c9d8e5}.entry-welcome .primary{min-height:54px;font-size:1.05rem;background:linear-gradient(135deg,#163f66,#0f7185)}

.setup-shell{display:block}.learning-home{display:grid;gap:22px;margin-bottom:22px}.learning-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;padding:32px;overflow:hidden;position:relative;background:linear-gradient(135deg,#fff 0%,#f5f9fd 58%,#eef6f8 100%)}
.learning-hero::after{content:'';position:absolute;inset-inline-end:-90px;top:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#dbeef1 0%,transparent 68%);pointer-events:none}.learning-hero-copy{position:relative;z-index:1}.learning-hero-copy h2{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.55;color:#13395c;margin-top:4px}.learning-hero-copy>p{color:#5d7184;font-size:1.05rem;max-width:650px;margin-top:8px}.journey-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.journey-steps span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d9e4ed;border-radius:999px;padding:7px 12px;font-size:.88rem;color:#476177}.journey-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#163f66;color:#fff;font:700 .8rem Arial,sans-serif}
.learning-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}.journey-card{background:#fff;border:1px solid #d8e4ee;border-radius:17px;padding:18px;text-align:right;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon title' 'icon desc';column-gap:12px;align-items:center;box-shadow:0 5px 18px #173e6408;transition:.18s ease}.journey-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #173e6412;border-color:#9ab5ca}.journey-card-main{background:linear-gradient(145deg,#163c62,#185b78);color:#fff;border-color:#244e70}.journey-icon{grid-area:icon;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eef5fa;color:#164b70;font:700 1.25rem Arial,sans-serif}.journey-card-main .journey-icon{background:#ffffff1c;color:#f5d47f}.journey-card strong{grid-area:title;font-size:1rem}.journey-card small{grid-area:desc;color:#698093;line-height:1.7}.journey-card-main small{color:#d9e6ef}
.lesson-browser{padding:28px 30px}.section-heading,.idea-zone-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-heading h2{font-size:1.55rem;color:#173e64}.section-heading p{color:#647b8d;margin-top:3px}.count-pill{flex:none;background:#fff5dc;color:#8d661d;border:1px solid #e2c274;border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:700}.lesson-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.lesson-card{border:1px solid #d9e4ed;border-radius:18px;padding:20px;background:linear-gradient(180deg,#fff,#fbfdff);display:flex;flex-direction:column;min-height:285px;box-shadow:0 6px 20px #183e5f07}.lesson-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.lesson-order{font-weight:700;color:#a37621;font-size:.86rem}.lesson-question-count{font-size:.8rem;background:#edf4f9;color:#46657b;border-radius:999px;padding:4px 9px}.lesson-card h3{font-size:1.25rem;line-height:1.65;margin-top:12px;color:#163b5e}.lesson-card>p{color:#607487;font-size:.92rem;line-height:1.9;margin-top:6px;flex:1}.lesson-stats{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.lesson-stats span{font-size:.8rem;color:#587187;background:#f3f7fa;border-radius:8px;padding:5px 8px}.lesson-open{width:100%;margin-top:auto;background:#173f66}.idea-zone{margin-top:28px;padding-top:24px;border-top:1px solid #dfe8ef}.idea-zone[hidden]{display:none}.idea-zone-head h3{font-size:1.35rem;color:#173e64}.idea-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.idea-card{border:1px solid #d9e4ec;background:#fff;border-radius:15px;padding:16px;text-align:right;display:flex;flex-direction:column;gap:6px;min-height:155px;transition:.15s}.idea-card:hover{border-color:#6f9bb8;background:#f8fbfd;transform:translateY(-1px)}.idea-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.idea-count{font-size:.76rem;color:#657c8f}.mastery-badge{font-size:.74rem;border-radius:999px;padding:4px 8px;font-weight:700}.mastery-badge.not-started{background:#edf2f6;color:#637789}.mastery-badge.learning{background:#fff0de;color:#9a6017}.mastery-badge.good{background:#e7f5f6;color:#116d78}.mastery-badge.mastered{background:#e5f5ec;color:#20724f}.idea-card strong{font-size:1rem;color:#173d61}.idea-card small{font-size:.84rem;color:#6c8091;line-height:1.7}

.training-builder{margin-top:22px}.selection-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:stretch;margin:20px 0;padding:13px;background:#f4f8fb;border:1px solid #dbe6ee;border-radius:14px}.selection-summary>div{background:#fff;border-radius:10px;padding:10px 12px}.selection-summary span{display:block;font-size:.75rem;color:#718495}.selection-summary strong{display:block;font-size:.94rem;color:#173d61;margin-top:2px}.selection-summary button{align-self:center}.attempt-core-grid{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:14px;align-items:end;margin:18px 0}.attempt-core-grid>label{font-weight:700;font-size:.94rem}.attempt-core-grid select{margin-top:6px}.attempt-tip{background:#fff7e2;border:1px solid #ead093;border-radius:12px;padding:12px 14px;display:flex;gap:8px;align-items:flex-start;color:#6d5a32;font-size:.86rem}.attempt-tip strong{color:#8e6518;white-space:nowrap}.advanced-options{margin-top:14px;border:1px solid #dde7ef;border-radius:13px;background:#fbfdff;padding:0 14px}.advanced-options>summary{padding:13px 0;font-weight:700;color:#36566f}.advanced-options[open]>summary{border-bottom:1px solid #e2eaf0;margin-bottom:14px}.advanced-options .setup-options{margin-bottom:14px}.start-row{background:#f8fbfd;border-radius:13px;padding:15px;margin-top:18px;border-top:0}.start-row .primary{min-width:180px;min-height:50px;background:linear-gradient(135deg,#173f66,#0d7484)}
.adaptive-intro{margin:0 0 22px;padding:28px;border-top:4px solid #5c8fb2;background:linear-gradient(135deg,#fff,#f4f9fc)}.adaptive-intro[hidden]{display:none}.adaptive-controls{align-content:start}.adaptive-controls #adaptive-back{grid-column:1/-1}

@media(max-width:980px){.learning-hero{grid-template-columns:1fr}.lesson-cards{grid-template-columns:1fr 1fr}.idea-cards{grid-template-columns:1fr 1fr}.learning-actions{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.entry-welcome form{grid-template-columns:1fr}.entry-welcome form>label:first-child,.entry-welcome .entry-privacy,.entry-welcome .primary,#entry-error{grid-column:auto}.learning-hero,.lesson-browser{padding:20px 16px}.learning-actions{grid-template-columns:1fr}.lesson-cards,.idea-cards{grid-template-columns:1fr}.lesson-card{min-height:0}.section-heading,.idea-zone-head{flex-direction:column}.idea-zone-head .secondary{width:100%}.selection-summary{grid-template-columns:1fr}.selection-summary button{width:100%}.attempt-core-grid{grid-template-columns:1fr}.start-row{flex-direction:column;align-items:stretch}.start-row .primary{width:100%}.journey-steps{gap:7px}.journey-steps span{font-size:.8rem}.workspace-nav a{margin-inline-start:0}}