.article-meta { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; color:var(--fc-muted, #6c757d); }
.fc-chip { display:inline-flex; align-items:center; gap:.25rem; font-size:.92rem; }
.fc-reactbar { display:flex; align-items:center; gap:.5rem; }
.fc-reactbar .btn.btn-react { display:inline-flex; align-items:center; gap:.35rem; padding:.25rem .5rem; }

@media (max-width: 576px){
    .fc-reactbar { gap:.25rem; }
    .fc-reactbar .btn.btn-react { padding:.2rem .45rem; }
}
.article-hero.video { overflow:hidden; border-radius:12px; border:1px solid var(--fc-border); }
.article-hero.video .ratio { background:#000; border-radius:12px; }