html.article-document {
  overflow-x: hidden;
}

/* Plain official URLs and API identifiers can be longer than one text column. */
.article-document .article-body {
  min-width: 0;
}

.article-document .article-body :is(p, li, dd, blockquote, h2, h3, h4, a) {
  overflow-wrap: anywhere;
}

.article-document .article-provider-cta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
}

.article-document .article-provider-cta > div {
  grid-column: 1 / -1;
  min-width: 0;
}

.article-document .article-provider-cta .button {
  width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  .article-document .article-provider-cta {
    grid-template-columns: minmax(0, 1fr);
  }
}

.article-document .related-card {
  min-width: 0;
  grid-template-rows: auto auto 1fr;
  align-content: start;
}

.article-document .related-card-cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 6px;
}

.article-document .related-card strong {
  overflow-wrap: anywhere;
}

.article-header-media .category-pill.accent-violet {
  color: #ddd6ff;
  background: rgba(108, 92, 255, 0.22);
}

.article-header-media .category-pill.accent-teal {
  color: #91efdd;
  background: rgba(20, 184, 166, 0.2);
}

.article-header-media .category-pill.accent-cyan {
  color: #9ff5f7;
  background: rgba(19, 194, 179, 0.2);
}

@supports (overflow: clip) {
  html.article-document {
    overflow-x: clip;
  }
}

@media (min-width: 721px) and (max-width: 900px) {
  .article-page .article-table:has(th:nth-child(6)) th,
  .article-page .article-table:has(th:nth-child(6)) td {
    padding-inline: 12px;
  }
}