@layer components {
  .episode-toc {
    margin: 1rem 0 1.5rem;
    padding: 1rem;
    border: 1px solid var(--line-soft);
    border-radius: 0.75rem;
    background: var(--surface-2);
  }

  .episode-toc__title {
    margin: 0 0 0.75rem;
    font-size: var(--font-size-base, 1rem);
    letter-spacing: var(--type-hero-copy-tracking, 0.01em);
  }

  .episode-toc__list {
    margin: 0;
    padding-left: 1.1rem;
  }

  .episode-toc__list li + li {
    margin-top: 0.35rem;
  }

  .episode-toc__list a {
    color: var(--text);
    text-decoration-color: var(--line-strong);
    text-underline-offset: 0.12em;
  }

  .episode-toc__list a:focus-visible {
    outline: 2px solid var(--line-strong);
    outline-offset: 2px;
  }
}