/* 單集頁「聽完之後」(#ep-related)。只在單集頁載入（functions.php marketblock_episode_related_style）。
   為什麼是獨立檔：src/single-episode/style.css 由設計正本產生，直接改會在下次重產時被覆蓋。
   side-title / side-list / side-kicker 的規則與 single-post 的側欄同一組值，這裡以 #ep-related 限定範圍，
   因為單集頁不會載入 single-post 的樣式。 */
#ep-related { background: var(--bg-0); padding: clamp(40px,5vh,64px) 0 }
#ep-related .ep-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0 0 36px }
#ep-related .ep-pn a {
  display: block; border-top: 1px solid var(--line-c); padding-top: 14px;
  font-size: 16px; line-height: 1.6; font-weight: 500; color: var(--ink); text-decoration: none;
}
#ep-related .ep-pn a:hover { color: var(--blue) }
#ep-related .ep-pn-prev { grid-column: 1 }
#ep-related .ep-pn-next { grid-column: 2; text-align: right }
#ep-related .ep-rel { max-width: 40em }
#ep-related .side-title {
  font-family: var(--mono); font-size: 12px; letter-spacing: .14em;
  color: var(--sub); margin: 0 0 14px; text-transform: uppercase;
}
#ep-related .side-title::before {
  content: ""; display: block; width: 28px; height: 1px;
  background: var(--blue-soft); margin-bottom: 10px;
}
#ep-related .side-list { list-style: none; margin: 0; padding: 0 }
#ep-related .side-list li { margin: 0; padding: 0 0 14px; border-bottom: 1px solid var(--line-c) }
#ep-related .side-list li + li { padding-top: 14px }
#ep-related .side-list li:last-child { border-bottom: 0; padding-bottom: 0 }
#ep-related .side-list a { display: block; font-size: 16px; line-height: 1.6; font-weight: 500; color: var(--ink); text-decoration: none }
#ep-related .side-list a:hover { color: var(--blue) }
#ep-related .side-kicker {
  display: block; font-family: var(--mono); font-size: 12px;
  letter-spacing: .14em; color: var(--sub); margin-bottom: 5px;
}
@media (max-width: 720px) {
  #ep-related .ep-pn { grid-template-columns: 1fr; gap: 18px }
  #ep-related .ep-pn-prev, #ep-related .ep-pn-next { grid-column: 1; text-align: left }
}