.music {
  background: #fff;
}
.music-head {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 8vw;
  align-items: end;
}
.music-head h2 {
  font-size: clamp(50px, 6vw, 80px);
  line-height: 0.95;
  margin: 0;
}
.music-head > p {
  line-height: 1.7;
  color: #666;
}
.music-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 55px;
}
.music-grid article {
  background: #0d0e11;
  color: #fff;
  padding: 30px;
  min-height: 300px;
  border-right: 1px solid #333;
  display: flex;
  flex-direction: column;
}
.music-grid article:nth-child(2) {
  background: var(--blue);
}
.music-grid article:nth-child(3) {
  background: var(--red);
}
.music-grid article:nth-child(5) {
  background: #172e42;
}
.music-grid b {
  font-family: Anton;
  font-size: 25px;
  color: #7ba2dc;
}
.music-grid span {
  font-size: 13px;
  letter-spacing: 0.16em;
  margin-top: 30px;
}
.music-grid h3 {
  font-family: Anton;
  font-size: clamp(23px, 2.1vw, 30px);
  font-weight: 400;
  line-height: 1.05;
}
.music-grid p {
  font-size: 15px;
  line-height: 1.6;
  color: #aaa;
}
.music-grid article:nth-child(2) p,
.music-grid article:nth-child(3) p {
  color: #fff;
}
.music-grid button {
  margin-top: auto;
  text-align: left;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}
.music-note {
  text-align: center;
  font-size: 8px;
  letter-spacing: 0.18em;
  color: #999;
  margin-top: 22px;
}
.song-list {
  border-top: 1px solid #ddd;
}
.song-link {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 16px 4px;
  border-bottom: 1px solid #ddd;
  color: #111;
}
.song-link:hover {
  background: #f3f6fb;
}
.song-link i {
  font-family: Anton;
  font-style: normal;
  color: var(--red);
  font-size: 20px;
}
.song-link span b,
.song-link span small {
  display: block;
}
.song-link span b {
  font-size: 14px;
}
.song-link span small {
  font-size: 10px;
  color: #777;
  margin-top: 3px;
}
.song-link strong {
  font-size: 9px;
  color: var(--blue);
}
@media (max-width: 900px) {
  .music-head {
    grid-template-columns: 1fr;
  }
  .music-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .music-grid {
    grid-template-columns: 1fr;
  }
}

.playable-song-row{border-bottom:1px solid #d6dce5;padding:14px 0}.song-play-button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:70px;padding:14px 12px;background:#f3f6fb;border:1px solid transparent;text-align:left;cursor:pointer;color:#172641}.song-play-button i{font-style:normal;color:#c92121;font-weight:900;font-size:22px}.song-play-button b{display:block;font-size:16px;line-height:1.45}.song-play-button small{display:block;font-size:13px;line-height:1.4;color:#53627a;margin-top:6px}.song-play-button strong{font-size:12px;color:#1557b7;white-space:nowrap}.song-play-button[aria-pressed=true]{border-color:#1557b7;background:#e4edfd}.song-service-link{display:inline-block;margin:8px 12px;color:#1557b7;font-size:12px;text-decoration:underline;min-height:32px;line-height:32px}.music-play-help{font-size:14px;line-height:1.6}.road-music-player{border:1px solid #b9c8df;border-top:5px solid #1557b7;border-radius:8px;padding:14px;margin:20px 0;background:#f3f6fb;scroll-margin-top:20px}.road-music-player[hidden]{display:none}#road-music-now{font-size:14px;font-weight:800;line-height:1.5}#road-music-embed iframe{display:block;width:100%;min-width:0;border:0;background:transparent}.music-player-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.music-player-actions button{min-height:44px;padding:10px 12px;border:1px solid #1557b7;border-radius:5px;background:white;color:#1557b7;font-size:11px;font-weight:800;cursor:pointer}.music-player-actions button:disabled{opacity:.45;cursor:default}.song-play-button:focus-visible,.music-player-actions button:focus-visible{outline:3px solid #d2a83e;outline-offset:3px}@media(max-width:600px){dialog:has(.road-music-player){padding:38px 18px 22px;max-height:90dvh;width:calc(100% - 24px)}dialog:has(.road-music-player) h2{font-size:clamp(30px,8vw,42px);line-height:1.15}.song-play-button{grid-template-columns:28px minmax(0,1fr);padding:12px;gap:8px}.song-play-button strong{grid-column:2}.music-player-actions{display:grid;grid-template-columns:1fr 1fr}.music-player-actions #music-stop{grid-column:1/-1}.road-music-player{padding:12px}}