/* Article images retain their ratio; only the explicitly chosen wide style crops. */
.article-header-image { margin: 0 0 30px; }
.article-header-image img { display: block; max-width: 100%; width: 100%; height: auto; }
.article-header-image--wide img { aspect-ratio: 16/9; object-fit: cover; }
.article-header-image figcaption { color: var(--muted); font-size: 12px; line-height: 1.7; text-align: right; margin-top: 8px; overflow-wrap: anywhere; }
.article-outdated { padding: 13px 17px; margin: 0 0 28px; border-left: 3px solid var(--link); background: var(--field-bg); font-size: 14px; line-height: 1.8; }
.post-custom-badge { display: inline-flex; align-items: center; justify-content: center; color: var(--link); width: 23px; height: 25px; flex: 0 0 auto; }
.post-custom-badge svg { display: block; width: 20px; height: 20px; }
.post-custom-badge--emoji { width: auto; max-width: 8em; font-size: 21px; line-height: 1.2; }
.post-card--picture { grid-template-columns: minmax(0,1fr); grid-template-areas: "cover" "meta" "title" "excerpt" "more"; }
.post-card--picture .post-cover { aspect-ratio: 16/9; margin-block: 0 16px; }
.article-modified { color: var(--muted); font-size: 12px; margin: 30px 0 15px; }
.article-footer-info { margin: 24px 0; padding: 18px 21px; background: var(--field-bg); border-left: 2px solid var(--line); font-size: 13px; line-height: 1.8; }
.article-footer-info > div { display: grid; grid-template-columns: minmax(5.4em, auto) minmax(0, 1fr); column-gap: 14px; margin-block: 4px; }
.article-footer-info dt { color: var(--muted); font-weight: 400; }
.article-footer-info dd { margin: 0; overflow-wrap: anywhere; }
.article-source { display: block; margin-top: 3px; }
@media (max-width: 600px) {
  .article-header-image { margin-bottom: 24px; }
  .article-footer-info { padding: 14px 16px; }
  .article-footer-info > div { grid-template-columns: minmax(0, 1fr); margin-block: 9px; }
  .post-card--picture { grid-template-columns: minmax(0, 1fr); }
}