:root{font-family:Arial,sans-serif;color:#173e49;background:#fff;font-size:18px;line-height:1.55;--blue:#d8f0fb;--line:#acd5e2}
*{box-sizing:border-box}body{margin:0}header{display:flex;gap:60px;align-items:center;padding:18px 4vw;border-bottom:1px solid var(--line)}.brand{font-size:2.6rem;letter-spacing:.04em}nav{display:flex;gap:18px;flex-wrap:wrap}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #367186;background:white;color:#173e49;border-radius:6px;padding:10px 18px;min-height:44px}button:hover{background:#edf8fc}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a54c00;outline-offset:3px}nav button,nav a{border:0;font-weight:bold}button[aria-current],.primary{background:var(--blue);font-weight:bold}button:disabled{opacity:.45;cursor:default}main{max-width:1440px;margin:auto;padding:28px 4vw 0}h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.13;letter-spacing:-.025em;margin:12px 0 22px}h2{font-size:1.55rem;line-height:1.2;margin:8px 0 20px}h3{font-size:1.1rem}p{margin:0 0 16px}.progress{display:flex;align-items:center;gap:20px;margin-bottom:25px}.dots{display:flex;gap:12px}.dot{width:13px;height:13px;border-radius:50%;background:#d3dfe6}.dot.active{background:#0784a4}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.story{font-size:1.14rem;line-height:1.65;padding-right:20px}.task{border-left:1px solid var(--line);padding-left:35px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}fieldset{border:0;margin:20px 0;padding:0}legend{font-weight:bold;margin-bottom:12px}.choice{display:flex;gap:14px;align-items:flex-start;padding:10px 0;cursor:pointer}.choice input{margin-top:7px;width:22px;height:22px;flex-shrink:0;accent-color:#157d96}.feedback{border-left:4px solid #167d5a;background:#eef8f3;padding:15px;margin:16px 0}.feedback.retry{border-color:#a54c00;background:#fff7e9}.hint{background:#eef7fc;padding:15px;margin:16px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.pageNav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;margin-top:24px}footer{max-width:1440px;padding:10px 4vw 25px;margin:auto}footer button{border:0;padding:7px 10px;font-size:.9rem}footer p{font-size:.78rem;margin:10px 0 0;color:#52676b}textarea{display:block;width:100%;min-height:120px;resize:vertical;border:1px solid #7b9ca7;border-radius:5px;padding:12px;margin:9px 0 20px;color:#173e49;background:white}.panel{max-width:950px}.case{border-top:1px solid var(--line);padding:23px 0}.small{font-size:.9rem}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;padding:15px;z-index:9}.large{font-size:22px}.saved{font-size:.85rem;color:#42616a}.printOnly{display:none}
@media(max-width:760px){header{display:block;padding:15px 20px}.brand{font-size:2rem}nav{gap:3px;margin-top:12px}nav button,nav a{padding:8px;font-size:.87rem}.columns{grid-template-columns:1fr;gap:20px}.task{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.story{padding:0}main{padding:18px 20px 0}h1{font-size:2rem}footer{padding:12px 20px}.controls button{font-size:.9rem}}
@media print{header,footer,main,.skip{display:none!important}.printOnly{display:block;color:#000;font-size:11pt;line-height:1.5}.printOnly h1{font-size:22pt}.printOnly section{break-inside:avoid;margin-bottom:20px}.printOnly p{white-space:pre-wrap}.printOnly .answer{border-bottom:1px solid #aaa;min-height:30px}@page{size:A4;margin:18mm}}

nav{align-items:center}nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:6px;color:#173e49;text-decoration:none;font:inherit;font-weight:bold}nav a:hover{background:#edf8fc}@media(max-width:760px){nav a{padding:8px;font-size:.87rem}}