.article-header { border-bottom: 1px solid var(--color-border); gap: var(--space-4); margin-bottom: var(--space-8); padding-bottom: var(--space-8); }
.article-header h1 { letter-spacing: -0.025em; max-width: 24ch; }
.article-header .tag-list { margin-top: var(--space-2); }
.featured-media { margin-block: 0 var(--space-12); }
.featured-media img { border-radius: var(--radius-md); width: 100%; }
.featured-media__caption { color: var(--color-text-muted); display: grid; font-size: var(--font-size-sm); gap: var(--space-1); line-height: 1.5; margin-top: var(--space-2); }
.featured-media__attribution { font-style: italic; }
.article-content { font-size: var(--font-size-lg); line-height: 1.75; }
.article-content > * { margin-block: 0; }
.article-content > * + * { margin-top: var(--space-6); }
.article-content h2 { margin-top: var(--space-16); }
.article-content h3, .article-content h4 { margin-top: var(--space-12); }
.article-content h4 { font-size: var(--font-size-lg); }
.article-content li + li { margin-top: var(--space-2); }
.article-content li > ul, .article-content li > ol { margin-top: var(--space-2); }
.article-content ul, .article-content ol { padding-left: var(--space-6); }
.article-content a { text-decoration-thickness: 0.1em; text-underline-offset: 0.2em; }
.article-content blockquote { background: var(--color-surface-elevated); border-left: var(--space-1) solid var(--color-primary); color: var(--color-heading); margin-inline: 0; padding: var(--space-6); }
.article-content blockquote > * + * { margin-top: var(--space-3); }
.article-content code { background: var(--color-subtle); border-radius: var(--radius-sm); font-size: 0.9em; overflow-wrap: break-word; padding: 0.12em 0.3em; }
.article-content pre { background: var(--color-heading); border-radius: var(--radius-md); color: var(--color-surface); font-size: 0.9em; line-height: 1.6; max-width: 100%; overflow-x: auto; padding: var(--space-6); }
.article-content pre code { background: transparent; color: inherit; padding: 0; }
.article-content table { border-collapse: collapse; display: block; max-width: 100%; overflow-x: auto; width: max-content; }
.article-content th, .article-content td { border: 1px solid var(--color-border); min-width: 8rem; padding: var(--space-2) var(--space-3); text-align: left; vertical-align: top; }
.article-content th { background: var(--color-surface-elevated); color: var(--color-heading); }
.article-content img { border-radius: var(--radius-md); height: auto; width: 100%; }
.article-sources { border-top: 1px solid var(--color-border); margin-top: var(--space-16); padding-top: var(--space-8); }
.article-sources__list { margin: var(--space-6) 0 0; padding-left: var(--space-6); }
.article-source { padding-left: var(--space-2); }
.article-source + .article-source { margin-top: var(--space-4); }
.article-source__reference { font-weight: 650; }
.article-source__note { color: var(--color-text-muted); font-size: var(--font-size-sm); margin-top: var(--space-1); }
@media (max-width: 44.99rem) {
  .article-content { font-size: var(--font-size-base); line-height: 1.75; }
  .article-content pre, .article-content blockquote { padding: var(--space-4); }
}
@media (min-width: 70rem) {
  .article-header { margin-bottom: var(--space-12); }
  .featured-media { margin-bottom: var(--space-16); }
}