.kb-rdo-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}.kb-rdo-map{height:410px}.kb-rdo-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.kb-rdo-routes path{fill:none;stroke:#b8efcf;stroke-width:.4;stroke-dasharray:2 2;animation:kbRdoTravel 4s linear infinite}.kb-rdo-pin{position:absolute;z-index:5;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#a989d8;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 0 0 4px #8ce9ac33}.kb-rdo-pin.is-selected{background:#ffdc86;box-shadow:0 0 0 7px #ffdc8644}.kb-rdo-dot{width:8px;height:8px;border-radius:50%;background:#a989d8}.kb-rdo-summary{display:flex;gap:16px;font-size:13px;padding:10px 0}.kb-rdo-list{max-height:220px;overflow:auto;border:1px solid #ffffff35;border-radius:8px}.kb-rdo-list>button{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;color:white;background:transparent;border:0;border-bottom:1px solid #ffffff25;padding:12px;font:inherit;font-size:13px;cursor:pointer}.kb-rdo-list>p{padding:12px;font-size:13px}.kb-rdo-list>button.is-selected{background:#ffffff18}.kb-rdo-list button:focus-visible,.kb-rdo-pin:focus-visible{outline:2px solid #fff;outline-offset:3px}.kb-rdo-selected{font-size:13px;min-height:36px}.kb-rdo-layout .kb-office{margin-top:14px}@keyframes kbRdoTravel{to{stroke-dashoffset:-16}}@media(prefers-reduced-motion:reduce){.kb-rdo-routes path{animation:none}}@media(max-width:899px){.kb-rdo-layout{grid-template-columns:1fr;gap:28px}.kb-rdo-map{height:350px;min-height:350px!important}}@media(min-width:900px){.kb-rdo-layout .kb-rdo-map{height:380px;min-height:380px!important}.kb-rdo-layout .kb-location-copy h2{font-size:27px}.kb-rdo-layout .kb-location-copy>p{font-size:13px}}@media(max-width:560px){.kb-rdo-map{height:300px;min-height:300px!important}}

/* Keep theme button styles from stretching the map markers. */
html body.kb-green-home .kb-rdo-map button.kb-rdo-pin{display:block!important;position:absolute!important;width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important;max-width:9px!important;max-height:9px!important;padding:0!important;margin:0!important;border:1.5px solid #eafff0!important;border-radius:50%!important;background:#a989d8!important;box-sizing:border-box!important;line-height:0!important;font-size:0!important;appearance:none!important;box-shadow:0 0 0 2px #8ce9ac22!important;transform:translate(-50%,-50%)!important;aspect-ratio:1!important}
html body.kb-green-home .kb-rdo-map button.kb-rdo-pin.is-selected{background:#ffdc86!important;box-shadow:0 0 0 3px #ffdc8626!important}
html body.kb-green-home .kb-rdo-list button{display:block!important;width:100%!important;min-height:0!important;padding:11px 12px!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-weight:400!important;text-align:left!important;border:0!important;border-bottom:1px solid #ffffff25!important}
html body.kb-green-home .kb-rdo-list button.is-selected{background:#ffffff12!important}
.kb-rdo-list-title{margin:18px 0 8px;font-size:18px}

html body.kb-green-home .kb-rdo-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0;max-height:210px!important;align-content:start}
html body.kb-green-home .kb-rdo-list button{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.45!important;border-right:1px solid #ffffff20!important}
html body.kb-green-home .kb-rdo-list>p{grid-column:1/-1}

/* Luzon viewport: map, offices, routes and client dots share one crop. */
.kb-rdo-map-panel{min-width:0;width:100%;max-width:500px;justify-self:center}
.kb-region-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
html body .kb-region-cards .kb-region-card{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;width:100%;min-width:0;padding:12px 6px;margin:0;border:1px solid #ffffff30;border-radius:10px;background:#ffffff08;color:#d4e6dd;font-size:13px;line-height:1.3;box-shadow:none}
html body .kb-region-cards .kb-region-card.is-active{background:#492c72;border-color:#89d8a9;color:#fff;font-weight:700}
html body .kb-region-cards .kb-region-card:disabled{opacity:1;cursor:default}
.kb-region-card span{padding:3px 5px;border-radius:5px;background:#ffffff13;font-size:10px;font-weight:400}
html body .kb-rdo-layout .kb-rdo-map{width:100%;max-width:none;height:auto!important;min-height:0!important;aspect-ratio:420/380}
.kb-rdo-map-layer{position:absolute;inset:0;transform:scale(2.1);transform-origin:50% 22%;pointer-events:none}
.kb-rdo-map-layer .kb-rdo-pin{pointer-events:auto}
html body .kb-rdo-map-layer .kb-ph-map{inset:6.3158% 13.0952%;width:73.8096%;height:87.3684%}
.kb-rdo-map-layer .kb-map-label{font-size:6px;padding:3px 5px}
@media(max-width:560px){html body .kb-region-cards .kb-region-card{font-size:12px;padding:10px 4px}.kb-region-card span{font-size:9px}}

/* Final marker reset: parent scale 2.1 yields exactly 3 CSS pixels. */
html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin,html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer .kb-pin{width:1.4285714286px!important;height:1.4285714286px!important;min-width:0!important;min-height:0!important;max-width:1.4285714286px!important;max-height:1.4285714286px!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;animation:none!important;box-sizing:border-box!important}
html body .kb-rdo-map-layer .kb-rdo-pin::before,html body .kb-rdo-map-layer .kb-rdo-pin::after,html body .kb-rdo-map-layer .kb-pin::before,html body .kb-rdo-map-layer .kb-pin::after{display:none!important}

/* Unscaled markers over the cropped land image. */
html body .kb-rdo-map-layer{transform:none!important}
.kb-rdo-land-layer{position:absolute;inset:0;transform:scale(2.1);transform-origin:50% 22%;pointer-events:none}
html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin,html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer .kb-pin{display:block!important;position:absolute!important;width:3px!important;height:3px!important;min-width:3px!important;min-height:3px!important;max-width:3px!important;max-height:3px!important;border:0!important;padding:0!important;margin:0!important;border-radius:50%!important;box-shadow:none!important;animation:none!important;transform:translate(-50%,-50%)!important;background:#a989d8!important;appearance:none!important}
html body .kb-rdo-map-layer .kb-pin{background:#ffaa00!important}
html body .kb-rdo-map-layer .kb-pin.tondo{left:43.49%;top:60.01%}
html body .kb-rdo-map-layer .kb-pin.bulacan{left:42.86%;top:56.23%}
html body .kb-rdo-map-layer .kb-map-label.tondo{left:7%;top:64%;font-size:10px}
html body .kb-rdo-layout .kb-rdo-map button.kb-rdo-pin.is-selected{background:#ffdc86!important}

/* Only served RDO markers are rendered from registered client counts. */
html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin{box-shadow:0 0 4px 1px #89d8a980!important}
html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin.is-selected{box-shadow:0 0 5px 1px #ffdc8680!important}

/* Visible marker size requested: 6 CSS pixels, independent of land zoom. */
html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin,html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer .kb-pin{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;max-width:6px!important;max-height:6px!important}

/* Tondo main office: visible gold marker and gold glow. */
html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer .kb-pin.tondo{width:6px!important;height:6px!important;background:#ffcc33!important;box-shadow:0 0 5px 2px #ffcc3399,0 0 12px 4px #ffaa004d!important;z-index:8!important}

/* Requested served RDO locations: gold dots and gold glow. */
html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin[data-rdo="027"],html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin[data-rdo="044"],html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin[data-rdo="053A"],html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin[data-rdo="054B"],html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin[data-rdo="034"],html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin[data-rdo="045"]{width:6px!important;height:6px!important;background:#ffcc33!important;box-shadow:0 0 5px 2px #ffcc3399,0 0 12px 4px #ffaa004d!important;z-index:7!important}

html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin[data-rdo="003"],html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin[data-rdo="054A"],html body .kb-rdo-layout .kb-rdo-map .kb-rdo-map-layer button.kb-rdo-pin[data-rdo="059"]{width:6px!important;height:6px!important;background:#ffcc33!important;box-shadow:0 0 5px 2px #ffcc3399,0 0 12px 4px #ffaa004d!important;z-index:7!important}