.article-hero h1 { font-size: clamp(2.6rem, 5vw, 5.5rem); }
.article-hero .eyebrow { margin-top: 2rem; }
.article-cover { margin: 0 auto; max-width: 1200px; padding: 0 24px; }
.article-cover img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.article-thumbnail { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; margin-bottom: 1rem; }
.article-content img { max-width: 100%; height: auto; }
.article-content a { text-decoration: underline; text-underline-offset: 3px; }
.article-content blockquote { border-left: 3px solid #111; padding-left: 1.2rem; margin: 2rem 0; font-style: italic; }
.article-content ul, .article-content ol { padding-left: 1.5rem; line-height: 1.8; margin: 1rem 0; }
.topic h3 a { color: inherit; text-decoration: none; }
.topic h3 a:hover { text-decoration: underline; }