/* Explain: Section layout helpers for the newsletter landing page */
.issue-grid {
    display: grid;
    gap: 1rem;
}

@media (min-width: 1024px) {
    .issue-grid {
        grid-template-columns: 1.1fr 0.9fr;
    }

    .editorial-columns {
        column-count: 2;
        column-gap: 2.5rem;
    }
}

@media (max-width: 640px) {
    #newsletter-hero h1 {
        text-wrap: balance;
    }

    .editorial-columns {
        column-count: 1;
    }
}