.active-cases h2 {
    font-size: calc(var(--size) * 1.4rem);
    width: 100%;
    font-weight: 600;
    background-color: var(--light-red);
    color: #fff;
    padding: 0.75rem;
    margin-bottom: 1rem;
}
.active-cases h3 {
    font-size: calc(var(--size) * 1.4rem);
    font-weight: 700;
    font-style: italic;
    margin-bottom: 0;
}

.active-cases div {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-between;    
}

.active-cases div article {
    max-width: calc(50% - 0.5rem);
    gap: 1rem;
    background-color: #ccc;
    padding: 0.5rem;
    max-height: cakc(175px + var(--article-add));
    overflow: hidden;
    display: flex;
    flex-flow: column;
}
.active-cases div article > .cu-text {
    line-height: calc(var(--size) * 1.3rem);
    font-size: calc(var(--size) * 1rem);
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100%;
    margin-bottom: 0.5rem;
}
.active-cases div article > .cu-text p {
    overflow: hidden;
    text-overflow: ellipsis;
}
.active-cases div article h3 a {
    font-size: calc(var(--size) * 1.1rem);
    line-height: calc(var(--size) * 1.5rem);
    font-style: normal;
    display: block;    
}
.active-cases p a {
    text-decoration: underline;
}
.active-cases .active-cases-date {
    margin-bottom: 1rem;
}