.roads-map-controls{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #d6d3d1;
  border-radius:10px;
  background:#fff;
}
.roads-map-toggle{
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr);
  align-items:start;
  justify-content:stretch !important;
  width:100%;
  gap:10px;
  cursor:pointer;
}
.roads-map-toggle input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:2px 0 0;
}
.roads-map-toggle span{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}
.roads-map-toggle small{
  color:#64748b;
}
.roads-map-legend{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 16px;
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#fff;
  font-size:.86rem;
  color:#334155;
}
.roads-map-legend[hidden]{
  display:none;
}
.roads-map-legend span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.roads-map-legend small{
  flex-basis:100%;
  color:#64748b;
}
.roads-swatch{
  display:inline-block;
  width:28px;
  height:0;
  border-top:4px solid #a16207;
}
.roads-swatch.closure{
  border-top-color:#b91c1c;
  border-top-width:5px;
}
.roads-swatch.restriction{
  border-top-color:#c2410c;
  border-top-style:dashed;
}
.roads-swatch.event{
  border-top-color:#4338ca;
  border-top-style:dashed;
}
@media(max-width:760px){
  .roads-map-legend{
    align-items:flex-start;
    flex-direction:column;
  }
}