.article-visual { margin: 0; background: var(--bg-surface, #eef2ee); }
.article-visual img { display: block; width: 100%; height: clamp(220px, 35vw, 520px); object-fit: cover; }
.article-visual figcaption { padding: 8px max(1.25rem, calc((100vw - 760px) / 2)); color: var(--text-muted, #52635c); background: var(--bg-surface, #eef2ee); border-bottom: 1px solid var(--border, #d9e0dc); font:500 .72rem/1.4 var(--font-ui); }
.post-thumb img, .card-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.featured-thumb { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:7px; margin-bottom:1rem; }
@media (max-width: 768px) { .article-visual img { height: 220px; } }