.dl-locator{max-width:540px;margin:1.5em 0;font-size:16px}.dl-form{margin-bottom:1.25em}.dl-label{display:block;font-weight:600;margin-bottom:.4em}.dl-input-row{display:flex;gap:.5em;flex-wrap:wrap}.dl-input{flex:1 1 180px;padding:.6em .75em;border:1px solid #c7c7c7;border-radius:6px;font-size:1em}.dl-button{padding:.6em 1.2em;border:0;border-radius:6px;background:#1a1a1a;color:#fff;font-size:1em;cursor:pointer}.dl-button:hover{background:#333}.dl-error,.dl-empty{padding:.75em 1em;border-radius:6px;background:#fff4f4;color:#a40000}.dl-empty{background:#f4f4f4;color:#555}.dl-results{list-style:none;margin:0;padding:0;counter-reset:dl}.dl-result{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"naam afstand" "adres afstand" "postcode afstand";gap:.1em 1em;padding:.9em 1em .9em 2.6em;border:1px solid #e3e3e3;border-radius:8px;margin-bottom:.6em}.dl-result::before{counter-increment:dl;content:counter(dl);position:absolute;left:.9em;top:.9em;width:1.4em;height:1.4em;line-height:1.4em;text-align:center;border-radius:50%;background:#1a1a1a;color:#fff;font-size:.85em;font-weight:700}.dl-naam{grid-area:naam;font-weight:600}.dl-adres{grid-area:adres;color:#555}.dl-postcode{grid-area:postcode;color:#555}.dl-afstand{grid-area:afstand;align-self:center;font-weight:700;white-space:nowrap}