#dds-finder{max-width:1180px;margin:0 auto}
.dds-find-form{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end}
.dds-find-form label{grid-column:1/-1;font-weight:700;margin-bottom:-4px}
#dds-find-input{padding:12px 14px;border:1px solid #c9d1d8;border-radius:4px;font:inherit;width:100%;background:#fff;color:#141a21}
#dds-find-input:focus,.dds-find-go:focus,.dds-find-geo:focus,.dds-find-again:focus,.dds-find-item:focus{outline:2px solid #0b5fa5;outline-offset:2px}
.dds-find-go,.dds-find-geo{padding:12px 20px;border-radius:4px;font:inherit;font-weight:700;cursor:pointer;border:1px solid #0b5fa5}
.dds-find-go{background:#0b5fa5;color:#fff;border-color:#0b5fa5}
.dds-find-go:hover{background:#08497f}
.dds-find-geo{background:#fff;color:#0b5fa5}
.dds-find-geo:hover{background:#eef4fa}
.dds-find-help{margin:10px 0 0;font-size:15px;color:#4a5560}
.dds-find-status{margin:12px 0 10px;font-weight:600;min-height:1.2em}

/* map beside the list on a desktop, stacked on a phone */
.dds-find-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.dds-find-mapwrap{position:relative}
#dds-find-map{height:560px;border:1px solid #dde2e6;border-radius:6px;background:#eaeef1}
#dds-find-map:focus-visible{outline:2px solid #0b5fa5;outline-offset:2px}
.dds-find-again{position:absolute;z-index:500;top:12px;left:50%;transform:translateX(-50%);padding:9px 16px;border:1px solid #0b5fa5;border-radius:999px;background:#fff;color:#0b5fa5;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgba(16,32,48,.22)}
.dds-find-again:hover{background:#eef4fa}
.dds-find-again[hidden]{display:none}

.dds-find-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:560px;overflow-y:auto}
.dds-find-item{border:1px solid #dde2e6;border-radius:6px;padding:12px 14px;background:#fff;cursor:pointer}
.dds-find-item:hover{border-color:#0b5fa5;background:#f7fafd}
.dds-find-item.is-active{border-color:#0b5fa5;box-shadow:inset 3px 0 0 #0b5fa5;background:#f2f8fd}
.dds-find-name{margin:0 0 2px;font-size:17px;line-height:1.3}
.dds-find-dist{margin:0 0 4px;font-weight:700;color:#0b5fa5;font-size:15px}
.dds-find-addr{margin:0 0 8px;color:#41505c;font-size:15px}
.dds-find-lines{margin:8px 0 0;font-size:14px;color:#5a6672}
.dds-find-links{margin:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.dds-find-links a{color:#0b5fa5;text-decoration:underline}

/* popups */
.leaflet-popup-content{margin:12px 14px;font-size:15px;line-height:1.45}
.dds-pop-name{display:block;font-size:16px;margin-bottom:2px}
.dds-pop-addr{display:block;color:#41505c;margin-bottom:8px}
.dds-pop-links{display:flex;flex-wrap:wrap;gap:6px 14px}
.dds-pop-links a{color:#0b5fa5;text-decoration:underline}

@media (max-width:900px){
  .dds-find-cols{grid-template-columns:1fr}
  #dds-find-map{height:330px}
  .dds-find-list{max-height:none;overflow:visible}
}
@media (max-width:640px){
  .dds-find-form{grid-template-columns:1fr}
  .dds-find-go,.dds-find-geo{width:100%}
}