/* «מפות» — maps.html and maps-<slug>.html (mapspages.py, src/mappage.js), 2026-11-03 */
.mpage{max-width:960px}
.mpage h1{margin:4px 0 2px}
.msub,.mgsub{text-align:center;color:#4a5468;font-size:15.5px;line-height:1.6;max-width:640px;margin:4px auto 12px}
.mgsub{font-size:13.5px;margin:-2px auto 8px;color:var(--muted)}
.mvid{text-align:center;margin:0 0 10px}
.mvid a{display:inline-block;padding:7px 16px;border-radius:999px;background:hsl(40 75% 94%);border:1.5px solid hsl(40 60% 62%);color:#6b4a0c;font-weight:700;text-decoration:none;font-size:14.5px}
.mgrp{margin:18px 0 8px}
.mgrp h2{font-family:"Frank Ruhl Libre",serif;font-size:25px;margin:0 0 8px;color:#1d2a44;text-align:center}
.mlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.me{position:relative;display:flex;flex-direction:column;gap:3px;padding:11px 14px 11px 34px;border:1.5px solid #e1dac9;border-radius:13px;background:#fffdf8;
  text-decoration:none;color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.04);min-height:100%;box-sizing:border-box}
html[dir=ltr] .me{padding:11px 34px 11px 14px}
.me:hover,.me:focus-visible{border-color:#b8892b;background:#fff8e8}
.mh{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.mh b{font-family:"Frank Ruhl Libre",serif;font-size:19px;color:#1d2a44}
.my{font-size:13px;color:#4a5468}
.mb{font-size:11.5px;color:var(--muted)}
.mn{font-size:12.5px;font-weight:700;color:#9a7a2c}
.mt{font-size:13.5px;color:#4a5468;line-height:1.45}
.mt .tl{color:var(--muted)}
.mgo{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:#b8892b;font-size:18px;font-weight:700}
html[dir=ltr] .mgo{transform:translateY(-50%) scaleX(-1)}
.mera{border:1.5px solid #e1dac9;border-radius:13px;background:#fff;margin:0 0 8px;overflow:hidden}
.mera>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 14px;background:#fbf6ea}
.mera>summary::-webkit-details-marker{display:none}
.mera>summary::before{content:"▸";color:#b8892b;font-size:15px;transition:transform .15s}
html[dir=rtl] .mera>summary::before{content:"◂"}
.mera[open]>summary::before{transform:rotate(-90deg)}
html[dir=ltr] .mera[open]>summary::before{transform:rotate(90deg)}
.mera>summary b{font-family:"Frank Ruhl Libre",serif;font-size:19px}
.mera .mlist{padding:10px}
.mfoot{text-align:center;margin:18px 0 0;font-size:14px}
.mfoot a{color:#3b5a99}
/* a map's page */
.crumb{margin:2px 0 0;font-size:14px}
.crumb a{color:#3b5a99;text-decoration:none;font-weight:600}
html[dir=ltr] .crumb .arr{display:inline-block;transform:scaleX(-1)}
.mmeta{text-align:center;color:#4a5468;font-size:14.5px;margin:0 0 10px}
.mintro{background:#fffdf8;border:1px solid #e8e0cc;border-inline-start:4px solid #b8892b;border-radius:10px;padding:10px 16px;margin:0 0 12px}
.mintro p{font-size:16.5px;line-height:1.8;margin:6px 0}
.mintro .mfacts{font-size:14.5px;line-height:1.6;color:#333}
.mintro .mfacts .k{color:var(--muted);font-weight:600}
.mhint{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-weight:700;color:#6b4a0c;font-size:14.5px;margin:4px 0 6px}
.mp{position:relative}
.mp-box{position:relative;height:min(70vh,600px);min-height:340px;border:1px solid #d7cfbb;border-radius:12px;overflow:hidden;background:#dfe9f0;user-select:none;-webkit-user-select:none}
.mp-svg{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.mp-svg.drag{cursor:grabbing}
.mp-land{fill:#f6f1e3;stroke:#c9bfa5;stroke-width:1;vector-effect:non-scaling-stroke}
.mp-lake{fill:#dfe9f0;stroke:#c9bfa5;stroke-width:1;vector-effect:non-scaling-stroke}
.mp-dot{stroke:#fff;cursor:pointer}
.mp-dot.hi{stroke:#1d2a44;animation:mpp 1.2s ease 3}
@keyframes mpp{50%{stroke:#b8892b}}
.mp-hit{fill:transparent;cursor:pointer}
.mp-lab{cursor:pointer}
.mp-lab rect{fill:rgba(255,255,255,.9);stroke:var(--k,#888)}
.mp-lab text{fill:#1d2a44;font-family:Heebo,Arial,sans-serif}
.mp-lab .nm{font-weight:700}
.mp-lab .ct{fill:#5d6679}
.mp-lab.grp rect{fill:#fff}
.mp-lab.on rect{fill:#fff3d6;stroke:#b8892b}
.mp-ctl{position:absolute;top:8px;inset-inline-end:8px;display:flex;flex-direction:column;gap:6px;z-index:2}
.mp-ctl button{width:38px;height:38px;border-radius:10px;border:1.5px solid #c9cfdb;background:#fff;color:#1d2a44;font:700 20px/1 Heebo,Arial,sans-serif;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.mp-more{position:absolute;bottom:8px;inset-inline-start:8px;z-index:1;background:rgba(255,253,248,.92);border:1px solid #d7cfbb;border-radius:999px;padding:3px 10px;font-size:12px;color:#5d6679;pointer-events:none}
.mp-pop{position:absolute;inset-inline:8px;bottom:8px;z-index:3;background:#fffdf8;border:1.5px solid #b8892b;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.22);padding:10px 14px 10px;max-height:55%;overflow:auto}
.mp-pop .px{position:absolute;top:4px;inset-inline-end:4px;width:34px;height:34px;border:0;background:none;font-size:18px;color:#5d6679;cursor:pointer}
.mp-pop .pn{display:block;font-family:"Frank Ruhl Libre",serif;font-size:20px;font-weight:800;margin-inline-end:30px}
.mp-pop .pn a{color:var(--c,#1d2a44);text-decoration:none;border-bottom:1.5px solid currentColor}
.mp-pop .py{font-size:13px;color:#4a5468}
.mp-pop .pc{font-size:13px;color:#4a5468}
.mp-pop .po{font-size:14.5px;line-height:1.5;margin:4px 0 6px}
.mp-pop .pb{display:flex;flex-wrap:wrap;gap:8px}
.mp-pop .pb a,.mp-pop .pb button{font:inherit;font-size:14px;font-weight:700;padding:6px 14px;border-radius:999px;border:1.5px solid #1d2a44;background:#1d2a44;color:#fff;text-decoration:none;cursor:pointer}
.mp-pop .pb button{background:#fff;color:#1d2a44}
.mp-pop ul{list-style:none;margin:6px 0 0;padding:0}
.mp-pop li button{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;width:100%;text-align:start;font:inherit;background:none;border:0;border-top:1px solid #eee7da;padding:7px 2px;cursor:pointer;color:inherit}
.mp-pop li b{font-family:"Frank Ruhl Libre",serif;font-size:17px;color:var(--c,#1d2a44)}
.mp-pop li span{font-size:12.5px;color:#4a5468}
.mpng{text-align:center;font-size:13.5px;margin:6px 0 4px}
.mpng a{color:#3b5a99}
.mlh{font-family:"Frank Ruhl Libre",serif;font-size:24px;margin:18px 0 6px;text-align:center}
.mlh small{color:var(--muted);font-weight:400;font-size:16px}
.msl{list-style:none;margin:0;padding:0}
.msl li{padding:8px 10px;border-top:1px solid #eee7da;border-inline-start:4px solid var(--c);margin:0 0 2px;background:#fff;border-radius:4px;scroll-margin-top:80px}
.msl li.cent{border:0;background:none;padding:12px 0 4px;font-size:14px;font-weight:700;color:#9a7a2c}
.msl li.flash{animation:mfl 2.2s ease}
@keyframes mfl{0%,40%{background:var(--f);box-shadow:0 0 0 3px var(--c)}100%{background:#fff;box-shadow:none}}
.msl .l1{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.msl .nm{font-family:"Frank Ruhl Libre",serif;font-weight:800;font-size:18px;color:var(--c);text-decoration:none;border-bottom:1.5px solid transparent}
.msl .nm:hover{border-bottom-color:var(--c)}
.msl .yr{font-size:13px;color:#444}
.msl .ap{color:var(--muted)}
.msl .l2{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13.5px;color:#4a5468;margin-top:1px}
.msl .pin{display:inline-flex;align-items:center;gap:3px;font:inherit;font-size:12.5px;font-weight:700;padding:2px 10px;border-radius:999px;border:1.2px solid var(--c);background:#fff;color:var(--c);cursor:pointer}
.msl .ol{font-size:14.5px;line-height:1.5;color:#2a3346;margin-top:3px}
.mpn{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:stretch;margin:20px 0 0}
.mpn a{flex:1 1 30%;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border:1.5px solid #e1dac9;border-radius:12px;background:#fffdf8;text-decoration:none;color:var(--ink);min-width:0}
.mpn a small{font-size:12px;color:var(--muted)}
.mpn a b{font-size:14.5px;overflow-wrap:anywhere}
.mpn .mall{flex:0 0 auto;justify-content:center;font-weight:700;color:#6b4a0c}
.mpn .mnext{text-align:end}
@media (max-width:700px){
  .mlist{grid-template-columns:1fr}
  .mgrp h2{font-size:22px}
  .mintro{padding:8px 12px}
  .mintro p{font-size:15.5px;line-height:1.75}
  .mp-box{height:min(66vh,520px)}
  .mpn a{flex:1 1 40%}
  .mpn .mall{order:3;flex:1 1 100%;text-align:center}
}