.mtppm{--ink:#182430;--blue:#075a85;--paper:#fff;--comparison-max:1400px;--mobile-map-height:38vh;container-type:inline-size;position:relative;color:var(--ink);font-family:system-ui,sans-serif;line-height:1.5;max-width:100%;margin:auto}
.mtppm *{box-sizing:border-box}
.mtppm button,.mtppm select,.mtppm input{font:inherit}
.mtppm button:focus-visible,.mtppm input:focus-visible,.mtppm select:focus-visible,.mtppm__map:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.mtppm button{min-height:44px;cursor:pointer}
.mtppm .leaflet-control-zoom-in,.mtppm .leaflet-control-zoom-out,.mtppm .leaflet-touch .leaflet-control-zoom-in,.mtppm .leaflet-touch .leaflet-control-zoom-out{width:44px;height:44px;line-height:44px}
.mtppm .mtppm__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mtppm__header h2{margin-bottom:.2rem}.mtppm__header p{margin-top:0}
.mtppm__places{display:grid;grid-template-columns:minmax(12rem,.9fr) minmax(15rem,1.2fr) auto;gap:.75rem;align-items:end;margin:.75rem 0 0;padding:.65rem .75rem;border:1px solid #aab7bf;background:#f7fafb}.mtppm__places legend,.mtppm__places label{font-weight:700}.mtppm__places select{display:block;width:100%;min-width:0;min-height:44px}.mtppm__places button{min-width:6rem}.mtppm__places button:disabled{cursor:not-allowed}
.mtppm__toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;align-items:end;margin:0 0 .75rem;padding:.65rem .75rem;background:#f7fafb;border:1px solid #aab7bf;border-top:0}.mtppm__toolbar label,.mtppm__toolbar legend{font-weight:700}.mtppm__toolbar>label,.mtppm__toolbar>fieldset{min-width:0;margin:0}.mtppm__toolbar select{display:block;width:100%;min-width:0;min-height:44px}.mtppm__toolbar fieldset{display:flex;gap:.75rem;min-width:0;padding:.25rem .6rem}.mtppm__toolbar input[type="range"]{display:block;min-height:44px;width:100%;max-width:none}.mtppm__range--split output,.mtppm__range--opacity output{white-space:nowrap}
.mtppm__comparison{position:relative;width:min(var(--comparison-max),calc(100vw - 2rem));max-width:none;left:50%;transform:translateX(-50%)}
.mtppm__maps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #8a99a3;background:#8a99a3;gap:1px}
.mtppm .mtppm__map-frame{display:block;position:relative;min-width:0;margin:0;padding:0;border:0;background:#fff;color:var(--ink)}.mtppm .mtppm__map-label{display:block;min-height:2.25rem;margin:0;padding:.35rem .65rem;border:0;background:#172b3b;color:#fff;font:700 1rem/1.5 system-ui,sans-serif;opacity:1}.mtppm__map{height:clamp(28rem,58vh,42rem);margin:0;padding:0;border:0;background:#dfe8ec}
.mtppm__map-actions{display:flex;gap:.5rem;margin:.5rem 0}.mtppm__panel-open{display:none;margin-left:auto}
.mtppm__crosshair{display:none;position:absolute;z-index:500;left:50%;top:calc(50% + 1.125rem);width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid #172b3b;border-radius:50%;box-shadow:0 0 0 1px #fff;pointer-events:none}.mtppm__crosshair::before,.mtppm__crosshair::after{content:"";position:absolute;background:#172b3b}.mtppm__crosshair::before{width:2px;height:26px;left:6px;top:-6px}.mtppm__crosshair::after{height:2px;width:26px;left:-6px;top:6px}.mtppm__cursor{pointer-events:none}
.mtppm__layout{margin:.5rem 0}.mtppm__panel{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(16rem,2fr);gap:1rem;align-items:stretch;padding:1rem;background:#eef3f6;border:1px solid #aab7bf}.mtppm__panel>div{display:flex;flex-direction:column;min-width:0}.mtppm__panel>div>label{display:flex;flex-direction:column}.mtppm__panel h3{margin:0 0 .25rem}.mtppm__panel select{width:100%;min-width:0}.mtppm__panel select,.mtppm__panel button{min-height:44px}.mtppm__panel-close{display:none}
.mtppm__status{padding:.65rem;background:#edf6fa;border-left:5px solid var(--blue);font-weight:700}.mtppm__notice{padding:.5rem;margin:.4rem 0;border:1px solid #bbb}.mtppm__notice button,.mtppm__attribution button{min-height:44px}.mtppm__attribution{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.mtppm__attribution a{color:#064f76}.mtppm__dialog{max-width:38rem;border:0;border-radius:6px;padding:1.5rem}.mtppm__dialog::backdrop{background:#0009}
.mtppm--edo .mtppm__map-label--historical{background:#563c17}

@container(min-width:60rem){.mtppm__toolbar{grid-template-columns:minmax(10rem,.85fr) minmax(18rem,1.35fr) minmax(15rem,1fr) minmax(12rem,1.25fr)}}
@media(max-width:900px){.mtppm__maps{grid-template-columns:1fr}.mtppm__map{height:clamp(20rem,40vh,30rem)}}
@media(max-width:700px){.mtppm__comparison{width:100%;left:0;transform:none}.mtppm__places{grid-template-columns:minmax(0,1fr);align-items:stretch;padding:.6rem}.mtppm__places label,.mtppm__places select,.mtppm__places button{width:100%;min-width:0}.mtppm__toolbar{grid-template-columns:minmax(0,1fr);align-items:stretch;padding:.6rem}.mtppm__toolbar label,.mtppm__toolbar select,.mtppm__toolbar fieldset{width:100%;min-width:0}.mtppm__toolbar input[type="range"]{width:100%;max-width:none}.mtppm__map{height:var(--mobile-map-height);min-height:260px}.mtppm__crosshair{display:block}.mtppm__panel-open{display:block}.mtppm__panel{display:none;grid-template-columns:minmax(0,1fr);position:static;max-height:none;overflow:visible;border:1px solid #aab7bf;border-radius:0;box-shadow:none;transform:none;background:#fff}.mtppm__panel.is-open{display:grid}.mtppm__panel-close{display:block;margin-left:auto}.mtppm__panel select,.mtppm__panel button{width:100%}.mtppm__attribution{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.mtppm__panel{transition:none}}