.tracking-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:.5rem 0 .8rem}
.tracking-toolbar select{font:inherit;padding:.45rem .6rem;border:1px solid #b3c8bc;border-radius:.4rem;background:white}
.map-legend{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.9rem}
.map-legend span::before{content:"";display:inline-block;width:.7em;height:.7em;margin-right:.3em;border-radius:50%;background:#176047}
.map-legend span+span::before{background:#9b481a}
.tracking-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(17rem,1fr);gap:1rem;margin-top:.8rem}
#map{min-height:32rem;border:1px solid #b3c8bc;border-radius:.6rem;overflow:hidden;background:#dce9e1}
#deliveries{grid-column:2;margin:0;display:grid;align-content:start;gap:.65rem;overflow-wrap:anywhere}
#map[hidden]+#deliveries{grid-column:1/-1}
.tracking-card{background:white;border:1px solid #b3c8bc;border-radius:.55rem;padding:.85rem}
.tracking-card h2{margin:0}
.tracking-card ul{margin:.6rem 0 0;padding:0;list-style:none}
.tracking-card li{border-top:1px solid #e0e9e3;padding:.55rem 0}
.tracking-card li small,.tracking-card li a{display:block}
.tracking-card a{color:#17563f}
.tracking-card button{margin:.3rem 0}
.tracking-popup{color:#182e27;max-width:16rem;overflow-wrap:anywhere}
.tracking-popup p+p{margin-top:.35rem}
@media(max-width:760px){
  .tracking-layout{grid-template-columns:1fr}
  #deliveries{grid-column:1}
  #map{min-height:25rem}
}