/* Ajustes de densidade editorial dos artigos individuais. */

.article-header {
    padding: 42px 0 28px;
}

.article-header__inner {
    max-width: 1040px;
}

.article-breadcrumbs {
    margin-bottom: 18px;
}

.article-header h1 {
    max-width: 960px;
    font-size: clamp(2.15rem, 4.25vw, 3.85rem);
    line-height: 1.035;
    letter-spacing: -.045em;
}

.article-deck {
    margin-top: 16px;
}

.article-meta {
    margin-top: 20px;
}

.article-featured {
    margin-top: 24px;
}

.article-featured img {
    width: 100%;
    max-height: 480px;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    object-position: center;
}

.article-featured figcaption {
    margin-top: 7px;
}

.article-layout {
    gap: 30px;
    padding-top: 30px;
    padding-bottom: 52px;
}

.article-main {
    padding: clamp(24px, 3.4vw, 42px);
}

.article-sidebar {
    top: 52px;
}

@media (max-width: 900px) {
    .article-header h1 {
        font-size: clamp(2.05rem, 7vw, 3.35rem);
    }

    .article-featured img {
        max-height: 440px;
        aspect-ratio: 16 / 9;
    }

    .article-layout {
        padding-top: 28px;
    }
}

@media (max-width: 560px) {
    .article-header {
        padding: 32px 0 24px;
    }

    .article-header h1 {
        font-size: clamp(2rem, 10vw, 2.75rem);
        line-height: 1.06;
    }

    .article-featured {
        margin-top: 18px;
    }

    .article-featured img {
        max-height: 360px;
        aspect-ratio: 4 / 3;
        border-radius: 16px;
    }

    .article-layout {
        padding-top: 22px;
    }
}