.child-identity{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0}.child-identity .avatar{flex:none}.child-identity strong{font-size:18px;display:block}.child-identity small{display:block;color:var(--muted,#526d80);font-size:11px;line-height:1.45;overflow-wrap:anywhere;max-width:310px}.child-identity small span{font-weight:650}.student-header{gap:24px}.student-header .student-logo{width:164px;flex-shrink:0}.student-header>.btn{flex-shrink:0}.reading-control{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.reading-status{font-size:12px;color:#426575;max-width:240px;min-height:18px}.reading-control .btn{min-width:145px;min-height:46px}.reading-control .btn[aria-pressed=true]{background:#153c50;color:white}.step-guide{border:1px solid #9fc8c4;border-radius:20px;background:#f1f8f6;padding:22px;margin-top:24px}.step-guide-heading{display:flex;align-items:center;gap:10px}.step-guide-heading h2{font-size:19px;margin:0}.step-guide-heading>.icon-btn{margin-left:auto}.step-guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.step-guide-actions .btn{min-height:46px}.step-guide-actions [aria-pressed=true]{border-color:#087c82;background:white;box-shadow:0 0 0 1px #087c82}.step-guide-content{font-size:20px;line-height:1.65;margin-top:18px;max-width:58ch}.step-guide-content p{margin:8px 0 14px}.step-guide-meta{font-size:12px;color:#456573;display:flex;gap:8px;align-items:center}.step-guide .reading-control{align-items:flex-start}.guide-intro{font-size:15px;color:#426575;margin:6px 0 0}.voice-settings .setting-row{align-items:flex-start;gap:18px}.voice-settings select{max-width:190px;min-height:44px}.voice-settings .setting-row>span{min-width:0}.voice-settings .setting-row p{max-width:38ch}.voice-settings .voice-preview{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:18px;background:#f1f7f8;border-radius:14px;margin-top:20px}.voice-settings h2{display:flex;align-items:center;gap:10px}.voice-settings details{margin-top:20px}.voice-settings details p{font-size:13px;line-height:1.7}.voice-profile-id{padding:12px 14px;border-radius:10px;background:#f3f7fa;overflow-wrap:anywhere}.voice-profile-id strong{font-size:13px;display:block}.voice-profile-id output{font-size:12px;color:#516e80}.student-main .student-progress{margin-top:22px}.guide-busy{display:inline-flex;align-items:center;gap:8px}.guide-busy svg{animation:guide-turn 2s linear infinite}@keyframes guide-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.guide-busy svg{animation:none}}.reduce-motion .guide-busy svg{animation:none}@media(max-width:720px){.student-header{flex-wrap:wrap;gap:12px;padding:18px 20px}.student-header .student-logo{width:132px}.student-header>.btn{margin-left:auto;min-height:44px}.child-identity{order:3;flex-basis:100%;padding-top:12px;border-top:1px solid #dce7e9}.child-identity small{max-width:calc(100vw - 116px)}.child-identity strong{font-size:17px}.step-guide{padding:18px 16px}.step-guide-content{font-size:18px}.voice-settings .setting-row{flex-wrap:wrap}.voice-settings select{max-width:100%;width:100%}.question-card>.row.between{align-items:flex-start;gap:10px;flex-wrap:wrap}.reading-control{align-items:flex-start}.reading-status{max-width:100%}.student-tools{gap:10px}.student-tools .btn{flex:1;min-width:130px}.step-guide-actions .btn{flex:1;min-width:150px}.student-main .student-progress{margin-top:12px}}

.step-support-controls{display:flex;gap:10px;align-items:flex-start}.step-support-controls>[data-action=lesson-guide]{min-height:46px}@media(max-width:720px){.step-support-controls{width:100%;flex-wrap:wrap}.step-support-controls .reading-control{flex:1;min-width:145px}.step-support-controls>[data-action=lesson-guide]{flex:1}.step-support-controls .reading-control>.btn{width:100%}}