@media (max-width: 640px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .feature-article-panel {
        width: 100%;
        max-width: 100%;
        padding-inline: 0.75rem;
        box-sizing: border-box;
        overflow: hidden;
    }

    .feature-article-card,
    .feature-article-card[style],
    .feature-article-wide,
    .feature-article-box {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .feature-article-card img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    article.max-w-3xl {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    article.max-w-3xl h1.text-5xl {
        font-size: clamp(2rem, 9vw, 2.5rem) !important;
        line-height: 1.12 !important;
        overflow-wrap: anywhere;
    }

    article.max-w-3xl p.text-2xl {
        font-size: 1.125rem !important;
        line-height: 1.55 !important;
        overflow-wrap: anywhere;
    }
}