@media (max-width: 1180px) {
    .lead-grid {
        grid-template-columns: minmax(0, 1fr) 290px;
    }

    .latest-layout,
    .article-layout {
        grid-template-columns: minmax(0, 1fr) 280px;
    }
}

@media (max-width: 1020px) {
    .lead-grid,
    .latest-layout,
    .article-layout {
        grid-template-columns: 1fr;
    }

    .side-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .article-main h1 {
        max-width: none;
    }
}

@media (max-width: 720px) {
    .container {
        width: calc(100% - 24px);
    }

    .hero-area {
        padding-top: 12px;
    }

    .top-ad,
    .top-ad img,
    .ad-placeholder {
        height: 74px;
    }

    .content-shell,
    .article-page {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .section-heading h1,
    .category-hero h1 {
        font-size: 27px;
    }

    .lead-grid,
    .article-grid,
    .side-stack,
    .sidebar,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .lead-card .image-link {
        height: 250px;
    }

    .lead-content {
        padding: 18px;
    }

    .lead-content h2 {
        font-size: 25px;
    }

    .article-card .image-link {
        height: 205px;
    }

    .article-main h1 {
        font-size: 30px;
        letter-spacing: -0.45px;
    }

    .article-content {
        font-size: 15px;
        line-height: 1.9;
    }

    .article-cover {
        max-height: none;
    }

    .static-page {
        margin-top: 15px;
        padding: 24px 18px;
    }

    .static-page h1 {
        font-size: 28px;
    }

    .footer-grid {
        gap: 22px;
    }
}

@media (max-width: 430px) {
    .container {
        width: calc(100% - 18px);
    }

    .top-ad,
    .top-ad img,
    .ad-placeholder {
        height: 62px;
    }

    .mini-card {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .mini-card > a {
        height: 76px;
    }

    .article-main h1 {
        font-size: 27px;
    }

    .article-meta {
        gap: 8px;
    }

    .article-meta span + span::before {
        margin-right: 8px;
    }
}