/* Stage 26.44: unified scrollbars and clean responsive map */
:root{--cx-scroll-thumb:#204090;--cx-scroll-track:#d9eef8}
html{scrollbar-color:var(--cx-scroll-thumb) var(--cx-scroll-track);scrollbar-width:thin;overflow-x:clip}
body{overflow-x:clip}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--cx-scroll-track)}
::-webkit-scrollbar-thumb{background:var(--cx-scroll-thumb);border:2px solid var(--cx-scroll-track);border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:#123274}
.cx36-feature{background:linear-gradient(180deg,#e6f5ff 0%,#c8e9f8 100%)!important;color:#102b49!important;padding-block:clamp(42px,6vw,75px)!important}
.cx36-intro h2{color:#102b49!important}.cx36-intro p,.cx36-foot,.cx36-foot span{color:#274761!important}
.cx36-map-frame{display:block;width:100%;height:590px;max-width:100%;background:#d6eaf5;border:0!important;overflow:hidden}
.cx36-foot a{color:#123e80!important;font-weight:750}
.cx-geometry-statement>img{display:none!important}
.cx-geometry-statement{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:200px!important}
.cx-geometry-statement-copy{max-width:850px!important;margin-inline:auto!important}
@media(max-width:780px){.cx36-map-frame{height:410px}.cx36-feature{padding-inline:16px!important}.cx36-foot{display:flex;flex-direction:column;gap:12px}.cx-geometry-statement{min-height:160px!important}}
@media(max-width:480px){.cx36-map-frame{height:330px}}