.delivery-area-page{width:min(100%,62rem);margin:0 auto}.delivery-area-page__heading{margin-bottom:var(--ui-space-5)}.delivery-area-page__heading h1{margin:0 0 var(--ui-space-2);font-size:var(--ui-font-size-xl)}.delivery-area-page__heading p{margin:0;color:var(--ui-color-text-muted);max-width:30rem}.delivery-area-layout{display:grid;gap:var(--ui-space-3);max-width:38rem;margin:0 auto}.delivery-area-checker{min-width:0}.delivery-area-form{position:relative;z-index:3}.delivery-area-form label{display:block;font-size:var(--ui-font-size-sm);font-weight:600;margin-bottom:var(--ui-space-2)}.delivery-area-input-row{display:flex;align-items:center;gap:var(--ui-space-1);padding:var(--ui-space-1);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);background:var(--ui-color-surface)}.delivery-area-input-row input{width:100%;min-width:0;border:0;padding:var(--ui-space-3) var(--ui-space-2);color:var(--ui-color-text);background:transparent;font:inherit;font-size:1rem;border-radius:var(--ui-radius-sm)}.delivery-area-input-row input::placeholder{color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}.delivery-area-input-row .ui-button{flex-shrink:0;min-height:2.75rem;padding-inline:var(--ui-space-2)}.delivery-area-suggestions{position:absolute;top:100%;left:0;right:0;list-style:none;margin:var(--ui-space-1) 0 0;padding:var(--ui-space-1);background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:0 .5rem 1.5rem rgb(24 31 27/15%)}.delivery-area-suggestions[hidden]{display:none}.delivery-area-suggestions button{display:grid;gap:.125rem;width:100%;min-height:3rem;border:0;text-align:left;padding:var(--ui-space-3);background:transparent;border-radius:var(--ui-radius-sm);font:inherit;color:var(--ui-color-text);cursor:pointer}.delivery-area-suggestions button:hover{background:var(--ui-color-surface-muted)}.delivery-area-suggestions small{color:var(--ui-color-text-muted);font-size:var(--ui-font-size-xs)}.delivery-area-result{min-height:4.75rem;padding-block:var(--ui-space-4);font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted);overflow-wrap:anywhere}.delivery-area-result p{margin:0}.delivery-area-result .delivery-area-result__title{color:var(--ui-color-text);font-weight:600;display:flex;gap:var(--ui-space-2)}.delivery-area-result--available .delivery-area-result__title{color:var(--ui-color-success)}.delivery-area-result .delivery-area-result__address{font-size:var(--ui-font-size-xs);margin:var(--ui-space-1) 0 0 1.5rem}.delivery-area-error{margin:0 0 var(--ui-space-4);color:var(--ui-color-danger);font-size:var(--ui-font-size-sm)}.delivery-area-map-section{min-width:0}.delivery-area-map{margin:0;position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:#f0f2eb}.delivery-area-map__canvas{display:block;width:100%;height:26.875rem;touch-action:pan-y;cursor:grab}.delivery-area-map__canvas:active{cursor:grabbing}.delivery-area-map__zone{fill:#b4cda1;fill-opacity:.7;stroke:#3b6942;stroke-width:2.6;stroke-linejoin:round;fill-rule:evenodd}.delivery-area-map__label{fill:#5c695b;stroke:#f0f2eb;stroke-width:3;paint-order:stroke;stroke-linejoin:round;font:12px var(--ui-font-sans);pointer-events:none}.delivery-area-map__label--river,.delivery-area-map__label--water{fill:#5b7c86;stroke:#d4e3e6}.delivery-area-map__label--district{fill:#315837;stroke:#d3e0c6;font-weight:600}.delivery-area-map__marker{fill:var(--ui-color-success);pointer-events:none}.delivery-area-map__marker--unavailable{fill:#7c6354}.delivery-area-map__point{stroke:var(--ui-color-surface);stroke-width:2.5}.delivery-area-map__marker text{fill:var(--ui-color-text);stroke:var(--ui-color-surface);stroke-width:4;paint-order:stroke;font-size:12px;font-weight:600}.delivery-area-map__scale path{stroke:#5f6c5e;stroke-width:1.2;fill:none}.delivery-area-map__scale text{fill:#5f6c5e;stroke:#f0f2eb;stroke-width:3;paint-order:stroke;font-size:11px}.delivery-area-map__legend{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);font-size:.75rem;color:var(--ui-color-text);pointer-events:none}.delivery-area-map__legend span{width:.625rem;height:.625rem;border:1px solid #487850;background:#c8dcbb;border-radius:.125rem}.delivery-area-map__zoom{position:absolute;top:.75rem;right:.625rem;display:grid;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);background:var(--ui-color-surface)}.delivery-area-map__zoom button{min-width:2.75rem;min-height:2.75rem;border:0;background:transparent;color:var(--ui-color-text);font:inherit;font-size:1.375rem;border-radius:var(--ui-radius-sm);cursor:pointer}.delivery-area-map__zoom button+button{border-top:1px solid var(--ui-color-border)}.delivery-area-map__scope{position:absolute;left:.75rem;bottom:.75rem;min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);background:var(--ui-color-surface);color:var(--ui-color-text);font:inherit;font-size:.8125rem;cursor:pointer}.delivery-area-map__attribution{position:absolute;right:.25rem;bottom:.25rem;background:var(--ui-color-surface);color:#596251;padding-inline:.25rem;font-size:11px;text-decoration:none}.delivery-area-caption{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin:var(--ui-space-3) 0 0}@media (min-width:36rem){.delivery-area-map__canvas{height:32.5rem}}@media (min-width:48rem){.delivery-area-layout{grid-template-columns:18rem minmax(0,1fr);gap:var(--ui-space-5);max-width:none}}