.filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 28px; }
.article-grid .card { overflow: hidden; }
.article-grid .card .card-visual { margin-block: -8px 18px; }
.filter-chip { border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.045); color: var(--cloud-white); border-radius: var(--radius-pill); padding: 9px 13px; transition: color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease); }
.filter-chip:hover { color: var(--cyan-glow); border-color: rgba(var(--cyan-glow-rgb),.35); background: rgba(var(--cyan-glow-rgb),.06); }
.filter-chip.is-active { color: var(--cyan-glow); border-color: rgba(var(--cyan-glow-rgb),.45); }
.newsletter-form { display: flex; gap: 10px; max-width: 620px; }
.newsletter-form input { flex: 1; color: var(--cloud-white); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius-md); padding: 13px 14px; transition: border-color var(--dur-fast) var(--ease); }
.newsletter-form input:focus { border-color: rgba(var(--cyan-glow-rgb),.5); outline: none; }
@media (max-width: 640px) { .newsletter-form { flex-direction: column; } }