@charset "UTF-8";

/* ВЕРСИЯ ФАЙЛА: 1. Подключается как music.css?v=1.
   ПРАВИЛО: если правишь этот файл — подними версию в ссылке на единицу
   (v=1 -> v=2) в файле series.php, иначе браузер продолжит отдавать старый.

   Песня выпуска. Файл маленький и отдельный намеренно, как map-points.css:
   общий style.css отдаётся с PDV_CSS_V, и его подъём заставил бы всех
   посетителей перекачивать стили ради одной строки на странице выпуска.

   Вид — вариант Б, выбран владелец 29.09.2026 на трёх вариантах: компактная
   строка с нотой, названием и кнопкой пуска вместо панели «Песня выпуска».
   Окончательный вид владелец смотрит и решает сам (правило 82а).

   Образец для ряда — .series__end в style.css: та же рамка, тот же радиус,
   та же заливка. Ряд не должен выглядеть как отдельная коробка, он часть
   истории. Кнопка пуска — уже готовая .track__play, новых правил на неё нет. */

.series__music {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 26px 0 0;
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, .03);
}
.series__music-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(246, 100, 9, .14);
  color: var(--accent-2);
}
.series__music-ico .ico {
  width: 18px;
  height: 18px;
}
.series__music-name {
  font-weight: 600;
  min-width: 0;
}
/* Подпись «Песня выпуска» и название — двумя строками: подпись мелкая и
   приглушённая, название остаётся главным. Иначе строка в одну линию
   перегружается и перестаёт читаться. */
.series__music-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.series__music-cap {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .02em;
}
.series__music-len {
  color: var(--muted);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.series__music-all {
  color: var(--muted);
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px dashed var(--line);
}
.series__music-all:hover {
  color: var(--accent-2);
}
/* Кнопка пуска прижата вправо: так она встаёт напротив «К комиксам» и лапки
   в следующем ряду, и глаз сразу видит, где включать. */
.series__music-play {
  margin-left: auto;
}
.series__music-audio {
  flex: 1 1 240px;
  min-width: 0;
  height: 38px;
}
@media (max-width: 420px) {
  .series__music { gap: 10px; }
  .series__music-play { margin-left: 0; }
}