.article-body img{max-width:100%;height:auto;display:block;border-radius:12px}
.article-body figure{margin:28px 0}.article-body figcaption{display:block;border:0;padding:10px 0;font-size:14px;color:var(--muted)}
.article-cover img{width:100%;max-height:520px;object-fit:cover}
.article-body blockquote{margin:28px 0;padding:20px 24px;border-left:3px solid var(--blue);background:#e3e9f3;color:#30496a;font-size:18px}
.article-body h3{font-size:21px;margin:28px 0 12px}.article-body a:not(.action-button){color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.article-body hr{border:0;border-top:1px solid var(--rule);margin:30px 0}
.article-row.with-cover{grid-template-columns:120px 1fr 160px 30px}.article-list-cover{width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.article-loading{padding:32px 0;color:var(--muted)}
@media(max-width:700px){.article-row.with-cover{grid-template-columns:72px 1fr 24px}.article-list-cover{width:72px}.article-row.with-cover .article-tag{grid-column:2}.article-row.with-cover .article-arrow{grid-column:3;grid-row:1}}
.article-body{font-size:18px;line-height:1.85;color:#4a5d5b}.article-body h1,.article-body h2,.article-body h3{color:var(--ink)}