/* =============================================================================
   INTERNATIONAL PROJECTS HUB (international-projects.html / page-international-projects.php)
   ============================================================================= 
   Page-specific layout rules scoped to #ipr-page.
   Visual components (cards, badges, buttons, grid, stats) consume event-components.css.
   ============================================================================= */

#ipr-page {
    background: var(--white, #ffffff);
}

.ipr-intro {
    padding: 56px 0 36px;
    text-align: center;
    border-bottom: 1px solid var(--border-light, #e2e8f0);
}

.ipr-grid-sec {
    padding: 60px 0;
}

.ipr-cross-sec {
    padding: 0 0 60px;
}

@media screen and (max-width: 768px) {
    .ipr-intro {
        padding: 38px 0 24px;
        text-align: left;
    }

    .ipr-grid-sec {
        padding: 38px 0;
    }

    .ipr-cross-sec {
        padding: 0 0 40px;
    }
}