.territorial-map{background:#fff;border:1px solid #c8ddda;border-radius:20px;padding:24px;margin:28px 0;overflow:hidden}
.map-heading{display:flex;justify-content:space-between;align-items:start;gap:18px}
.map-heading h3{font-size:1.5rem;margin:0 0 8px;line-height:1.25}
.map-heading p{margin:0;color:#506367;max-width:620px}
.map-badge{font-size:.78rem;font-weight:750;white-space:nowrap;border-radius:30px;padding:7px 12px;background:#e9f5f2;color:#12595c}
.map-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}
.map-toolbar button,.territory-match{font:inherit;font-weight:650;border:1px solid #9bbeb8;border-radius:9px;color:#164d4e;background:#fff;min-height:44px;padding:9px 15px;cursor:pointer}
.map-toolbar button:hover,.territory-match:hover{background:#e5f1ef}
.map-toolbar button:disabled{cursor:default;opacity:.45}
#map-zoom-in,#map-zoom-out{font-size:1.4rem;min-width:44px;line-height:1}
.map-status{font-size:.94rem;font-weight:750;min-height:44px;display:flex;align-items:center;color:#164d4e;background:#edf6f4;border-radius:10px;padding:9px 14px;margin-bottom:12px}
.map-canvas{background:#f4f8f7;border-radius:14px;overflow:hidden;border:1px solid #d8e7e4}
.map-canvas svg{display:block;width:100%;height:auto;aspect-ratio:1000/760;touch-action:pan-y;cursor:grab}
.map-canvas svg.is-dragging{cursor:grabbing;touch-action:none}
.map-canvas svg.is-zoomed{touch-action:none}
.map-insets rect{fill:#fff;stroke:#c2d8d3;stroke-width:1}
.map-insets text{font:600 17px system-ui,sans-serif;fill:#4e6e69}
.map-province{fill:#d6eae5;stroke:#5c8c82;stroke-width:.85;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .12s}
.map-province.is-community{fill:#9cd3c8}
.map-province:hover{fill:#71bbaf}
.map-province.is-selected{fill:#ffb39f;stroke:#923e27;stroke-width:1.7}
.map-province:focus-visible{outline:none;fill:#ffc6b6;stroke:#803a26;stroke-width:3}
.map-help,.map-source{font-size:.85rem;line-height:1.55;color:#526569}
.map-source{border-top:1px solid #e1ebe8;padding-top:14px;margin-bottom:0}
.map-source a{text-underline-offset:3px}
.map-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:.85rem;color:#526569}
.map-legend span{display:inline-flex;align-items:center;gap:7px}
.map-legend i{width:12px;height:12px;border:1px solid #5c8c82;background:#d6eae5;border-radius:3px}
.map-legend i.map-key-selected{background:#ffb39f;border-color:#923e27}
.territory-match{display:block;width:100%;text-align:left;font-size:.9rem;margin:7px 0}
.province button[aria-pressed=true]{background:#ffe0d6;border-color:#aa5237;color:#71301c}
#prov-result{margin-top:22px;padding-top:18px;border-top:1px solid #dce6e5}
#prov-result h4{font-size:1.2rem;margin:0}
.representation-title{font-weight:750}
.representation-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.representation-fields dd{margin:0}
#territorio{scroll-margin-top:110px}
@media(max-width:600px){.territorial-map{padding:14px;border-radius:14px}.map-heading{display:block}.map-heading h3{font-size:1.25rem}.map-badge{display:inline-block;margin-top:12px}.map-toolbar{gap:6px}.map-toolbar button{padding:8px 11px;font-size:.88rem}.map-source{font-size:.79rem}.map-help{font-size:.8rem}.map-status{font-size:.85rem}.map-legend{gap:14px}}
@media(prefers-reduced-motion:reduce){.map-province{transition:none}}