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

body[data-page-template="page-executive-summary"] .fancybox__content {
    max-width: 90vw !important;
    max-height: 90vh !important;
}

.executive-summary-section-icon {
    width: min(100px, 22vh) !important;
    height: min(100px, 22vh) !important;
    margin-bottom: .5rem;
}

.executive-summary-section-title {
    max-width: 22ch;
    margin-bottom: 1rem;
}

.description {
    text-align: justify;
    text-justify: inter-word;
    text-align-last: left;
}

/* Hover link di panel kiri (link baru "Click here for uses" di left_side_description).
   Default tema = --link-hover abu #7E8082 (ngeblur sama background panel gelap).
   Dipakai biru palet site: --color-sky #009AD9.
   Ditulis eksplisit karena tema hanya memasang hover lewat body.hasHover
   (class itu dipasang index.js cuma saat device non-touch). */
body[data-page-template="page-executive-summary"] .page__left .description a:hover,
body[data-page-template="page-executive-summary"] .page__left .second-line a:hover {
    color: var(--color-sky);
}

@media (orientation: portrait) {
    .page__right {
        padding-left: 2.5rem;
    }

    .description {
        font-size: 14px;
        text-align: left;
    }

    .executive-summary-section-title {
        max-width: 15ch;
        margin-bottom: 1rem;
    }

    .executive-summary-section-icon {
        width: min(90px, 22vh) !important;
        height: min(90px, 22vh) !important;
        margin-bottom: .5rem;
    }


}