/* Keep the migrated editorial layouts inside the HeriBase site chrome. */
.article-page {
  background: #142235 linear-gradient(to bottom, #080f1c 0%, #0e1929 40%, #142235 100%) no-repeat top / 100% 460px;
}
.article-page > .ambient { display: none; }
.migrated-article { padding-top: 116px; overflow: clip; }
.migrated-article .source-page { min-height: 0; height: auto; overflow: visible; background: transparent; font-family: var(--font-sans); }
/* The original pages reserved space for a header that the site now supplies. */
.migrated-article .source-page.editorial-article,
.migrated-article .source-page.comparison-article { background: transparent; }
.migrated-article .source-main { padding-top: 0; }
.migrated-article .source-main .blog-masthead { margin-top: 0; }
.migrated-article .hero { min-height: 0; height: auto; display: block; background: none; border: 0; }
.migrated-article h1, .migrated-article h2, .migrated-article h3 { font-family: var(--font-sans); }
.migrated-article img { max-width: 100%; height: auto; object-fit: contain; }
.migrated-article [id] { scroll-margin-top: 125px; }
.migrated-article .article-nav, .migrated-article .contents { top: 116px; }
.migrated-article .masthead-author img { object-fit: contain; }
.blog-page--after-article { padding-top: 0; }
@media (max-width: 900px) {
  .migrated-article { padding-top: 24px; }
  .migrated-article .source-main { padding-top: 0; }
  .migrated-article [id] { scroll-margin-top: 90px; }
}

.migrated-article .blog-date { display: inline-block; }

/* Editorial text links remain recognizable without relying on color alone. */
.migrated-article :is(p, li, td, th, dd, figcaption) a[href]:not(:where(nav a, .toc a, .article-nav a, .contents a, [role="button"], .btn, .button, .cta-button)) {
  color: #a9d4ff;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  text-decoration-skip-ink: auto;
}
.migrated-article :is(p, li, td, th, dd, figcaption) a[href]:not(:where(nav a, .toc a, .article-nav a, .contents a, [role="button"], .btn, .button, .cta-button)):hover {
  color: #e6c288;
  text-decoration-thickness: 2px;
}
.migrated-article :is(p, li, td, th, dd, figcaption) a[href]:focus-visible {
  outline: 2px solid #e6c288;
  outline-offset: 3px;
  border-radius: 2px;
}