:root{--navy:#13263e;--blue:#164b73;--gold:#ffd84d;--ink:#17344b;--muted:#536d7f;--line:#cbdce7;--green:#237548;--red:#a52f27}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f1f5f8;color:var(--ink);font:17px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue)}button{font:inherit;cursor:pointer;min-height:44px;border:1px solid var(--blue);border-radius:8px;padding:9px 15px;background:var(--blue);color:white;font-weight:700}button:hover{background:var(--navy)}button.secondary{color:var(--blue);background:white}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a26900;outline-offset:3px}.skip{position:absolute;top:-70px;left:12px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.site-header{background:var(--navy);border-bottom:3px solid var(--gold)}.header-inner{max-width:960px;margin:auto;padding:3px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;min-height:44px;font-size:20px;font-weight:800;letter-spacing:-.04em;color:white;text-decoration:none;white-space:nowrap}.brand span{color:var(--gold)}.skills-back{display:inline-flex;align-items:center;min-height:44px;color:#d5e5ef;font-size:14px;white-space:nowrap}main{max-width:640px;margin:auto;padding:18px 18px 14px}h1{font-size:29px;line-height:1.15;letter-spacing:-.025em;margin:0 0 13px}h2{font-size:26px;line-height:1.25;margin:0}.quiz-card{padding:18px 22px 17px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 20px #13263e07}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}#question{margin:20px 0 19px;min-height:81px}.question-start{display:block;font-size:16px;font-weight:500;line-height:1.3;margin-bottom:7px;color:var(--muted)}#quantity{display:block;font-size:29px;line-height:1.18;overflow-wrap:anywhere}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:102px;padding:14px 13px 13px 36px;color:var(--ink);background:white;border:2px solid #a9bfce;font-weight:500;text-align:center}.option:hover{background:#f0f6fa;border-color:var(--blue)}.option-letter{position:absolute;left:10px;top:9px;font-size:13px;font-weight:750;color:var(--muted)}.option-content{min-width:0}.unit-symbol{display:block;font-size:29px;line-height:1.1;font-weight:800;white-space:nowrap}.unit-symbol.long{font-size:22px}.unit-name{display:block;font-size:13px;line-height:1.25;margin-top:6px;overflow-wrap:anywhere}.option:disabled{opacity:1}.option.correct{background:#edf9f1;border-color:var(--green);color:#185f37}.option.incorrect{background:#fff1ed;border-color:var(--red);color:var(--red)}.option.other{opacity:.52}.option .marker{position:absolute;top:6px;right:8px;font-weight:800;font-size:18px}.feedback{font-size:16px;line-height:1.35;min-height:4.1em;margin:14px 0 9px}.feedback p{margin:0}.feedback strong{display:block;font-size:17px;margin-bottom:3px}.feedback.correct{color:var(--green)}.feedback.incorrect{color:var(--red)}.next-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.next-row button{min-width:115px}.keyboard-note{color:var(--muted);font-size:12px}.progress-track{height:4px;background:#e3ebf0;border-radius:4px;overflow:hidden;margin-top:15px}.progress-track span{height:100%;display:block;background:var(--blue)}.below{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-top:4px}.below a{display:inline-flex;align-items:center;min-height:44px}.result-score{font-size:44px;line-height:1.1;font-weight:800;color:var(--green);margin:20px 0 14px}#result-note{font-size:16px;margin:0 0 18px}.result-actions{display:flex;flex-wrap:wrap;gap:10px}.review{margin-top:20px;border-top:1px solid var(--line);padding-top:10px}summary{cursor:pointer;min-height:44px;align-content:center;font-weight:650;color:var(--blue);font-size:14px}.review dl{font-size:15px;margin:4px 0}.review dl>div{border-top:1px solid #e1e9ef;padding:9px 0}.review dt{font-weight:650}.review dd{margin:3px 0 0;color:var(--green)}.about{font-size:13px;color:var(--muted)}.about p{margin:5px 0 10px}.about ul{padding-left:20px}.about li{padding:5px 0}.about summary{font-size:12px}noscript{display:block;padding:14px;background:#fff1c9}
@media(max-width:600px){.header-inner{padding:2px 14px}.brand{font-size:18px}.skills-back{font-size:13px}main{padding:12px 12px 10px}h1{font-size:25px;margin-bottom:10px}.quiz-card{padding:14px 14px 12px}.status-row{font-size:12px}#question{margin:15px 0;min-height:73px}.question-start{font-size:15px;margin-bottom:6px}#quantity{font-size:26px}.options{gap:8px}.option{min-height:91px;padding:13px 9px 11px 27px}.option-letter{left:7px;top:7px;font-size:11px}.unit-symbol{font-size:26px}.unit-symbol.long{font-size:18px}.unit-name{font-size:12px;margin-top:5px}.feedback{font-size:14px;min-height:4.1em;margin:11px 0 8px}.feedback strong{font-size:15px}.next-row button{min-width:110px;font-size:15px}.keyboard-note{font-size:11px}.progress-track{margin-top:12px}.result-score{font-size:38px}}
@media(max-width:360px){main{padding-left:9px;padding-right:9px}.quiz-card{padding-left:11px;padding-right:11px}#quantity{font-size:24px}.option{padding-left:24px;padding-right:7px;min-height:86px}.unit-symbol{font-size:24px}.unit-symbol.long{font-size:16px}.unit-name{font-size:12px}.keyboard-note{font-size:10px}.feedback{font-size:13px}}