.article-list {
    gap: 2rem;
}

.archive-item {
    gap: .5rem;
    padding: .5rem 1rem;
    background-color: #FFFFFF;
    box-shadow: 1px 0 11px 0 rgb(0 0 0 / 15%);
}

.archive-item-header {
    flex-wrap: wrap;
    gap: .5rem;
}

.archive-item-header > p {
    padding: .5rem 1rem;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: .3rem;
}

.archive-item > h1 {
    color: #2E2765;
}

.archive-item-group {
    color: var(--color-primary);
    gap: .5rem;
}