/* Load after kids.css and music-mood.css. These overrides affect mobile media only. */
@media (max-width:760px) {
  #kids .kids-lead {
    font-size:15px;
    line-height:1.9;
  }
  #kids .kids-text-link,
  #kids .kids-contest-link {
    min-height:44px;
    align-items:center;
    touch-action:manipulation;
  }
  #kids .kids-text-link {
    font-size:14px;
  }
  #kids .kids-collection-note {
    font-size:12px;
    line-height:1.7;
  }
  #kids .kids-library-heading {
    gap:12px;
    align-items:flex-end;
  }
  #kids .kids-library-heading > div:first-child {
    flex:1;
    min-width:0;
  }
  #kids .kids-library-heading .kids-eyebrow {
    font-size:11px;
    line-height:1.75;
    letter-spacing:.07em;
    color:#69735e;
  }
  #kids .kids-library-heading h3 {
    font-size:24px;
    line-height:1.45;
    overflow-wrap:break-word;
  }
  #kids .kids-carousel-controls {
    gap:8px;
    flex:0 0 auto;
    padding-bottom:2px;
  }
  #kids .kids-arrow {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
    font-size:21px;
    touch-action:manipulation;
  }
  #kids .kids-video-list {
    grid-auto-columns:86%;
    gap:14px;
    margin-inline:0;
    padding:8px 8px 23px;
    scroll-padding-inline:8px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  #kids .kids-video-card {
    min-width:0;
    scroll-snap-align:start;
    touch-action:manipulation;
  }
  #kids .kids-card-play {
    width:44px;
    height:44px;
    left:12px;
    bottom:12px;
  }
  #kids .kids-card-play svg {
    width:22px;
    height:22px;
  }
  #kids .kids-video-duration {
    right:10px;
    bottom:13px;
    min-height:24px;
    padding:5px 8px;
    font-size:11px;
    line-height:1.3;
  }
  #kids .kids-video-meta {
    margin-top:14px;
    font-size:12px;
    color:#68715f;
    line-height:1.6;
  }
  #kids .kids-video-meta > span:first-child {
    white-space:normal;
  }
  #kids .kids-video-name {
    font-size:16px;
    line-height:1.65;
    white-space:normal;
  }
  #kids .kids-video-dialog {
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  }
  #kids .kids-dialog-heading {
    gap:12px;
    padding:14px;
  }
  #kids .kids-dialog-heading h3 {
    font-size:18px;
    line-height:1.5;
  }
  #kids .kids-dialog-eyebrow {
    font-size:10px;
    line-height:1.6;
    letter-spacing:.09em;
  }
  #kids .kids-dialog-close {
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    touch-action:manipulation;
  }
  #kids .kids-video-player {
    max-height:62dvh;
  }
  #kids .kids-dialog-topic {
    padding:14px;
    font-size:14px;
    line-height:1.75;
  }
  #kids .kids-music-room .kids-room-heading .kids-eyebrow {
    font-size:11px;
    line-height:1.7;
    letter-spacing:.09em;
    color:#746c5b;
  }
  #kids .kids-music-room .kids-room-heading .kids-room-heading-copy > p:last-of-type {
    font-size:14px;
    line-height:1.85;
    color:#70695c;
  }
  #kids .kids-music-room .kids-room-invitation {
    max-width:100%;
    font-size:12px;
    line-height:1.7;
    color:#70695c;
  }
  #kids .kids-song-list,
  #kids .kids-music-room .kids-song-list {
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  #kids .kids-song:nth-child(n),
  #kids .kids-music-room .kids-song:nth-child(n) {
    grid-column:auto;
    grid-row:auto;
  }
  #kids .kids-song,
  #kids .kids-music-room .kids-song {
    width:100%;
    min-height:80px;
    gap:12px;
    padding:13px 12px;
    touch-action:manipulation;
  }
  #kids .kids-song-icon,
  #kids .kids-music-room .kids-song-icon {
    width:44px;
    height:44px;
    flex:0 0 44px;
  }
  #kids .kids-song-icon svg,
  #kids .kids-music-room .kids-song-icon svg {
    width:20px;
    height:20px;
  }
  #kids .kids-song-copy {
    flex:1 1 auto;
    min-width:0;
    gap:4px;
  }
  #kids .kids-song-name,
  #kids .kids-music-room .kids-song-name {
    font-size:14px;
    line-height:1.6;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:break-word;
  }
  #kids .kids-song-topic,
  #kids .kids-music-room .kids-song-topic {
    font-size:12px;
    line-height:1.65;
    white-space:normal;
    color:#70695c;
  }
  #kids .kids-song-duration,
  #kids .kids-music-room .kids-song-duration {
    display:block;
    flex:0 0 auto;
    font-size:11px;
    line-height:1.6;
    color:#70695c;
    padding-right:0;
  }
  #kids .kids-audio-bar,
  #kids .kids-music-room .kids-audio-bar {
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px;
    align-items:center;
    gap:12px;
    padding:13px;
  }
  #kids .kids-audio-label {
    grid-column:1;
    grid-row:1;
    min-width:0;
  }
  #kids .kids-audio-label small,
  #kids .kids-music-room .kids-audio-label small {
    font-size:10px;
    line-height:1.5;
    color:#6d745e;
  }
  #kids .kids-audio-label p,
  #kids .kids-music-room .kids-audio-label p {
    font-size:14px;
    line-height:1.6;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  #kids .kids-audio-close,
  #kids .kids-music-room .kids-audio-close {
    grid-column:2;
    grid-row:1;
    width:44px;
    height:44px;
    min-height:44px;
    padding:0;
    font-size:28px;
    touch-action:manipulation;
  }
  #kids .kids-audio-bar audio,
  #kids .kids-music-room .kids-audio-bar audio {
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    min-width:0;
    max-width:100%;
    height:44px;
  }
  #kids .kids-playback-status,
  #kids .kids-music-room .kids-playback-status {
    font-size:13px;
    line-height:1.7;
  }
  #kids .kids-contest-copy p {
    font-size:14px;
    line-height:1.85;
  }
  #kids .kids-coming-soon {
    font-size:11px;
    line-height:1.7;
  }
  #kids .kids-contest-link {
    font-size:13px;
  }
  /* Keep the selected track's controls near the start of the mobile collection. */
  #kids .kids-music-room .kids-room-playlist {
    display:flex;
    flex-direction:column;
    overflow-anchor:none;
  }
  #kids .kids-music-room .kids-room-playlist > .kids-audio-bar {
    order:0;
    margin-top:8px;
    margin-bottom:4px;
  }
  #kids .kids-music-room .kids-room-playlist > .kids-playback-status {
    order:1;
    margin-top:8px;
    margin-bottom:0;
  }
  #kids .kids-music-room .kids-room-playlist > .kids-song-list {
    order:2;
  }
}