/**
 * Синглы: три колонки, новые сверху.
 *
 * Свой файл, потому что список показывается и в разделе музыки, и на
 * странице «О себе», а общий слой .s26 подключён не везде.
 */

.ef-singles {
  list-style: none; margin: 0; padding: 0;
  /* Не сетка, а газетные колонки: список читается сверху вниз по первой
     колонке и продолжается во второй. В сетке порядок шёл строками, и
     свежая песня оказывалась в середине экрана. */
  columns: 3;
  column-gap: clamp(20px, 3vw, 40px);
}
.ef-singles__item { break-inside: avoid; }
.ef-singles__item {
  display: grid; grid-template-columns: 22px 46px 1fr;
  align-items: baseline; gap: 0 12px;
  padding: 13px 2px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  font-size: 1rem; line-height: 1.35;
}
.ef-singles__note {
  align-self: center; color: #17150f;
  display: inline-flex; opacity: .75;
}
.ef-singles__note svg { width: 15px; height: 15px; }
.ef-singles__year {
  color: #86868b; font-size: .82rem; font-weight: 600;
  letter-spacing: .06em; font-variant-numeric: tabular-nums;
}
.ef-singles__title { font-weight: 550; letter-spacing: -.012em; color: #1d1d1f; }
.ef-singles-section .ef-section__note { color: #86868b; font-size: .88rem; }

@media (max-width: 1000px) { .ef-singles { columns: 2; } }
@media (max-width: 620px) { .ef-singles { columns: 1; } }

/* ---------- Дискография вкладками ---------- */
/* Разметка и поведение — как у услуг; здесь только то, что отличается:
   год вместо номера и место под список песен. */
.ef-disco-acc { margin-top: clamp(8px, 1.5vw, 16px); }
.ef-disco-acc .ef-u-acc__num { min-width: 3.2em; }
.ef-disco-acc .ef-u-acc__inner ul,
.ef-disco-acc .ef-u-acc__inner ol {
  columns: 2; column-gap: clamp(24px, 4vw, 56px);
  margin: 0; padding-left: 1.1em;
}
.ef-disco-acc .ef-u-acc__inner li {
  break-inside: avoid; padding-left: 0;
  margin-bottom: 6px; line-height: 1.4;
}
.ef-disco-acc .ef-u-acc__inner li::before { content: none; }
.ef-disco-acc__empty { color: #86868b; font-size: .98rem; }

@media (max-width: 700px) {
  .ef-disco-acc .ef-u-acc__inner ul,
  .ef-disco-acc .ef-u-acc__inner ol { columns: 1; }
}

/* Обложка в строке альбома: маленький квадрат перед годом. */
.ef-disco-acc__cover {
  width: 76px; height: 76px; flex: 0 0 auto;
  border-radius: 12px; object-fit: cover;
  background: #f5f5f7;
}
.ef-disco-acc .ef-u-acc__head { gap: clamp(14px, 2vw, 22px); }

@media (max-width: 700px) {
  .ef-disco-acc__cover { width: 58px; height: 58px; }
}