.article-video{margin:34px 0 40px}
.article-video .promo-frame{margin-top:0;max-width:none}
.article-video figcaption{margin-top:12px;font-size:13px;line-height:1.6;color:var(--muted);text-align:center}
.article-list{list-style:none;margin:36px 0 40px;padding:0;display:grid;gap:28px}
.article-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:26px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.article-card-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.article-card h2{margin:6px 0 10px}
.article-card h2 a{color:var(--ink);text-decoration:none}
.article-card h2 a:hover{color:var(--accent)}
.article-card p{margin:0}
.article-card .meta{margin:0}
@media(max-width:680px){.article-card{grid-template-columns:1fr;padding:14px}}
@media(max-width:680px) and (orientation:portrait){.article-video .promo-frame{aspect-ratio:16/9;max-width:none;margin-top:0}}