/* =========================================================
   VEIC 2027 — HIGHLIGHTS + PROGRAMME WRAPPER
   File: assets/css/highlights-programme-wrap.css
   -----------------------------------------------------------
   Caps this combined section at the site's 1400px max-width,
   independent of whatever width GeneratePress/SiteOrigin gives
   the surrounding container. Also uses native CSS Grid stretch
   behavior to make the two columns equal-height automatically.
   ========================================================= */

.veic-hp-wrap{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 20px;
    box-sizing: border-box;
    overflow-x: hidden;
}

.veic-hp-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: stretch; /* this is what makes both columns equal height */
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.veic-hp-cell{
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 992px){
    .veic-hp-wrap{ padding: 30px 15px; }
    .veic-hp-grid{
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 576px){
    .veic-hp-wrap{ padding: 25px 12px; }
    .veic-hp-grid{ gap: 32px; }
}