.maplayout{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:start}
@media(max-width:880px){.maplayout{grid-template-columns:1fr}}
.mapsvg{width:100%;height:auto;background:linear-gradient(160deg,#fffdf6,#f7eccb);border:1px solid var(--line);border-radius:24px;overflow:visible}
.district{cursor:pointer;transition:.25s}
.district .blob{fill:#efe0b6;stroke:#d8c089;stroke-width:1.5;transition:.25s}
.district:hover .blob{fill:var(--gold);transform:translateY(-3px)}
.district.sel .blob{fill:var(--saffron)}
.district .lab{font-size:11px;font-weight:600;fill:#6a4a12;pointer-events:none}
.dnode{fill:var(--green)}
.mappanel{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:26px;min-height:320px}
.mappanel .dh{font-family:var(--serif);font-size:1.7rem;font-weight:700}
.mango-mini{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;transition:.2s;cursor:pointer}
.mango-mini:hover{background:var(--cream-2)}
.mango-mini svg{width:42px;flex:0 0 auto}