.cards-container {
    columns: 3 280px;
    /* Creates 3 columns, each at least 280px wide */
    column-gap: 16px;
    /* Adjusts the gap between columns */
}

.card {
    break-inside: avoid-column;
    /* Prevents cards from being split across columns */
    margin-bottom: 8px;
    /* Adds space between cards vertically */
    width: 100%;
    /* Ensures card fills the column width */
    cursor: pointer;
}

.card-link {
    text-decoration: none;
    color: inherit;
    display: block;

}

.card-link p {
    text-decoration: none;
    color: var(--h6-color);
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

body {
    font-family: 'Times New Roman', serif;
}

h2 {
    margin-bottom: 0;
}