*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#0b1f3a;font:16px/1.5 system-ui,sans-serif}header{background:#0b1f3a;color:white;padding:20px 5%;display:flex;justify-content:space-between;gap:20px}header a{color:#5eead4}main{max-width:1400px;margin:auto;padding:30px 5%}h1{font-size:32px;margin:0 0 12px}label{display:block;font-size:14px;font-weight:650;margin-bottom:12px}select,input,button{font:inherit;padding:10px;border:1px solid #b6c7d9;border-radius:5px}select,input{width:100%;background:white;color:#0b1f3a}button{cursor:pointer;background:white;color:#0b1f3a}button:hover{border-color:#147e72}button:focus-visible,a:focus-visible{outline:3px solid #2764e7;outline-offset:3px}.primary{background:#087f71;color:white;border-color:#087f71}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px}.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.card{background:white;border:1px solid #ccd8e8;padding:20px;border-top:3px solid #087f71}.card h2{font-size:18px;margin:6px 0}.tag{font-size:14px;color:#087f71}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.question{margin-top:20px;background:white;padding:24px;border-top:4px solid #087f71}.notice{padding:12px;background:#e6eef9;border-left:4px solid #2764e7}iframe{width:100%;height:75vh;border:1px solid #ccd8e8;margin:14px 0}.choices{display:flex;gap:16px;margin:16px 0}.choices label{display:flex;gap:8px;padding:12px;border:1px solid #ccd8e8}.choices input{width:auto}.solution{white-space:pre-wrap;background:#eef3fa;padding:18px}a{color:#1854b3}#status{margin:18px 0}[hidden]{display:none!important}footer{border-top:1px solid #ccd8e8;padding:20px 5%;font-size:14px}#result{font-weight:700}button:disabled{opacity:.5;cursor:default}@media(max-width:760px){.filters,.list{grid-template-columns:1fr}iframe{height:60vh}.question{padding:16px}header{flex-direction:column}main{padding:24px 5%}}
.practice-options{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin:20px 0}.practice-options section{min-width:0;padding:20px;border:1px solid #ccd8e8;background:white;border-top:3px solid #087f71}.practice-options h2{font-size:20px;margin:0 0 12px}.practice-options select{max-width:100%;margin-bottom:14px}.practice-options p{margin:0 0 16px}select:focus-visible,input:focus-visible{outline:3px solid #2764e7;outline-offset:3px}@media(max-width:760px){.practice-options{grid-template-columns:1fr}}
.related-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.pilot-step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:16px 0;border-bottom:1px solid #b6c7d9}.pilot-working{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.pilot-why{margin:0;color:#41556d}.pilot-mark{align-self:start;white-space:nowrap;color:#086b60}.learning-panel summary{cursor:pointer;font-weight:700;font-size:18px}.pilot-steps+ p{margin-top:16px}@media(max-width:500px){.pilot-step{gap:10px}.pilot-mark{font-size:14px}}
.marking-layout{white-space:normal}.marking-section+ .marking-section{border-top:1px solid #b6c7d9;margin-top:20px;padding-top:16px}.marking-section h4{margin:0 0 12px;font-size:16px}.mark-allocation{list-style:none;padding:0;margin:0}.mark-allocation li{padding:10px 14px;border-bottom:1px solid #ccd8e8;background:white;font-weight:700;overflow-wrap:anywhere}.working-line{margin:0;padding:10px 0;border-bottom:1px solid #d7e0ed;white-space:pre-wrap;overflow-wrap:anywhere}
.hint-steps{padding-left:28px}.hint-steps li{padding:12px 8px;border-bottom:1px solid #ccd8e8;overflow-wrap:anywhere}.short-review-row .learning-nav{margin:10px 0}.short-review-row .learning-nav button{width:auto}
.short-review-row{margin:12px 0}.short-review-row button{width:100%;text-align:left;overflow-wrap:anywhere}
.learning-panel{background:white;border:1px solid #ccd8e8;border-top:3px solid #087f71;padding:20px;margin:20px 0}.learning-nav{display:flex;flex-wrap:wrap;gap:10px}.local-notice{font-size:14px;color:#41556d}.learning-badge{font-weight:650;color:#087064}.topic-progress-row{border-top:1px solid #ccd8e8;padding:12px 0}.topic-progress-row h3{font-size:16px;margin:0 0 8px}.topic-progress-row p{margin:6px 0}progress{width:100%;height:14px;accent-color:#087f71}.learning-panel button{min-height:44px}.learning-panel p{overflow-wrap:anywhere}
.pilot-english{display:block;margin-top:.35rem;font-size:1rem;line-height:1.55;font-weight:400;color:#41556d;overflow-wrap:anywhere}.learning-nav button .pilot-english{color:inherit;font-size:.875rem}.hint-steps li{margin-bottom:1rem}
.page-reader{margin:1rem 0;min-width:0}.page-reader-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin:.75rem 0}.page-reader-controls button{min-height:44px}.page-reader-controls label{display:flex;align-items:center;gap:.4rem}.page-reader-controls input{width:5rem;min-height:44px}.page-reader-viewport{width:100%;overflow:auto;max-height:none;border:1px solid #b6c7d9;background:#eaf0f6;-webkit-overflow-scrolling:touch}.page-reader-stage{position:relative;min-height:3rem}.page-reader-image{display:block;position:absolute;left:50%;top:50%;max-width:none}.page-reader a{overflow-wrap:anywhere}