.topic-tests{max-width:1120px;margin:auto}.topic-test-heading{border-bottom:1px solid #dce4e7;padding:24px 0 30px}.topic-test-heading h1{color:#133b43;max-width:920px;margin:12px 0 18px;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.18}.topic-test-heading>p{max-width:780px;font-size:1.08rem;line-height:1.7}.topic-test-heading-meta,.topic-test-status{color:#49636a;flex-wrap:wrap;gap:10px 24px;font-size:.9rem;display:flex}.topic-test-heading-meta span{background:#eef4f4;border-radius:6px;padding:7px 12px}.topic-test-explainer{background:#f1f7f5;border-radius:12px;margin:24px 0;padding:20px 24px;line-height:1.65}.topic-test-explainer p{margin:0 0 12px}.topic-tests summary{cursor:pointer;font-weight:650}.topic-test-filters{grid-template-columns:1.5fr 1fr auto;align-items:end;gap:16px;margin-top:28px;display:grid}.topic-test-filters label{flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;display:flex}.topic-test-filters input[type=search],.topic-test-filters select{color:#203c43;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #aebec1;border-radius:8px;padding:12px}.topic-test-filters .topic-test-gap-filter{flex-direction:row;align-items:center;padding:12px 0}.topic-test-directory{gap:18px;margin:24px 0;display:grid}.topic-test-directory article{background:#fff;border:1px solid #d4e0e1;border-radius:12px;padding:24px}.topic-test-directory h2{color:#173e46;margin:8px 0;font-size:1.2rem}.topic-test-directory p{color:#4a6066;line-height:1.6}.topic-test-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.topic-test-level{border:1px solid #cedbdc;border-top:3px solid #4b8579;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex;color:#203c43!important;text-decoration:none!important}.topic-test-normal{border-top-color:#4772a3}.topic-test-difficult{border-top-color:#8c668c}.topic-test-level span{font-size:.86rem}.topic-test-level span:last-child{margin-top:6px;font-weight:650}.topic-test-level:hover{background:#edf5f3}.topic-test-switch{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.topic-test-switch a{color:#234d52;border:1px solid #bfcfd0;border-radius:8px;padding:11px 20px;text-decoration:none}.topic-test-switch a[aria-current=page]{color:#fff;background:#174f52;border-color:#174f52}.topic-test-switch a:last-child{margin-left:auto}.topic-test-status{justify-content:space-between;padding:12px 0}.topic-test-start,.topic-test-results{background:#f0f6f4;border:1px solid #d4e3df;border-radius:12px;margin:12px 0 24px;padding:24px;line-height:1.75}.topic-test-start li{margin:8px 0}.topic-tests button{cursor:pointer;font:inherit;color:#22484f;background:#fff;border:1px solid #b7c9c9;border-radius:8px;min-height:44px;padding:12px 18px}.topic-tests .topic-test-primary{color:#fff;background:#174f52;border-color:#174f52;font-weight:650}.topic-test-question{border-bottom:1px solid #d4e0e1;padding:28px 0}.topic-test-question-meta{color:#536c72;font-size:.86rem}.topic-test-question h2{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 24px;font-size:1.15rem;line-height:1.75}.topic-test-question fieldset{border:0;margin:18px 0;padding:0}.topic-test-option{cursor:pointer;border:1px solid #d4e0e1;border-radius:8px;align-items:flex-start;gap:12px;margin:8px 0;padding:12px 14px;line-height:1.55;display:flex}.topic-test-option input{accent-color:#174f52;flex-shrink:0;width:17px;height:17px;margin-top:5px}.topic-test-question textarea{resize:vertical;width:100%;min-height:170px;font:inherit;color:#213c43;background:#fff;border:1px solid #9fb4b7;border-radius:8px;margin-top:10px;padding:14px;line-height:1.7;display:block}.topic-test-question textarea[readonly]{background:#f6f8f8}.topic-test-hint{background:#f6f5eb;border-radius:8px;margin-top:18px;padding:15px}.topic-test-model{overflow-wrap:anywhere;background:#f0f6f5;border-radius:10px;margin-top:22px;padding:22px;line-height:1.75}.topic-test-model>p,.topic-test-model li{white-space:pre-wrap}.topic-test-model a{margin-top:14px;display:inline-block}.topic-test-finish{padding:26px 0}.topic-test-reset{padding:24px 0}.topic-test-reset button{margin:0 10px 8px 0}.topic-test-gap{background:#f6f3ed;border-radius:8px;padding:18px;line-height:1.7}.topic-test-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topic-tests :focus-visible{outline-offset:3px;outline:3px solid #d28c2d}.topic-test-guide-link{background:#eef6f3;border:1px solid #d3e2db;border-radius:10px;margin:16px 0;padding:18px 20px;line-height:1.6}.topic-test-guide-link a{font-weight:650}.topic-test-guide-link p{margin:6px 0 0}@media (max-width:700px){.topic-test-filters,.topic-test-levels{grid-template-columns:1fr}.topic-test-level{grid-template-columns:1fr auto;gap:8px;display:grid}.topic-test-level span:last-child{grid-area:1/2/3;align-self:center}.topic-test-directory article,.topic-test-start,.topic-test-model,.topic-test-results{padding:18px}.topic-test-switch a{padding:10px 13px}.topic-test-switch a:last-child{margin-left:0}.topic-test-question h2{font-size:1.06rem}.topic-test-heading{padding-top:14px}}@media print{.topic-test-filters,.topic-test-switch,.topic-test-reset,.topic-test-status,.topic-test-finish{display:none}.topic-test-question{break-inside:avoid}.topic-test-question textarea{min-height:120px}.topic-test-model{background:#fff}}.topic-test-diagram{background:#fff;border:1px solid #d4e0e1;border-radius:8px;max-width:450px;margin:16px 0 24px}.topic-test-diagram svg{width:100%;height:auto;display:block}.topic-test-diagram figcaption{color:#49636a;padding:0 16px 16px;font-size:.86rem;line-height:1.5}.topic-test-materials,.topic-test-stimulus,.topic-test-learning-cycle,.topic-test-retry{background:#f6f9f8;border:1px solid #cfdddd;border-radius:12px;margin:20px 0;padding:22px;line-height:1.7}.topic-test-materials h2,.topic-test-stimulus h3{margin-top:0}.topic-test-source-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e0e8e5;border-radius:8px;margin:14px 0;padding:16px;font-size:1.03rem;line-height:1.95}.topic-test-audio-controls,.topic-test-review-actions{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.topic-test-audio-controls label,.topic-test-confidence{flex-direction:column;gap:8px;display:flex}.topic-test-audio-controls select,.topic-test-confidence select{font:inherit;color:#203c43;background:#fff;border:1px solid #aebec1;border-radius:8px;max-width:100%;min-height:44px;padding:10px}.topic-test-confidence{max-width:480px;margin-top:20px;font-size:.9rem}.topic-test-confidence span{color:#49636a;font-weight:400}.topic-test-learning-cycle textarea,.topic-test-retry textarea{width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #9fb4b7;border-radius:8px;margin:10px 0 18px;padding:14px;line-height:1.7;display:block}.topic-test-retry h3{white-space:pre-wrap}.topic-test-retry>button{margin:10px 10px 10px 0}.topic-test-evidence{margin:24px 0;line-height:1.65}.topic-test-evidence li{margin-bottom:16px}.topic-test-due{color:#76501f;background:#fff3cf;border-radius:5px;width:fit-content;padding:4px 7px;font-weight:650}.topic-tests button:disabled{opacity:.5;cursor:not-allowed}.topic-test-model button{margin-top:16px}.topic-test-model>p[dir=auto]{font-weight:400}.topic-test-source-text[lang=ar]{font-size:1.2rem;line-height:2.1}@media (max-width:700px){.topic-test-materials,.topic-test-stimulus,.topic-test-learning-cycle,.topic-test-retry{padding:16px}.topic-test-audio-controls{align-items:stretch}.topic-test-audio-controls label{width:100%}.topic-test-level .topic-test-due{grid-column:1}.topic-test-level span:last-child{grid-row:1/4}.topic-test-review-actions{grid-template-columns:1fr;display:grid}.topic-test-source-text{padding:12px}}@media print{.topic-test-confidence,.topic-test-review-actions,.topic-test-audio-controls{display:none}.topic-test-source-text{border:0}.topic-test-stimulus{break-inside:auto}}.topic-test-scope{background:#fffaf0;border:1px solid #ddcda6;border-radius:12px;margin:20px 0;padding:20px;line-height:1.7}.topic-test-scope h2{margin:0;font-size:1.1rem}.topic-test-scope-label{color:#76501f;font-size:.85rem;font-weight:650}.topic-test-scope li{overflow-wrap:anywhere}@media (max-width:700px){.topic-test-scope{padding:16px}}
