.mpbr-wrap{position:relative;display:grid;grid-template-columns:1fr 720px;gap:16px;align-items:start}
@media (max-width:900px){.mpbr-wrap{grid-template-columns:1fr}}
.mpbr-panel{border-left:1px solid #e5e7eb;padding-left:16px}
.mpbr-panel h3{margin:.25rem 0 .5rem}
.mpbr-map svg{width:100%;height:auto;max-width:450px}
.mpbr-map path{vector-effect:non-scaling-stroke}
.mpbr-region{cursor:pointer;fill:#a2a2a2;stroke:#f7f7f7;stroke-width:1}
.mpbr-region:hover{filter:brightness(0.88)}
.mpbr-region.active{fill:#b48ac8}
.mpbr-tip{position:fixed;z-index:9999;background:#333;color:#fff;border-radius:6px;padding:6px 10px;font:12px/1.2 system-ui,Segoe UI,Roboto,Arial,sans-serif;
         box-shadow:0 6px 18px rgba(0,0,0,.24);transform:translate(-50%,-120%);pointer-events:none;opacity:0;transition:opacity .12s ease}
.mpbr-tip.show{opacity:1}