.coverage{display:grid;grid-template-columns:minmax(265px,.85fr) minmax(0,2fr);gap:30px;margin:0 6% 65px;padding:42px 32px 30px 75px;background:radial-gradient(ellipse at 0 40%,#f4e4d644,transparent 50%),linear-gradient(120deg,#fffaf2,#f8f6ed);border:1px solid #ebcfc0;border-radius:12px;position:relative;isolation:isolate;overflow:hidden;color:#123f33}
.coverage:before,.coverage:after{content:'';position:absolute;z-index:-1;pointer-events:none;background:url('/assets/community-botanical.svg') center/contain no-repeat;width:190px;height:370px;opacity:.48}.coverage:before{left:-82px;top:0}.coverage:after{right:-60px;top:-100px;transform:rotate(160deg);opacity:.35}
.coverage-copy .eyebrow{color:#859173;font-weight:600;letter-spacing:2px;font-size:10px;margin-bottom:14px}.coverage-copy h2{font-size:38px;line-height:1.16;white-space:pre-line;letter-spacing:-1px}.coverage-description{font-size:13px;line-height:1.8;color:#7e776b;margin:15px 0 20px;white-space:pre-line}.coverage-cities{display:grid;grid-template-rows:repeat(5,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;gap:7px 20px;margin:15px 0 25px}.coverage-cities button{display:flex;align-items:center;gap:10px;color:#26483a;background:none;border:0;padding:3px 0;font:15px Georgia,serif;text-align:left;cursor:pointer;min-height:28px}.coverage-cities button>span{color:#982446;font-size:19px}.coverage-cities button[aria-pressed=true]{color:#9a1644;text-decoration:underline;text-underline-offset:4px}.coverage-contact{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid #9b3b50;border-radius:30px;padding:13px 20px;font-size:12px;color:#84233d}.coverage-contact:hover{background:#f6e6df}.coverage-map-area{display:flex;flex-direction:column;justify-content:center;min-width:0}.coverage-map{display:block;width:100%;height:auto;overflow:visible}.coverage-map-wrap{padding-top:5px}.coverage-selection{font-size:11px;line-height:1.7;color:#7f7468;text-align:center;min-height:2em;margin:6px 0 12px}.coverage-map-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#8b7b6f;margin-top:auto}.coverage-map-caption>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.coverage-map-caption i{width:8px;height:8px;background:#9c2249;border-radius:50%;box-shadow:0 0 0 4px #f3e1d8}.coverage-map-caption small{font-size:9px;text-align:right;line-height:1.7}.coverage-marker{cursor:pointer;outline:none}.city-hit{fill:transparent}.city-pulse{fill:#ba626e;opacity:.15;animation:city-pulse 3s ease-out infinite;pointer-events:none}.city-halo{fill:#eed9cd;opacity:.6;pointer-events:none}.city-dot{fill:#9d234b;stroke:#fffaf0;stroke-width:1.6}.city-leader{stroke:#a67e7c;stroke-width:1;fill:none}.city-label{font:12px Georgia,serif;fill:#173e32;paint-order:stroke;stroke:#fcf9f0;stroke-width:2px;stroke-linejoin:round}.coverage-marker[aria-pressed=true] .city-dot,.coverage-marker:hover .city-dot{fill:#5d1930;stroke-width:3}.coverage-marker:focus-visible .city-dot{stroke:#173e32;stroke-width:4}.coverage-marker[aria-pressed=true] .city-label{fill:#941843;font-weight:bold}.coverage-marker[aria-pressed=true] .city-halo{opacity:1;fill:#e8b5c0}@keyframes city-pulse{0%{transform:scale(.8);opacity:.3}85%,100%{transform:scale(2);opacity:0}}
@media(min-width:1600px){.coverage{padding-left:100px;gap:40px}.coverage-copy h2{font-size:43px}}
@media(max-width:1100px){.coverage{grid-template-columns:1fr;padding:35px 30px;gap:15px}.coverage-copy{max-width:650px}.coverage-copy h2{white-space:normal}.coverage-cities{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(5,minmax(0,1fr));gap:5px 12px}.coverage-cities button{font-size:13px}.coverage-map-area{width:100%}}
@media(max-width:650px){.coverage{margin:0 5% 40px;padding:28px 20px;gap:15px}.coverage-copy h2{font-size:31px}.coverage-copy .eyebrow{font-size:9px}.coverage-description{font-size:12px}.coverage-cities{grid-template-rows:repeat(5,auto);grid-template-columns:1fr 1fr;gap:4px 12px}.coverage-cities button{font-size:14px;min-height:34px}.coverage-map-caption{flex-wrap:wrap;justify-content:center}.coverage-map-caption small{text-align:center}.coverage-map-wrap{overflow-x:auto;padding:15px 0}.coverage-map{width:680px;max-width:none}.coverage-map-area:before{content:'Geser peta untuk melihat kota lainnya →';display:block;font-size:10px;color:#8c776a;text-align:center;margin-top:8px}.coverage-selection{font-size:10px}.coverage:before{opacity:.2}.coverage:after{opacity:.18}}
@media(prefers-reduced-motion:reduce){.city-pulse{animation:none;opacity:.17}}

.coverage-map{stroke:none}.city-hit,.city-halo,.city-pulse{stroke:none}


/* Fit the complete archipelago within the phone viewport. */
@media(max-width:650px){.coverage-map-wrap{overflow:visible;padding:10px 0}.coverage-map{width:100%;max-width:100%;height:auto}.coverage-map-area:before{content:none;display:none}.city-label{font-size:14px;stroke-width:2.5px}.coverage-selection{margin-top:12px}}