#news-index-header {
    text-align: center;
    padding: 2rem 0rem;
    color: white;
}

    #news-index-header h1 {
        font-size: 6.5rem;
        font-weight: bold;
        margin-bottom: 0;
    }

#news-index-content {
    padding: 1rem;
}

#news-index-card-container {
    background: white;
    border: 1px #ddd solid;
    padding: 1rem;
    border-radius: 1rem;
}

.news-index-card {
    border-radius: .5rem;
    background: var(--tir-dark-blue);
    color: white;
    margin: .5rem 1rem;
    padding: 1rem;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

    .news-index-card h3 {
        margin: 0;
        font-size: 1.5rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .news-index-card .date {
        font-size: .85rem;
        text-align: right;
        color: lightgray;
    }

    .news-index-card:hover {
        transform: scale(1.03);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }