.chip {
    background: #121a36;
    border: 1px solid #26305b;
    color: #dce7ff;
    padding: .35rem .7rem;
    border-radius: 999px;
    cursor: pointer
}

:root[data-theme="light"] .chip {
    background: #eef3ff;
    border-color: #cddaf8;
    color: #102235
}

.chip.active {
    background: #24305f;
    border-color: #4152a0
}

:root[data-theme="light"] .chip.active {
    background: #cfe0ff;
    border-color: #7fa3ff
}

.filters {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin: 1rem 0
}

.news-card {
    background: var(--card);
    border: 1px solid #1f2749;
    border-radius: var(--radius);
    overflow: hidden;
    display: flex;
    flex-direction: column
}

:root[data-theme="light"] .news-card {
    border-color: #e3e9ff
}

.news-card img {
    width: 100%;
    height: 400px;
    object-fit: cover
}

.news-card .pad {
    padding: .8rem
}

.news-card .meta {
    display: flex;
    justify-content: space-between;
    color: var(--muted);
    font-size: .85rem;
    margin-top: .4rem
}