:root{--blue:#174a84;--orange:#ff7900;--text:#17345f;--muted:#66748c;--bg:#f4f7fb;--border:#dce5f0;--good:#17633e;--bad:#a42622}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}[hidden]{display:none!important}a{color:var(--blue)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #174a84;outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:disabled:focus-visible{outline:none}.skip-link{position:absolute;left:16px;top:-80px;background:#fff;padding:12px;z-index:20}.skip-link:focus{top:12px}
.topbar{background:#fff;padding:26px 22px;border-bottom:1px solid #e5e9f0}.topbar-inner{max-width:980px;margin:auto}.back{font-size:18px;font-weight:700;text-decoration:none;display:inline-block;min-height:30px}.hero{background:linear-gradient(115deg,#ff7900,#ff9b3b);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-170px;background:rgba(255,255,255,.10);pointer-events:none}.hero-inner{max-width:980px;margin:auto;padding:40px 28px 46px;position:relative;z-index:1}.eyebrow{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.2em}.hero h1{margin:0;font-size:60px;line-height:1.07;letter-spacing:-.035em}.hero .topic-title{font-size:clamp(32px,4.6vw,54px);overflow-wrap:anywhere}.hero-subtitle{margin:18px 0 0;font-size:21px;line-height:1.45;font-weight:500}
.menu-main{max-width:980px;margin:auto;padding:34px 22px 60px}.menu-note{margin:0 0 25px;font-size:16px;color:var(--muted)}.quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.quiz-card{display:block;min-width:0;background:#fff;border:1px solid var(--border);border-top:7px solid var(--orange);box-shadow:0 12px 32px rgba(23,74,132,.07);border-radius:26px;text-decoration:none;color:var(--text);padding:26px;transition:transform .15s,box-shadow .15s}.quiz-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(23,74,132,.12)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.icon-tile{height:58px;width:58px;border-radius:18px;background:#eef4fc;display:grid;place-items:center;color:var(--blue);font-size:35px;flex-shrink:0}.card-state{font-size:13px;font-weight:700;color:#69768a;text-align:right}.quiz-card.is-submitted .card-state{color:var(--good)}.quiz-card h2{font-size:32px;margin:18px 0 4px}.quiz-card p{margin:0;font-size:17px;color:var(--muted)}.card-footer{border-top:1px solid var(--border);padding-top:18px;margin-top:25px;display:flex;justify-content:space-between;align-items:center;color:#ae4f00;font-size:15px;font-weight:700}.card-footer>span:last-child{font-size:25px}.privacy-note{font-size:13px;color:var(--muted);margin:28px 0 0}
.quiz-main{max-width:860px;margin:auto;padding:28px 22px 60px}.instructions{border-radius:20px;border:1px solid var(--border);background:#fff;padding:22px 24px;margin-bottom:25px}.instruction-top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;font-size:15px;font-weight:700;margin-bottom:10px}#draft-status{color:var(--muted);font-size:13px}.instructions p{font-size:15px;color:#53627a;margin:8px 0}.instructions strong{color:var(--text)}.question{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;margin:0 0 20px;box-shadow:0 7px 25px rgba(23,74,132,.035);scroll-margin-top:20px}.question-heading{display:flex;gap:14px;align-items:flex-start}.question-number{display:inline-grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:10px;background:#fff0e1;color:#a84d00;font-size:14px;font-weight:700;line-height:1}.question h2{font-size:19px;font-weight:600;line-height:1.55;margin:2px 0 0;overflow-wrap:anywhere}.expression{font-size:clamp(24px,4.6vw,31px);font-weight:700;line-height:1.5;letter-spacing:.01em;margin:18px 0;color:#17345f;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.response{margin-top:20px}.response label{display:block;font-size:14px;font-weight:700;color:#53627a;margin-bottom:6px}.input-row{display:flex;gap:10px;max-width:350px}.answer-input{display:block;width:100%;min-width:0;border:1.5px solid #afc3d9;border-radius:12px;padding:11px 14px;font-size:21px;line-height:1.25;height:52px;color:var(--text);background:#fff;font-variant-numeric:tabular-nums}.answer-input:focus{outline:3px solid #d5e7ff;outline-offset:1px;border-color:var(--blue)}.answer-input[aria-invalid=true]{border-color:var(--bad)}.answer-input:disabled{color:var(--text);-webkit-text-fill-color:var(--text);opacity:1;background:#f2f5f9}.sign-toggle{width:52px;height:52px;flex-shrink:0;border-radius:12px;border:1px solid #ccdbea;background:#eef4fc;color:var(--blue);font-size:25px;font-weight:700}.sign-toggle:hover:enabled{background:#e0edfc}.field-error{font-size:14px;color:var(--bad);margin:8px 0 0}.warning,.validation-summary{background:#fff1e7;border:1px solid #e4a76f;color:#7a3800;border-radius:14px;padding:17px 20px;margin:0 0 22px;font-size:15px}.validation-summary{background:#fff1ee;border-color:#e4b8b0;color:#902a20}.validation-summary a{color:#902a20;font-weight:700}.submit-panel{text-align:center;padding:10px 0 24px}.submit-panel>p:first-child{font-size:15px;color:var(--muted);margin:0 0 12px}.primary-button,.secondary-button{border:0;border-radius:13px;padding:14px 22px;font-size:18px;font-weight:700;min-height:51px;line-height:1.4}.primary-button{color:#fff;background:#174a84;box-shadow:0 5px 15px #174a8415}.primary-button:hover:enabled{background:#0e3b6e}.submit-panel .primary-button{width:100%;max-width:440px}.secondary-button{background:#edf2f8;color:#17345f;border:1px solid #cdd9e6}.submit-note{font-size:13px;color:var(--muted);margin:14px 0}.bottom-back{text-decoration:none;font-weight:700;display:inline-block;padding:10px 0;font-size:16px}
.results{background:#fff;border:2px solid #b9cfeb;border-radius:22px;padding:24px;margin:0 0 26px;scroll-margin-top:20px}.results h2{font-size:28px;line-height:1.3;margin:0 0 8px}.results p{margin:8px 0;color:#53627a;font-size:15px}.results .result-label{font-size:12px;color:#8e4100;font-weight:700;letter-spacing:.14em;margin:0 0 8px}.results .missed-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.missed-links a{display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;background:#fff1ee;border:1px solid #edc7be;border-radius:9px;color:#992c22;font-weight:700;text-decoration:none}.question[data-result=incorrect]{border-left:5px solid #bd4940}.question[data-result=correct]{border-left:5px solid #248258}.question-feedback{margin-top:20px;padding:18px;border-radius:14px;background:#f3f8fc;border:1px solid #d7e3ee}.question[data-result=incorrect] .question-feedback{background:#fff6f3;border-color:#efcdc3}.feedback-title{font-size:17px;font-weight:700;color:var(--good);margin:0 0 12px}.question[data-result=incorrect] .feedback-title{color:var(--bad)}.question-feedback p{font-size:15px;margin:8px 0;line-height:1.5}.correct-answer{font-weight:700}.worked-steps{margin:12px 0 0;padding:12px 14px;background:#fff;border:1px solid #d8e1ed;border-radius:10px;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
dialog{padding:28px;border:1px solid var(--border);border-radius:22px;max-width:min(490px,calc(100vw - 32px));color:var(--text);box-shadow:0 25px 90px #05264e40}dialog::backdrop{background:#102f5566;backdrop-filter:blur(3px)}dialog h2{font-size:26px;line-height:1.2;margin:0 0 14px}dialog p{color:#55657b;line-height:1.6;margin:0 0 24px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}dialog:not([open]){display:none}
@media(max-width:650px){.topbar{padding:22px 18px}.back{font-size:16px}.hero-inner{padding:31px 20px 35px}.hero h1{font-size:48px}.hero .topic-title{font-size:clamp(28px,7.5vw,42px)}.hero-subtitle{font-size:18px}.eyebrow{font-size:12px}.menu-main{padding:27px 18px 40px}.quiz-grid{grid-template-columns:1fr;gap:18px}.quiz-card{padding:23px}.quiz-main{padding:22px 16px 45px}.instructions{padding:18px}.question{padding:20px 18px;border-radius:19px}.question-heading{gap:11px}.question h2{font-size:17px}.question-number{width:31px;height:31px;font-size:13px}.question-feedback{padding:14px}.worked-steps{padding:10px;font-size:16px}.results{padding:20px}.results h2{font-size:25px}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}.expression{font-size:25px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.skip-link,.sign-toggle,.submit-panel,.bottom-back,.privacy-note,.menu-note,dialog{display:none!important}.hero{background:#fff;color:#17345f;border-bottom:2px solid #17345f}.hero:after{display:none}.hero-inner{padding:10px 0}.hero h1{font-size:28px}.hero-subtitle{font-size:15px}.quiz-main{padding:10px 0;max-width:100%}.question,.instructions,.results{box-shadow:none;break-inside:avoid}.answer-input{border:1px solid #888}.question{margin:0 0 12px}body{background:#fff}}