:root{--official-gap:#a42647;--official-unconfirmed:#946000}
:root[data-theme=dark]{--official-gap:#ffadbf;--official-unconfirmed:#ffd27a}
.map-legend .official-gap-line{border:0;border-top:3.5px dashed var(--official-gap);background:none;border-radius:0;height:0}
.map-legend .official-unconfirmed-line{border-top-style:dotted;border-top-color:var(--official-unconfirmed)}
.map-legend .official-gap-key{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:inherit;font:inherit;padding:0;line-height:inherit;text-align:inherit}
.official-gap-key:focus-visible{outline:3px solid var(--official-gap);outline-offset:3px}
.official-gap-popup{font:400 .875rem/1.5 'DM Sans',system-ui,sans-serif;color:var(--ink)}
.official-gap-popup strong{font-size:1rem}.official-gap-popup p{margin:8px 0}
.official-gap-popup .official-gap-label{font-weight:650;color:var(--official-gap)}
.official-gap-unconfirmed .official-gap-label{color:var(--official-unconfirmed)}
.official-gap-popup a{display:inline-block;min-height:44px;padding-top:8px}
@media(max-width:700px),(max-width:1000px) and (pointer:coarse){
  .map-legend{grid-template-columns:repeat(4,minmax(0,1fr));font-size:.875rem}
  .map-legend .legend-key{overflow-wrap:normal}
  .map-legend .official-gap-key{font-size:inherit}
}
@media(max-height:500px) and (orientation:landscape) and (min-width:500px) and (max-width:650px){
  .map-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
}