body[data-page-template="page-start"] .page__content::before,
.page__content:has(.page__left.gradient)::before {
    background-image: linear-gradient(90deg, var(--left-column-gradient-start) 0%, var(--left-column-gradient-end) 100%) !important;
}

.executive-summary-section-icon {
    width: min(170px, 22vh) !important;
    height: min(120px, 22vh) !important;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Geser konten dengan animasi yang SAMA dengan menu (menu.css:
   transition: all 0.5s cubic-bezier(0.99, 0, 0.3, 0.99), left 0 <-> -400px).
   Menu open -> konten digeser 400px (padding-left) dengan kurva yang sama,
   menu close -> kembali. Animasi hanya berjalan saat toggle (bukan saat
   load awal, karena class sudah terpasang sebelum first paint). */
.page__middle {
    transition: padding-left 0.5s cubic-bezier(0.99, 0, 0.3, 0.99);
}

.page__middle.menuOpen {
    padding-left: 400px;
}

/* ===== Sinkronisasi header & tombol prev/next dengan state menu =====
   .page__middle.menuOpen ditambah/dihapus oleh syncMenuState() di
   executive-summary.js. Saat menu terbuka (drawer 400px), header dan
   layer tombol prev/next ikut bergeser ke kanan selebar menu supaya
   tidak tertutup/tumpang tindih dengan drawer. Kurva animasi sama
   dengan menu.css (transition: all 0.5s cubic-bezier(0.99, 0, 0.3, 0.99)).
   Transisi dideklarasikan di state dasar agar animasi jalan saat menu
   dibuka MAUPUN ditutup; transisi opacity bawaan header dipertahankan. */

header.header,
footer.footer {
    transition:
        opacity 0.5s ease,
        left 0.5s cubic-bezier(0.99, 0, 0.3, 0.99),
        width 0.5s cubic-bezier(0.99, 0, 0.3, 0.99);
}

nav.navigationButtons,
.bodyPrivacyPolicy {
    transition:
        left 0.5s cubic-bezier(0.99, 0, 0.3, 0.99),
        width 0.5s cubic-bezier(0.99, 0, 0.3, 0.99);
}

/* Menu terbuka -> header, footer & layer prev/next digeser 400px ke
   kanan, lebarnya menyisakan ruang untuk drawer menu. Banner privacy
   (yang menempel di kiri-bawah layar) ikut digeser + dipersempit agar
   tidak berada di bawah drawer menu. */
body:has(.page__middle.menuOpen) header.header,
body:has(.page__middle.menuOpen) footer.footer,
body:has(.page__middle.menuOpen) nav.navigationButtons {
    left: 400px;
    width: calc(100vw - 400px);
}

body:has(.page__middle.menuOpen) .bodyPrivacyPolicy {
    left: calc(400px + 5px);
    width: calc(100% - 10px - 400px);
}