/* Supplemental article media, tables, links, and issue playlists. */

/* 본문 중간 사진 */
.art__photo {
  margin: 2.4em 0;
}

.art__photo img {
  display: block;
  width: 100%;
  height: auto;
  filter: saturate(0.92) contrast(0.96);
}

.art__photo figcaption {
  margin-top: 10px;
  color: var(--mag-ink-soft);
  font-family: var(--mag-sans);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.6;
  word-break: keep-all;
}

/* 본문 표 (운임표 등) */
.art__table {
  width: 100%;
  margin: 0 0 2em;
  border-collapse: collapse;
  border-top: 1px solid var(--mag-rule);
  font-family: var(--mag-sans);
  font-size: 0.92rem;
}

.art__table th,
.art__table td {
  padding: 12px 4px;
  border-bottom: 1px solid var(--mag-rule);
  text-align: left;
  font-weight: 500;
}

.art__table th {
  font-size: 0.74rem;
  font-weight: 700;
  color: var(--mag-ink-soft);
}

.art__table td:last-child,
.art__table th:last-child {
  text-align: right;
}

/* 본문 링크 (기사 간 상호 참조) */
.art__body a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--mag-rule-strong, currentColor);
}

.art__body a:hover {
  text-decoration-color: currentColor;
}

/* ------------------------------------------------------------------
   호별 플레이리스트 (랜딩 페이지)
   ------------------------------------------------------------------ */

.mag-playlist {
  width: min(720px, 100%);
  margin: 0 auto;
  padding: clamp(48px, 8vh, 80px) var(--mag-gutter);
}

.mag-playlist__intro {
  margin: 0 0 1.8em;
  color: var(--mag-ink-soft);
  font-size: 0.98rem;
  line-height: 1.9;
  word-break: keep-all;
}

.mag-playlist__list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--mag-rule);
}

.mag-playlist__list li {
  border-bottom: 1px solid var(--mag-rule);
}

.mag-playlist__row {
  display: grid;
  grid-template-columns: 2.2rem 1fr;
  align-items: baseline;
  gap: 14px;
  padding: 13px 0;
  color: inherit;
  text-decoration: none;
}

.mag-playlist__row:hover .mag-playlist__title {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.mag-playlist__num {
  font-family: var(--mag-sans);
  font-size: 0.74rem;
  font-weight: 700;
  color: var(--mag-ink-soft);
}

.mag-playlist__meta {
  display: grid;
  gap: 3px;
}

.mag-playlist__title {
  font-family: var(--mag-serif);
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.5;
  word-break: keep-all;
}

.mag-playlist__artist {
  font-family: var(--mag-sans);
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--mag-ink-soft);
  word-break: keep-all;
}

.mag-playlist__note {
  margin: 1.6em 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--mag-rule);
  color: var(--mag-ink-soft);
  font-family: var(--mag-sans);
  font-size: 0.76rem;
  line-height: 1.7;
  word-break: keep-all;
}