/* Academic Diagnostic Studio: first-attempt reading and vocabulary practice, not a standardized test. */
.as-diagnostic{--ad-border:#d4e5dd;--ad-ink:#163c30;--ad-muted:#556e62;--ad-panel:#fff;background:linear-gradient(125deg,#f5fbf6,#eef7f1);border:1px solid var(--ad-border);border-radius:22px;padding:25px;margin:24px 0}
.as-diagnostic-head{display:flex;justify-content:space-between;align-items:start;gap:16px}
.as-diagnostic-head>div{flex:1;min-width:0}.as-diagnostic-head h2{font-size:clamp(20px,2.8vw,29px);color:var(--ad-ink);margin:8px 0}
.as-diagnostic-head p{font-size:12.5px;line-height:1.75;color:var(--ad-muted);margin:0}
.as-diagnostic-mark{font-size:12px;font-weight:800;color:#176248;background:#e0f1e6;border:1px solid #b2d8c4;border-radius:13px;padding:10px 13px;white-space:nowrap}
.as-diagnostic-disclaimer{font-size:11.5px;line-height:1.75;color:#675631;padding:12px 15px;border:1px solid #e2d7b4;background:#fcf9ee;border-radius:12px;margin:18px 0}
.as-diagnostic-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.as-diagnostic-level{display:flex;flex-direction:column;align-items:start;text-align:left;gap:12px;min-height:125px;cursor:pointer;padding:17px 13px;border:1px solid var(--ad-border);background:var(--ad-panel);border-radius:13px}
.as-diagnostic-level:hover{border-color:#379a71;box-shadow:0 0 0 2px #379a711c}
.as-diagnostic-level strong{font-size:14px;line-height:1.35;color:var(--ad-ink)}
.as-diagnostic-level span{font-size:11px;line-height:1.6;color:var(--ad-muted);flex:1}
.as-diagnostic-level small{font-size:11px;font-weight:850;color:#237253}
.as-diagnostic-paper,.as-diagnostic-results,.as-diagnostic-history{border:1px solid var(--ad-border);border-radius:17px;background:var(--ad-panel);padding:24px;margin-top:17px}
.as-diagnostic-navigation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.as-diagnostic-navigation>span:last-child{font-size:12px;color:var(--ad-muted);font-weight:700}
.as-diagnostic-progress{background:#e2ece5;height:8px;border-radius:20px;overflow:hidden;margin:16px 0 22px}
.as-diagnostic-progress>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#238367,#9fd19c);transition:width .2s}
.as-diagnostic-paper h3{font-size:17px;line-height:1.6;color:var(--ad-ink);margin:8px 0 15px}
.as-diagnostic-passage{font-size:clamp(16px,2vw,20px);line-height:2;letter-spacing:.008em;font-family:"Microsoft YaHei","Noto Sans CJK SC",sans-serif;padding:20px;background:#f4f9f6;border:1px solid var(--ad-border);border-radius:13px;overflow-wrap:anywhere;color:var(--ad-ink)}
.as-diagnostic-question{font-size:17px;line-height:1.8;color:var(--ad-ink);font-weight:700}
.as-diagnostic-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0}
.as-diagnostic-choice{padding:16px;min-height:65px;cursor:pointer;border:1px solid #bfd8c8;background:#f8fbf8;color:#214a35;text-align:left;border-radius:11px;line-height:1.6;font-size:13px;font-weight:600}
.as-diagnostic-choice:hover:not(:disabled){border-color:#26875f;background:#edf7f0}
.as-diagnostic-choice:disabled{opacity:1;cursor:default}
.as-diagnostic-choice.correct{border:2px solid #148f60;background:#dff8e8;color:#15563a}
.as-diagnostic-choice.wrong{border:2px solid #c63e54;background:#ffe4e9;color:#84283b}
.as-diagnostic-feedback{padding:13px 17px;border-radius:12px;margin:14px 0 16px;font-size:12.5px;line-height:1.75}
.as-diagnostic-feedback p{margin:7px 0 0}.as-diagnostic-feedback.good{background:#e3f7e9;color:#1b5e3d}.as-diagnostic-feedback.bad{background:#fee7ec;color:#8c2d44}
.as-diagnostic-abort{display:block;margin-top:18px;font-size:11px}
.as-diagnostic-results h3,.as-diagnostic-history h3{margin:0 0 13px;color:var(--ad-ink);font-size:18px}
.as-diagnostic-score{display:flex;align-items:center;gap:16px}.as-diagnostic-score b{font-size:36px;letter-spacing:-1.5px;color:#217d5b}.as-diagnostic-score span{font-size:12px;color:var(--ad-muted)}
.as-diagnostic-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:13px 0 16px}
.as-diagnostic-breakdown>div{display:grid;gap:8px;border:1px solid var(--ad-border);border-radius:12px;padding:14px;background:#f7fbf8}
.as-diagnostic-breakdown strong{font-size:23px;color:var(--ad-ink)}
.as-diagnostic-breakdown span{font-size:11px;color:var(--ad-muted)}
.as-diagnostic-advice{font-size:12px;line-height:1.8;background:#e3f4e9;padding:15px;border-radius:12px;color:#235c3b}
.as-diagnostic-weak>strong{display:block;margin:17px 0 9px;font-size:13px;color:var(--ad-ink)}
.as-diagnostic-weak>div{display:flex;flex-wrap:wrap;gap:8px}
.as-diagnostic-lesson{border:1px solid #a3c9b5;border-radius:9px;background:#e4f4e9;color:#185838;padding:10px 12px;cursor:pointer;font-size:11px;font-weight:750}
.as-diagnostic-lesson:hover{background:#d2eadb}
.as-diagnostic-perfect{color:#216f49;font-weight:750;font-size:12px}
.as-diagnostic-history>div{display:grid;gap:7px}.as-diagnostic-history>div>div{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid var(--ad-border);font-size:12px;color:var(--ad-muted)}
.as-diagnostic-history b{color:var(--ad-ink)}
.as-diagnostic :is(button):focus-visible{outline:3px solid #148b68;outline-offset:3px}
body.dark .as-diagnostic{--ad-border:#3e6450;--ad-ink:#e3f9eb;--ad-muted:#b6d5c5;--ad-panel:#1d3025;background:linear-gradient(125deg,#213c2c,#1a2d22)}
body.dark .as-diagnostic-mark{background:#204932;border-color:#427258;color:#d1f2df}
body.dark .as-diagnostic-disclaimer{background:#443b29;border-color:#736545;color:#f1dfb4}
body.dark .as-diagnostic-level small{color:#9be4ba}
body.dark .as-diagnostic-passage,body.dark .as-diagnostic-breakdown>div{background:#273f30}
body.dark .as-diagnostic-choice{background:#2b4132;border-color:#597b60;color:#e8faed}
body.dark .as-diagnostic-choice.correct{background:#1a5238;border-color:#83edac;color:#e0ffee}
body.dark .as-diagnostic-choice.wrong{background:#542a35;border-color:#ffa3b2;color:#ffe2eb}
body.dark .as-diagnostic-feedback.good{background:#25503a;color:#d0f6df}
body.dark .as-diagnostic-feedback.bad{background:#562e3c;color:#ffd5df}
body.dark .as-diagnostic-advice{background:#284e36;color:#dcf5e4}
body.dark .as-diagnostic-lesson{background:#2d563e;border-color:#608b68;color:#d3f8df}
body.dark .as-diagnostic-score b,body.dark .as-diagnostic-perfect{color:#9ce4bb}
@media(max-width:1120px){.as-diagnostic-levels{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:660px){.as-diagnostic{padding:15px}.as-diagnostic-head{flex-direction:column}.as-diagnostic-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.as-diagnostic-paper,.as-diagnostic-results,.as-diagnostic-history{padding:15px}.as-diagnostic-choices{grid-template-columns:1fr}.as-diagnostic-passage{padding:15px}}
@media(max-width:390px){.as-diagnostic-levels{grid-template-columns:1fr}.as-diagnostic-level{min-height:0}}
@media(prefers-reduced-motion:reduce){.as-diagnostic-progress>span{transition:none}}