/* CANTAIMY v7.6.66 — unified mobile typography for all subpages */
@media (max-width: 900px){
  /* One type system everywhere below the homepage */
  .standard-view,
  .standard-view button,
  .standard-view input,
  .standard-view select,
  .standard-view textarea,
  .standard-view h1,
  .standard-view h2,
  .standard-view h3,
  .standard-view p,
  .standard-view span,
  .standard-view strong,
  .standard-view small,
  #genres,
  #genres button,
  #genres h1,
  #genres h2,
  #genres h3,
  #genres p,
  #genres span,
  #genres strong,
  #genres small{
    font-family:Inter,Arial,sans-serif !important;
  }

  /* Hero typography — Genres and every refreshed subpage use the same scale */
  #genres .genre-kicker,
  .unified-subpage-view .unified-kicker{
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.16em !important;
  }

  #genres .genre-hero-copy h1,
  .unified-subpage-view .unified-hero-copy h1{
    font-size:clamp(42px,12.5vw,58px) !important;
    line-height:.94 !important;
    font-weight:800 !important;
    letter-spacing:-.045em !important;
  }

  #genres .genre-hero-copy h2,
  .unified-subpage-view .unified-hero-copy h2{
    margin-top:10px !important;
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    letter-spacing:-.01em !important;
  }

  #genres .genre-hero-description,
  .unified-subpage-view .unified-hero-description{
    font-size:12px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
  }

  #genres .genre-hero-slogan,
  .unified-subpage-view .unified-hero-slogan{
    font-size:17px !important;
    line-height:1.18 !important;
    font-weight:500 !important;
  }
  #genres .genre-hero-slogan strong,
  .unified-subpage-view .unified-hero-slogan strong{
    font-weight:800 !important;
  }

  /* Section headers */
  #genres .genre-section-heading h2,
  #genres .genre-selection-head h2,
  .unified-subpage-view .unified-content-panel h2{
    font-family:Inter,Arial,sans-serif !important;
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    letter-spacing:-.01em !important;
  }

  /* List/card typography — same hierarchy as Favorites */
  #genres .library-song-title,
  .unified-subpage-view .library-song-title{
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
  }
  #genres .library-song-artist,
  .unified-subpage-view .library-song-artist{
    font-size:10px !important;
    line-height:1.3 !important;
    font-weight:500 !important;
  }
  #genres .library-song-listens,
  #genres .library-song-rating,
  .unified-subpage-view .library-song-listens,
  .unified-subpage-view .library-song-rating{
    font-size:9px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
  }
  #genres .library-song-duration span,
  .unified-subpage-view .library-song-duration span{
    font-size:7px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
  }
  #genres .library-song-duration strong,
  .unified-subpage-view .library-song-duration strong{
    font-size:9px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }

  /* Genre selector follows same UI font weight as the rest of the service */
  #genres #genreGrid .genre-card .genre-label{
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
  }

  /* Buttons */
  #genres .genre-primary-action,
  #genres .genre-clear,
  .unified-subpage-view button{
    font-family:Inter,Arial,sans-serif !important;
  }
}

@media (max-width: 560px){
  #genres .genre-hero-copy h1,
  .unified-subpage-view .unified-hero-copy h1{
    font-size:clamp(40px,13vw,52px) !important;
  }
  #genres .genre-hero-copy h2,
  .unified-subpage-view .unified-hero-copy h2{
    font-size:17px !important;
  }
  #genres .genre-hero-slogan,
  .unified-subpage-view .unified-hero-slogan{
    font-size:16px !important;
  }
}