:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#203445;background:#f1f5f6}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:0 auto;padding:28px 20px 60px}.back{display:inline-block;margin-bottom:22px}header{margin-bottom:25px}.eyebrow{color:#715027;font-weight:750;font-size:.8rem;letter-spacing:.07em}h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.12;margin:7px 0}h2{font-size:1.35rem;margin:10px 0 16px}.lead{font-size:1.15rem;line-height:1.6;max-width:78ch}.notice{border-left:4px solid #a77337;padding:13px;background:#fff6e9;max-width:84ch;line-height:1.55}.workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}.workspace>div{min-width:0;background:#fff;border:1px solid #d2dce1;padding:22px;border-radius:14px}figure{margin:0}figure img{width:100%;height:auto;display:block;border-radius:8px}figcaption{font-size:.89rem;color:#364d5c;line-height:1.6;margin-top:11px}.switches,.actions{display:flex;flex-wrap:wrap;gap:9px}button{font:inherit;cursor:pointer;min-height:44px;padding:10px 15px;border:1px solid #5f788a;background:#e7f0f4;color:#15384b;border-radius:8px}button:hover{background:#d3e8f1}button[aria-pressed=true]{background:#153e57;color:#fff}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #a77527;outline-offset:3px}.response{background:#eaf2f5;border-left:4px solid #477e90;border-radius:5px;padding:13px;min-height:70px;line-height:1.5}fieldset{min-width:0;border:1px solid #c6d3dc;padding:15px;margin:19px 0;border-radius:9px}legend{font-weight:700;line-height:1.4;padding:0 6px}fieldset label{display:block;padding:9px 0;line-height:1.4;cursor:pointer}input[type=radio]{width:18px;height:18px;vertical-align:middle;accent-color:#24627b;margin-right:7px}.feedback{font-size:.93rem;min-height:24px;line-height:1.5}.feedback[data-result=correct]{color:#175633}.feedback[data-result=incorrect]{color:#78411f}textarea{font:inherit;width:100%;padding:12px;margin:10px 0;border:1px solid #8ba4b0;border-radius:8px;resize:vertical}.subtle{font-size:.86rem;color:#516675}a{color:#105b8a}footer{border-top:1px solid #cdd8db;margin-top:40px;padding-top:20px;font-size:.88rem;color:#4e6570}@media(max-width:800px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace>div{padding:15px}main{padding:18px 11px 40px}}