:root{font-family:Arial,sans-serif;color:#162d47;background:#eef2f8;font-size:18px;--navy:#102945;--blue:#1859c9;--teal:#006e69;--gold:#ffc867}*{box-sizing:border-box}body{margin:0}header{background:var(--navy);color:white;display:flex;align-items:center;gap:24px;padding:22px 4%;min-height:82px}a{color:#164fa9}header a{color:white}header>a:last-child{margin-left:auto}.brand{font-size:25px;font-weight:800;text-decoration:none}.brand span{color:var(--gold)}.tag{font-size:12px;letter-spacing:1px;color:#b9d5ff}main{max-width:1240px;margin:30px auto;padding:0 24px 50px}h1{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:18px 0}h2{font-size:29px}h3{font-size:21px}p,li{line-height:1.65}button,.button{font:inherit;border:0;border-radius:10px;padding:14px 22px;background:var(--blue);color:#fff;cursor:pointer;font-weight:700;display:inline-block;text-decoration:none}button:hover,.button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#e1e9f6;color:#143d72}.danger{background:#9b283e}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bf7900;outline-offset:3px}.hero{background:linear-gradient(120deg,#102945,#153b82 65%,#006e69);color:#fff;padding:40px;border-radius:24px}.hero p{max-width:780px;color:#e2ebff}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;color:#ffcf7f}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.card,.panel{background:white;border:1px solid #d7e0ed;padding:24px;border-radius:16px}.card strong{font-size:26px;display:block;margin:8px 0}.notice{padding:18px 22px;background:#fff3d7;border-left:5px solid #b67b18;border-radius:8px;line-height:1.6;margin:20px 0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.setup{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setup label{display:block;margin:14px 0}select,textarea{font:inherit;border:1px solid #8e9fb8;border-radius:8px;padding:12px;width:100%}textarea{min-height:320px;line-height:1.7}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--navy);color:white;border-radius:14px;padding:20px;margin-bottom:16px}.clock{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;color:var(--gold)}.clock small{font-size:13px;display:block;color:#c3d5ed}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.steps span{padding:8px 14px;border-radius:30px;background:#dce5f3;font-size:14px}.steps .current{background:#006e69;color:white}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.passage{white-space:pre-wrap;line-height:1.85;font-size:18px}.questions fieldset{border:0;border-bottom:1px solid #dae1ec;padding:0 0 24px;margin:0 0 24px}.questions legend{font-weight:700;line-height:1.6;margin-bottom:10px}.option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #d6dfec;border-radius:9px;margin:8px 0;cursor:pointer}.option:has(input:checked){border-color:#1859c9;background:#edf3ff}.option input{margin-top:5px;accent-color:#1859c9;width:19px;height:19px;flex-shrink:0}.exam-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;border-top:1px solid #d5deec;margin-top:24px}.exam-footer p{font-size:14px}.scene{width:100%;border-radius:12px;background:#d0e5ee}.recording{background:#fff0f1;border-left:5px solid #af263f;padding:18px}.phase{font-size:14px;letter-spacing:1px;color:var(--teal);font-weight:700}.transcript{white-space:pre-wrap;line-height:1.8}.result{border-bottom:1px solid #d5deec;padding:14px 0}.correct{color:#08704d}.incorrect{color:#a32937}audio{max-width:100%;width:100%;margin:12px 0}progress{width:100%;height:12px}details{margin:14px 0}summary{cursor:pointer;font-weight:700;padding:12px 0}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:10}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.subtle{color:#576a81;font-size:15px}.discussion{display:flex;gap:14px;justify-content:center;padding:24px;background:#e4f0ed;border-radius:12px}.person{text-align:center;padding:22px;background:white;border-radius:14px;flex:1}.person b{font-size:32px;display:block;color:#1859c9}.read-table{width:100%;border-collapse:collapse;font-size:16px;margin:18px 0}.read-table th,.read-table td{border:1px solid #a9b9cc;padding:10px;text-align:left}.table-wrap{overflow-x:auto}.status{min-height:24px;color:#365578;font-size:15px}@media(min-width:900px){.reading-work .panel{max-height:calc(100vh - 240px);overflow:auto}.reading-work .panel:focus{outline:2px solid #1859c9}}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.setup,.workspace{grid-template-columns:1fr}header{flex-wrap:wrap;gap:12px}.tag{order:3;width:100%}main{padding:0 16px 30px}.hero{padding:26px}.toolbar{align-items:flex-start}.clock{font-size:24px}.exam-footer{flex-wrap:wrap}.discussion{padding:10px;gap:6px}.person{padding:12px 8px}.person b{font-size:24px}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}}