/* Article-specific layout: keep both screens visible at every viewport. */
.article-content [id] {
  scroll-margin-top: calc(var(--header-height) + 2rem);
}
.article-content code {
  overflow-wrap: anywhere;
  font-size: 0.9em;
}
.article-hero-media {
  height: auto;
  margin-bottom: 2rem;
  border-radius: var(--radius);
  background: transparent;
}
.article-hero-media img {
  display: block;
  height: auto;
  border-radius: var(--radius);
}