:root{font-family:Segoe UI,Arial,sans-serif;color:#143642;background:#f3f7fb;font-size:18px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:20px 5vw;background:#0b3948;color:white}header b{letter-spacing:.1em}main{max-width:1300px;margin:auto;padding:35px 5vw}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:12px 0 20px}h2{font-size:2rem}p,li{line-height:1.65}button,select{font:inherit;border:1px solid #a9bec8;border-radius:9px;background:white;color:#123c4a;padding:12px 17px;cursor:pointer}button:hover{background:#d8edf1}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #b44b0d;outline-offset:3px}nav{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}nav button.active{background:#006d77;color:white}section,.card{background:white;border:1px solid #d5e0e7;border-radius:18px;padding:28px;margin:20px 0}.eyebrow{color:#006d77;font-weight:800;letter-spacing:.12em}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.badge{display:inline-block;background:#d7f3ec;padding:5px 12px;border-radius:25px}.muted{color:#526775;font-size:.9rem}textarea{width:100%;min-height:130px;font:inherit;padding:15px;border:1px solid #9bb3be;border-radius:8px}details{padding:15px;background:#edf5f6;border-radius:8px;margin:15px 0}summary{cursor:pointer;font-weight:700}.feedback{padding:12px;border-left:5px solid #007d78;background:#e9f5f0}table{border-collapse:collapse;width:100%}td,th{text-align:left;vertical-align:top;border-bottom:1px solid #d5e0e7;padding:12px}img{max-width:100%;height:auto}a{color:#006b81}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.question{padding:20px 0;border-bottom:1px solid #ddd}.question button{margin:5px}.big{font-size:5rem;line-height:1.2;margin:10px 0}.timer{font-variant-numeric:tabular-nums;font-weight:bold}footer{padding:25px;font-size:.9rem}@media(max-width:760px){header{flex-wrap:wrap}.grid{grid-template-columns:1fr}main{padding:22px}section,.card{padding:20px}h2{font-size:1.7rem}}@media print{header,nav,.toolbar,button{display:none}body{background:white;font-size:12pt}main{max-width:none;padding:0}section,.card{break-inside:avoid;border:0}}
figure{margin:10px 0}figure img{width:100%;max-width:600px;border-radius:12px;background:#e9eef0}figcaption{font-size:.9rem;margin-top:9px}
.longReading{max-width:78ch;margin:28px auto}.longReading p{font-size:1.12rem;line-height:1.85}.longReading>div{margin-bottom:28px}.longReading button{font-size:.9rem}.guidedReading{background:#edf7f8;border:1px solid #b5dce1}.scoreLine{font-size:1.4rem;line-height:2.4}.liaisonMark{white-space:nowrap;color:#00565f}.soundBridge{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;padding:0 3px;line-height:.7}.soundBridge small{font-size:.65em;line-height:1.3}.accentFinal{text-decoration:underline;text-underline-offset:5px}.rhythmBar{color:#92510e;font-weight:800}.dialogue{border-left:4px solid #007784;padding:2px 22px}.dialogue p{margin:16px 0}blockquote{font-size:1.35rem;border-left:4px solid #007784;padding:15px 22px;margin:20px 0}.question .toolbar button{font-size:.9rem} @media(max-width:600px){.scoreLine{font-size:1.1rem}.longReading p{font-size:1rem}.liaisonMark{white-space:normal}} @media print{.longReading{max-width:none}.longReading p{font-size:12pt}.guidedReading{break-inside:avoid}.scoreLine{font-size:14pt}}
.toolbar label{min-width:0;max-width:100%}.toolbar select{max-width:100%;display:block}.toolbar button{max-width:100%;white-space:normal}