/* Real SVG play icon on every platform; no emoji-dependent text glyph. */
.lesson-player .player-start > [slot="play"] { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.lesson-player .player-start .player-start-icon { width: 22px; height: 22px; flex: 0 0 22px; fill: currentColor; }
@container (max-width: 480px) {
  .lesson-player.has-player-voice .player-bottom { padding: 8px; }
  .lesson-player.has-player-voice media-control-bar { margin-top: 4px; row-gap: 4px; justify-content: space-between; }
  .lesson-player.has-player-voice .player-audio-group {
    flex: 1 0 100%;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 0 0;
    border: 0;
    border-top: 1px solid rgb(255 255 255 / 20%);
    border-radius: 0;
    background: transparent;
    gap: 4px;
  }
  .lesson-player.has-player-voice .player-audio-group .player-voice-toggle {
    min-width: 84px;
    min-height: 44px;
    padding-inline: 10px;
    justify-content: space-between;
    border-radius: 8px;
  }
  .lesson-player.has-player-voice .player-audio-group .player-voice-toggle::after { display: none; }
  .lesson-player.has-player-voice .player-audio-group media-mute-button { flex: 0 0 44px; min-width: 44px; min-height: 44px; }
  .lesson-player.has-player-voice .player-audio-group media-volume-range { flex: 1 1 0; width: auto; min-width: 44px; height: 44px; margin-inline-end: 8px; --media-range-thumb-width: 14px; --media-range-thumb-height: 14px; }
}