.youtube-story-copy {
  max-width: 820px;
}

.youtube-story-article {
  max-width: 760px;
  margin-top: clamp(38px, 5vw, 56px);
}

.youtube-story-article .youtube-story-section {
  margin: 0;
}

.youtube-story-article .youtube-story-section + .youtube-story-section,
.youtube-story-article .inline-related + .youtube-story-section {
  margin-top: clamp(34px, 4.5vw, 48px);
}

.youtube-story-article .youtube-story-section h2 {
  max-width: 760px;
  margin: 0 0 14px;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.08;
  text-wrap: balance;
}

.youtube-story-article .youtube-story-section p {
  margin: 0 0 18px;
  font-size: clamp(18px, 1.45vw, 20px);
  line-height: 1.65;
}

.youtube-story-article .youtube-story-section p:last-child {
  margin-bottom: 0;
}

.youtube-story-faq,
.youtube-story-related {
  max-width: 760px;
  margin-top: clamp(42px, 5vw, 58px);
  padding-top: 28px;
  border-top: 3px solid var(--ink);
}

.youtube-story-article .inline-related {
  margin: clamp(30px, 4vw, 42px) 0 0;
  padding: 18px 20px;
  border: 2px solid var(--ink);
  border-radius: 8px;
  background: var(--yellow);
  box-shadow: 4px 4px 0 var(--pink);
}

.inline-related strong {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  text-transform: uppercase;
}

.youtube-story-faq h2,
.youtube-story-related h2 {
  margin: 0 0 18px;
  font-size: clamp(27px, 3vw, 36px);
  line-height: 1.08;
}

.youtube-story-faq details {
  border-bottom: 1px solid var(--line);
}

.youtube-story-faq summary {
  padding: 16px 0;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.35;
  cursor: pointer;
}

.youtube-story-faq details p {
  margin: 0;
  padding: 0 0 18px;
  font-size: 17px;
  line-height: 1.6;
}

.youtube-story-related ul,
.youtube-story-sources ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 22px;
}

.youtube-story-related li,
.youtube-story-sources li {
  font-size: 17px;
  line-height: 1.45;
}

.youtube-story-related a,
.youtube-story-sources a {
  font-weight: 800;
  text-underline-offset: 0.18em;
}

.youtube-story-sources span {
  color: var(--muted);
  font-size: 14px;
}

.youtube-story-transcript {
  margin-top: 36px;
}

.youtube-story-copy > .actions {
  margin-top: 38px;
}

@media (max-width: 680px) {
  .youtube-story-article .youtube-story-section + .youtube-story-section,
  .youtube-story-article .inline-related + .youtube-story-section {
    margin-top: 34px;
  }

  .youtube-story-article .youtube-story-section h2 {
    font-size: 29px;
  }

  .youtube-story-faq,
  .youtube-story-related {
    margin-top: 42px;
    padding-top: 22px;
  }
}