/* Карта — слой канона Zen Ledger (донор dzen.ru; цвета и лого свои). */
:root{
  --zbg:#F7F8F8; --zcard:#FFFFFF; --zink:rgba(6,6,15,.88); --zink2:rgba(6,6,15,.58);
  --zink3:rgba(6,6,15,.38); --zchip:#EEF0F1; --zline:rgba(6,6,15,.10);
  --zgreen:#009543; --zaccent:#E31E24; --zgold:#FCD116;
  --zsans:'Inter',-apple-system,'Segoe UI',Roboto,system-ui,sans-serif;
}
body.mappage{font-family:var(--zsans);background:var(--zbg)}

.zmhead{flex:none;display:flex;align-items:center;gap:16px;height:56px;padding:0 16px;
  background:var(--zbg);border-bottom:1px solid var(--zline)}
.zmark{display:flex;align-items:center}
.zmark img{height:25px;width:auto;display:block}
.zmtitle{font:600 15px var(--zsans);color:var(--zink)}
.zmnav{display:flex;gap:4px;margin-left:8px}
.zmnav a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:8px;
  font:600 13px var(--zsans);color:var(--zink);text-decoration:none}
.zmnav a:hover{background:var(--zchip)}
.zacct{margin-left:auto;display:inline-flex;align-items:center;height:36px;padding:0 14px;
  border-radius:12px;background:var(--zaccent);color:#fff;font:600 13.5px var(--zsans);
  text-decoration:none}
.zacct:hover{background:#C4151C}

.panel{background:var(--zcard);border:0;border-radius:20px;
  box-shadow:0 8px 28px rgba(6,6,15,.14);padding:14px 16px}
.panel-toggle{background:var(--zcard);border:0;border-radius:12px;
  box-shadow:0 4px 16px rgba(6,6,15,.16);font:600 13px var(--zsans);padding:10px 14px}
#q{background:var(--zbg);border:2px solid transparent;border-radius:12px;
  font:400 15px var(--zsans);padding:10px 13px;transition:border-color .15s}
#q:focus{outline:none;border-color:var(--zgold);background:var(--zcard)}
.q-results{border:0;border-radius:14px;box-shadow:0 12px 32px rgba(6,6,15,.18);padding:6px}
.q-results button{border-radius:10px;font:500 14px/1.35 var(--zsans);padding:8px 10px}
.q-results button:hover,.q-results button:focus{background:var(--zbg)}
.layer{font:500 14px/1.3 var(--zsans);border-radius:10px;padding:4px 6px;margin:0 -6px}
.layer:hover{background:var(--zbg)}
.panel-legend summary{font:600 13px var(--zsans);color:var(--zink2)}
.legend-note,.panel-foot{color:var(--zink3)}
.panel-foot a{color:var(--zaccent)}

.maplibregl-popup-content{border:0;border-radius:16px;
  box-shadow:0 12px 32px rgba(6,6,15,.22);font-family:var(--zsans)}
.pop h3{font:600 15px/1.3 var(--zsans)}
.pop a{color:var(--zaccent)}
.maplibregl-ctrl-group{border-radius:12px!important;overflow:hidden;
  box-shadow:0 4px 14px rgba(6,6,15,.16)!important}

@media (max-width:720px){
  .zmtitle,.zmnav{display:none}
  .zmhead{height:52px}
  .panel{border-radius:20px 20px 16px 16px}
}