/* Stage 2.2F — mobile stability + information hierarchy polish. */

/* Lesson metadata (lesson count / teacher / duration) was intentionally removed from markup.
   Keep this defensive rule so stale cached markup never reappears visually. */
[data-hor-ui][data-hor-ui] .hor-lesson-meta{display:none!important}

/* Phase tabs: number + primary label only. Secondary microcopy is intentionally removed. */
[data-hor-ui][data-hor-ui] .hor-content-tab small{display:none!important}
[data-hor-ui][data-hor-ui] .hor-content-tab{min-height:58px!important}
[data-hor-ui][data-hor-ui] .hor-content-tab em{display:flex!important;align-items:center!important;min-width:0!important;font-style:normal!important}

@media(max-width:780px){
  /* Dynamic iOS browser chrome fires viewport resize events while scrolling.
     Phase-strip JS no longer reacts to resize; these rules add enough bottom breathing room
     so recorder/help text is never hidden behind fixed Wstecz/Dalej navigation. */
  [data-hor-ui][data-hor-ui] .hor-lesson-main{padding-bottom:190px!important}
  [data-hor-ui][data-hor-ui] #hor-stage-panel{padding-bottom:24px}
  [data-hor-ui][data-hor-ui] .hor-recorder-shell,
  [data-hor-ui][data-hor-ui] [data-hor-recorder]{margin-bottom:34px!important}
  [data-hor-ui][data-hor-ui] .hor-content-tab{min-height:58px!important;grid-template-columns:34px minmax(0,1fr)!important}
  [data-hor-ui][data-hor-ui] .hor-content-tab em{font-size:15px!important;line-height:1.2!important}
}

@media(max-width:520px){
  [data-hor-ui][data-hor-ui] .hor-lesson-main{padding-bottom:205px!important}
  [data-hor-ui][data-hor-ui] .hor-content-tab{flex-basis:120px!important;min-width:120px!important}
}