/* Stage 2.2E — final visual QA: listening order, speaking/recorder polish, summary end-state and global collision safety. */

/* Listening is one coherent task: instruction first, player immediately after it, visual alongside. */
[data-hor-ui][data-hor-ui][data-phase="0"] .hor-audio-layout .hor-audio-copy{
  display:flex;flex-direction:column;align-items:stretch;
}
[data-hor-ui][data-hor-ui][data-phase="0"] .hor-audio-layout .hor-audio-copy>.hor-audio-player{
  order:20;margin:14px 0 0!important;
}
[data-hor-ui][data-hor-ui][data-phase="0"] .hor-audio-layout .hor-audio-copy>.hor-module-goal-details{order:5}
[data-hor-ui][data-hor-ui][data-phase="0"] .hor-audio-layout .hor-audio-copy>h2,
[data-hor-ui][data-hor-ui][data-phase="0"] .hor-audio-layout .hor-audio-copy>.hor-reference-eyebrow,
[data-hor-ui][data-hor-ui][data-phase="0"] .hor-audio-layout .hor-audio-copy>p,
[data-hor-ui][data-hor-ui][data-phase="0"] .hor-audio-layout .hor-audio-copy>.hor-content-list{order:10}

/* Speaking phase uses one visual language: preparation cards, requirements, then recorder. */
[data-hor-ui][data-hor-ui] .hor-speaking-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
[data-hor-ui][data-hor-ui] .hor-speaking-prompt{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--hor-border);border-radius:12px;background:#fff}
[data-hor-ui][data-hor-ui] .hor-speaking-prompt strong{font-size:14px;color:var(--hor-navy)}
[data-hor-ui][data-hor-ui] .hor-speaking-prompt span{font-size:14px;color:var(--hor-muted)}
[data-hor-ui][data-hor-ui] .hor-speaking-requirements{margin:8px 0 0;padding-left:20px;display:grid;gap:7px}
[data-hor-ui][data-hor-ui][data-phase="3"] [data-hor-phase-support]{margin-bottom:16px}
[data-hor-ui][data-hor-ui] .hor-recorder-shell>h3{margin-bottom:6px!important}
[data-hor-ui][data-hor-ui] .hor-recorder-shell>p{margin:0 0 12px!important;color:var(--hor-muted)}
[data-hor-ui][data-hor-ui] .hor-recorder-primary[data-record]{background:var(--hor-yellow)!important;color:var(--hor-navy)!important;border-color:var(--hor-yellow)!important}

/* The final self-assessment is visibly a closing block, never the opening of Podsumuj. */
[data-hor-ui][data-hor-ui] .hor-summary-final-check{margin-top:32px!important}
[data-hor-ui][data-hor-ui] .hor-summary-final-check>.hor-stage-demo{border-top:1px solid var(--hor-border);padding-top:28px}
[data-hor-ui][data-hor-ui][data-phase="4"] [data-hor-phase-support]{margin-top:32px}

/* Consent UI uses the site-wide cookie plugin's native behavior. */
@media(max-width:780px){
  [data-hor-ui][data-hor-ui] .hor-speaking-prompts{grid-template-columns:1fr}
  [data-hor-ui][data-hor-ui][data-phase="0"] .hor-audio-layout .hor-audio-copy>.hor-audio-player{margin-top:12px!important}
}