/**
 * AI News Page (The AI Times)
 * Based on Figma design node 2670:36472
 *
 * - Title: display-2, uppercase, centered
 * - Grid: 3 columns, news cards
 */

.container--ai-news {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ai-news {
    width: 100%;
    grid-column: 1 / -1;
}

.ai-news__title {
    margin: 0 0 60px 0;
    font-family: var(--font-display);
    font-size: var(--font-size-display-2-desktop);
    font-weight: 400;
    line-height: var(--line-height-display-2-desktop);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--color-content);
    text-align: center;
}

.ai-news__grid {
    grid-column: 1 / -1;
    row-gap: calc(var(--news-cards-gap) + 40px);
}

/* Tablet (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .container--ai-news {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .ai-news__title {
        font-size: var(--font-size-display-2-tablet);
        line-height: var(--line-height-display-2-tablet);
        margin-bottom: 40px;
    }

    .ai-news__grid .news-card--w-1-3 {
        flex: 0 0 calc((100% - var(--news-cards-gap)) / 2);
        max-width: none;
    }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .container--ai-news {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ai-news__title {
        font-size: var(--font-size-display-2-mobile);
        line-height: var(--line-height-display-2-mobile);
        margin-bottom: 40px;
    }

    /* Одна статья на всю ширину */
    .ai-news__grid .news-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
}