/* ===== Site summary ===== */
.svgContainer svg path,
.svgContainer svg polygon {
    stroke: var(--site-summary-stroke);
    fill: var(--site-summary-fill);
    stroke-width: var(--site-summary-stroke-width);
    stroke-dasharray: var(--site-summary-stroke-dasharray) !important;
    stroke-linecap: var(--site-summary-stroke-linecap);
    stroke-opacity: 100%;
    animation: dashMoveMod 1.2s linear infinite !important;
}

@keyframes dashMoveMod {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -30;
    }
}

/* ===== FIX: link di panel kiri (Site Summary) tidak bisa diklik =====
   pages.css mematikan interaksi seluruh .page__middle pada template ini:
     body[data-page-template="page-site-summary"] .page__middle { pointer-events: none }
   Yang seharusnya mengembalikannya adalah layout.js, tapi dia mencari class
   ".leftSide" (leftSideClass: "leftSide") - class itu cuma ada di page.php lama,
   sedangkan template ini merender "section.page__left.gradient". Jadi
   document.querySelector('.leftSide') = null dan pointer-events tidak pernah
   di-set kembali -> seluruh isi panel kiri (termasuk link "Click here for uses"
   di baris Zoning) mati kliknya.
   Fix minimal: aktifkan pointer-events HANYA untuk link di panel kiri, supaya
   hover pada SVG site-summary di area lain tetap berjalan seperti sebelumnya. */
body[data-page-template="page-site-summary"] .page__left .second-line a,
body[data-page-template="page-site-summary"] .page__left .description a {
    pointer-events: auto;
}

/* Hover BIRU (--color-sky #009AD9), bukan abu --link-hover #7E8082 yang
   ngeblur sama background panel gelap. Tema hanya memasang hover lewat
   body.hasHover (dari index.js, cuma saat non-touch), jadi ditulis eksplisit. */
body[data-page-template="page-site-summary"] .page__left .second-line a:hover,
body[data-page-template="page-site-summary"] .page__left .description a:hover {
    color: var(--color-sky);
}