/* OSANIME LANG8 M37R2: narrow, additive navigation spacing for the music Latest page. */
@media (max-width: 600px) {
  .music-latest-page .me8-hero nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.7rem;
  }
  .music-latest-page .me8-hero nav > a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: normal;
    overflow-wrap: anywhere;
    min-width: 0;
    max-width: 100%;
    text-decoration: none;
  }
  .music-latest-page .me8-hero nav > a > i { flex-shrink: 0; }
  .music-latest-page .me8-head {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
    align-items: baseline;
  }
}

/* M42: long translated headings and readable last content under mobile overlays.
   No changes to Ads Control / chat widgets or desktop layout. */
@media (max-width: 620px) {
  body.music-discovery-page .md11-shell,
  body.music-latest-page .me8-wrap {
    margin-bottom: max(190px, calc(160px + env(safe-area-inset-bottom))) !important;
  }
  body.music-discovery-page .md11-head,
  body.music-latest-page .me8-head {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }
  body.music-discovery-page .md11-head h2,
  body.music-latest-page .me8-head h2 {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  body.music-discovery-page .music12-nav a,
  body.music-latest-page .music12-nav a {
    min-width: 0;
  }
}
body.music-latest-page .me8-hero nav a:focus-visible,
body.music-discovery-page .music12-nav a:focus-visible,
body.music-latest-page .music12-nav a:focus-visible {
  outline: 2px solid #f9a8d4;
  outline-offset: 3px;
}