.category-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    justify-content: center;
    margin: 0 0 var(--space-8)
}

.chip {
    padding: var(--space-2) var(--space-5);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-pill);
    font-weight: 600;
    font-size: var(--fs-sm);
    color: var(--text-body);
    background: var(--surface-0, #FFFFFF);
    cursor: pointer;
    transition: var(--transition-fast)
}

.chip:hover {
    border-color: var(--primary-blue);
    color: var(--primary-blue-dark)
}

.chip.active {
    color: var(--background);
    background: var(--primary-blue-dark);
    border-color: var(--primary-blue-dark)
}

.article-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    cursor: pointer
}

.article-card .cat-tag {
    align-self: flex-start
}

.article-body {
    font-size: var(--fs-sm);
    color: var(--text-body);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.article-full {
    line-height: var(--lh-body);
    white-space: pre-wrap
}