/* genre.css — owner: genre hub pages (/genre/{slug}/). Piggyback country.css layout pattern. */
/* Hero, strip, song/artist grid, section override — mirror country.css */
.genre-page .home-hero {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 32px;
  align-items: stretch;
  padding: 16px 0 18px;
  min-width: 0;
}
.genre-page section {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0 0 var(--sp-4);
  box-shadow: none;
}
.genre-page .sec-head {
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.genre-page .country-song-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
}
.genre-page .country-artist-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 10px;
}
.genre-page .country-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-l);
  box-shadow: 0 24px 60px -30px rgba(0,0,0,.8);
  margin: 0 0 var(--sp-4);
}
.genre-page .country-strip-item {
  padding: 20px 22px;
  border-left: 1px solid var(--line);
  text-align: center;
}
.genre-page .country-strip-item:first-child { border-left: 0; }
.genre-page .country-strip-item b {
  display: block;
  font-family: 'Clash Display','Plus Jakarta Sans',sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: -.01em;
  color: var(--accent);
}
.genre-page .country-strip-item span {
  font-size: var(--fs-kicker);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

@media (max-width: 760px) {
  .genre-page .home-hero { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .genre-page .country-song-grid { grid-template-columns: repeat(2, 1fr); }
  .genre-page .country-artist-grid { grid-template-columns: 1fr; }
}