/* Puglia Everyday Map: article locator. All rules scoped to .pe-map */
.pe-map.pe-loc{max-width:640px;margin:28px auto;font-family:Rubik,sans-serif;color:#022940}
.pe-map.pe-loc .pe-lwrap{position:relative;border:1px solid #D6DADD;border-radius:12px;overflow:hidden;background:#eef3f6;touch-action:pan-x pan-y}
.pe-map.pe-loc svg{display:block;width:100%;height:auto;cursor:grab;user-select:none;-webkit-user-select:none}
.pe-map.pe-loc svg:active{cursor:grabbing}
.pe-map.pe-loc .sea{fill:#eef3f6}
.pe-map.pe-loc .land{vector-effect:non-scaling-stroke;stroke-width:0.9px!important}
.pe-map.pe-loc .pe-far,.pe-map.pe-loc .pe-out .pe-minor{display:none}.pe-map.pe-loc .pe-out .pe-far{display:inline}
.pe-map.pe-loc .pe-lctl{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pe-map.pe-loc .pe-lctl button{min-width:34px;height:34px;border-radius:17px;border:1px solid #D6DADD;background:#fff;color:#022940;font:500 14px Rubik,sans-serif;padding:0 10px;box-shadow:0 1px 4px #0002;cursor:pointer;line-height:1}
.pe-map.pe-loc .pe-lctl button:hover{border-color:#BC4066;color:#BC4066}
.pe-map.pe-loc.pe-loc-static .pe-lwrap{touch-action:auto}.pe-map.pe-loc.pe-loc-static svg{cursor:default}
.pe-map.pe-loc .land{fill:#fbf8f3;stroke:#2E4956;stroke-width:0.53;stroke-linejoin:round}
.pe-map.pe-loc .dot.here{fill:#BC4066;stroke:#fff;stroke-width:calc(1.47*var(--z,1))}
.pe-map.pe-loc .dot.guide{fill:#BC4066;stroke:#fff;stroke-width:calc(0.88*var(--z,1))}
.pe-map.pe-loc .dot.soon{fill:#fff;stroke:#2E4956;stroke-width:calc(0.77*var(--z,1))}
.pe-map.pe-loc .lbl{font-size:calc(6.49px*var(--z,1));paint-order:stroke;stroke:#fbf8f3;stroke-width:calc(2.06px*var(--z,1));fill:#6b7f89}
.pe-map.pe-loc .lbl.guide{fill:#022940;font-weight:500;font-size:calc(7.37px*var(--z,1))}
.pe-map.pe-loc .lbl.here{fill:#BC4066;font-weight:500;font-size:calc(9.44px*var(--z,1))}
.pe-map.pe-loc a:hover .lbl{text-decoration:underline;fill:#BC4066}
.pe-map.pe-loc .sealbl{font-style:italic;fill:#8aa3b0;font-size:calc(7.08px*var(--z,1));letter-spacing:calc(1.18px*var(--z,1))}
.pe-map.pe-loc figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#6b7f89;margin-top:6px}
.pe-map.pe-loc figcaption a{color:#BC4066}
@media(min-width:761px){.pe-map.pe-loc{float:right;width:44%;max-width:470px;margin:4px 0 24px 40px!important}.pe-map.pe-loc~h2{clear:both}}
@media(max-width:760px){.pe-map.pe-loc .pe-hide-m{display:none}.pe-map.pe-loc{margin:20px 0}.pe-map.pe-loc .lbl{font-size:calc(9.44px*var(--z,1))}.pe-map.pe-loc .lbl.guide{font-size:calc(10.03px*var(--z,1))}.pe-map.pe-loc .lbl.here{font-size:calc(12.39px*var(--z,1))}}
@media(min-width:761px){.pe-map.pe-loc.pe-loc-static{float:none;width:auto;max-width:640px;margin:0 auto!important}}
.pe-map.pe-loc .pe-itria{fill:#BC4066;fill-opacity:.12;stroke:#BC4066;stroke-dasharray:3 2;vector-effect:non-scaling-stroke;stroke-width:1.2px}
.pe-map.pe-loc .pe-area-lbl{letter-spacing:calc(1px*var(--z,1))}
.pe-map.pe-loc .pe-out .pe-area-lbl{display:none}

@media(max-width:760px){.pe-map.pe-loc .pe-lctl button{min-width:44px;height:44px;border-radius:22px}}
.pe-map .pe-credit a,.pe-map.pe-loc figcaption span a{color:inherit}