/* A2 2.0: classroom-scoped styles; activity pages load this stylesheet locally. */
.a2-draft-tools,.a2-progress{padding:18px 22px;border:1px solid #c5d9dc;border-radius:14px;background:#f0f7f7;color:#173d48;margin:18px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.a2-draft-tools p{flex:1 1 260px;margin:0;font-size:.94rem}
.a2-draft-tools button{min-height:44px}
.a2-feedback h4{margin:24px 0 10px}.a2-word-count{color:#546873}
.a2-point-list{padding-left:22px}.a2-point-list li{padding:8px 0}.a2-point-list p{margin:5px 0;color:#405663}
.a2-correction{border-left:4px solid #27766f;background:#f3f8f7;padding:14px 18px;margin:12px 0;overflow-wrap:anywhere}
.a2-correction p{margin:6px 0}.a2-comparison{background:#f0f6fa}
.a2-scene-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:10px;background:#edf2f2}
.scene-thumb .a2-scene-photo{border-radius:8px}.scene-visual .a2-scene-photo{max-height:640px}
.a2-progress{display:block}.a2-progress h3{margin:0 0 8px}.a2-progress ol{margin:12px 0;padding-left:24px}.a2-progress li{margin:10px 0}
.a2-progress small{display:block;color:#546873}.a2-progress button{padding:10px 16px;border:1px solid #256f69;border-radius:8px;color:#fff;background:#256f69;min-height:44px;cursor:pointer}
.a2-card-status{display:block;margin-top:7px;font-size:.85rem;font-weight:400;color:#49656b}.a2-progress summary{cursor:pointer;padding:10px 0;font-weight:600}.a2-progress details{margin-bottom:8px}
.a2-feedback,.a2-comparison{overflow-wrap:anywhere}
.a2-turn{border:1px solid #cbdadf;border-radius:12px;margin:12px 0;background:white}.a2-turn>summary{padding:18px;font-weight:700;cursor:pointer;min-height:44px}.a2-turn .response-card{margin:0;border:0}.a2-turn[open]>summary{border-bottom:1px solid #e0e9ec}
@media(max-width:600px){.a2-draft-tools{padding:14px}.a2-draft-tools button{flex:1 1 auto}.a2-feedback{padding:18px!important}.a2-point-list{padding-left:18px}.a2-correction{padding:12px}.recorder-controls{gap:8px!important}.response-card{padding:16px!important}.response-card header{flex-wrap:wrap}.response-card button,.upload-button{min-height:44px}.a2-scene-photo{min-width:0}.playback-row{flex-wrap:wrap}.playback-row audio{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
