/* Bring your own playlist: three numbered rows with hairlines, then the one sentence that must always be clear. */
.playlist { padding-block: var(--space-8); border-top: 1px solid var(--line); }
@media (min-width: 900px) { .playlist { padding-block: var(--space-9); } }

.playlist__types { display: grid; margin-top: var(--space-6); border-top: 1px solid var(--line-strong); }
.playlist__type {
  display: grid; gap: var(--space-2) var(--space-5);
  padding-block: var(--space-5);
  border-bottom: 1px solid var(--line);
}
.playlist__no { font-family: var(--mono); font-size: var(--fs-mono); font-weight: 500; letter-spacing: 0.14em; color: var(--accent); }
.playlist__type h3 { font-family: var(--serif); font-weight: 700; font-size: clamp(1.4rem, 2.6vw, 2rem); letter-spacing: -0.03em; line-height: 1.1; }
.playlist__type p { color: var(--text-2); }

@media (min-width: 800px) {
  .playlist__type { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1.2fr); align-items: baseline; }
}

.playlist__notice {
  margin-top: var(--space-6); max-width: 60ch;
  padding-left: var(--space-4); border-left: 2px solid var(--accent);
  font-size: 1.05rem; color: var(--text);
}