/**
 * INATGI platform homepage hero alignment
 *
 * Fix:
 * The original .inatgi-hero uses margin: 0 -30px while its width is
 * constrained by the parent max-width rule. This shifts the whole hero
 * approximately 30px to the left.
 *
 * Scope:
 * Platform homepage only. Journal pages are not affected.
 */

/*
 * Desktop and tablet:
 * align the Research in Emerging Technologies block with the platform
 * header frame and the Research Areas content below.
 */
@media (min-width: 601px) {
    body.inatgi-platform-site-index
    #main-site.inatgi-academic-home > .inatgi-hero,

    body.inatgi-academic-site-index
    #main-site.inatgi-academic-home > .inatgi-hero {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
    }

    body.inatgi-platform-site-index
    #main-site.inatgi-academic-home
    > .inatgi-hero
    > .inatgi-hero-copy,

    body.inatgi-academic-site-index
    #main-site.inatgi-academic-home
    > .inatgi-hero
    > .inatgi-hero-copy {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
    }
}

/*
 * Keep the existing edge-to-edge mobile design below 601px.
 * The original mobile CSS uses margin: 0 -16px intentionally.
 */