/* The outer form owns a dedicated row; the fieldset owns its independent layout. */
.filter-form > .nearby-controls{grid-area:nearby}
.filter-form > .nearby-controls,.hofnah-site .nearby-controls{min-width:0;width:100%;align-self:start;box-sizing:border-box;border:1px solid var(--line,#ddd);border-radius:6px;padding:12px;margin:8px 0 12px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"place-label" "place" "radius-label" "radius" "clear" "help" "status" "method";grid-auto-rows:auto;align-items:start;gap:7px;background:var(--paper,#fafafa)}
.nearby-controls[hidden]{display:none!important}
.nearby-controls > legend{font-size:14px;font-weight:700;line-height:1.4;padding:0 4px;margin:0 0 6px}
.nearby-controls > label{font-size:13px;font-weight:600;line-height:1.5;min-width:0}
.nearby-controls > label[for="nearby-place"]{grid-area:place-label}
.nearby-controls > label[for="nearby-radius"]{grid-area:radius-label}
.nearby-controls > #nearby-place{grid-area:place}
.nearby-controls > #nearby-radius{grid-area:radius}
.filter-form .nearby-controls > input,.filter-form .nearby-controls > select,.hofnah-site .nearby-controls > input,.hofnah-site .nearby-controls > select{width:100%;max-width:100%;min-width:0;height:46px;min-height:46px;align-self:start;box-sizing:border-box;background:var(--white,#fff);border:1px solid var(--line,#ddd);border-radius:4px;padding:9px 8px;margin:0;color:var(--ink,#222);font-size:16px;line-height:1.4}
.nearby-controls > select:disabled{opacity:.6}
.nearby-controls > .nearby-clear{grid-area:clear;justify-self:start;align-self:start;min-width:0;min-height:36px;border:0;padding:5px 0;background:none;color:var(--ink,#222);font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;text-align:left}
.nearby-controls > .nearby-help{grid-area:help}
.nearby-controls > .nearby-status{grid-area:status}
.nearby-controls > .nearby-method{grid-area:method}
.nearby-help,.nearby-status,.nearby-method{min-width:0;font-size:12px!important;line-height:1.5!important;color:var(--muted,#555);margin:0!important;overflow-wrap:anywhere}
.nearby-status:empty{display:none}
.nearby-method summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:5px 0}
.nearby-method p{font-size:12px;line-height:1.5;margin:6px 0 0}
.nearby-method a{text-decoration:underline}
.nearby-distance,.nearby-card-distance{display:block;font-size:13px!important;font-weight:600;color:var(--ink,#222);line-height:1.4;margin:0 0 9px}
.nearby-distance{margin:3px 0 0}
.nearby-alternatives .nearby-explanation{font-size:14px;line-height:1.65}

/* Full-width filters have room for place and radius side by side. Sidebars stay stacked. */
.theme-resale .nearby-controls,.theme-court .nearby-controls,.theme-dogs .nearby-controls,.theme-kids .nearby-controls,.hofnah-site .nearby-controls{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"place-label radius-label" "place radius" "clear clear" "help help" "status status" "method method";column-gap:16px}
@media(max-width:900px){.theme-repair .nearby-controls{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"place-label radius-label" "place radius" "clear clear" "help help" "status status" "method method";column-gap:16px}}
@media(max-width:800px){.theme-camper .nearby-controls,.theme-work .nearby-controls{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"place-label radius-label" "place radius" "clear clear" "help help" "status status" "method method";column-gap:16px}}
@media(max-width:760px){.theme-water .nearby-controls,.theme-charging .nearby-controls{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"place-label radius-label" "place radius" "clear clear" "help help" "status status" "method method";column-gap:16px}}
@media(max-width:600px){.filter-form .nearby-controls,.hofnah-site .nearby-controls{grid-template-columns:minmax(0,1fr);grid-template-areas:"place-label" "place" "radius-label" "radius" "clear" "help" "status" "method";gap:7px}}

/* Hofnah uses a different form structure and stylesheet, but also reserves its own nearby row. */
.hofnah-site .filters{grid-template-areas:"search canton submit" "nearby nearby nearby" "shortcuts shortcuts shortcuts" "features features features"}
.hofnah-site .filters > .search-field{grid-area:search}
.hofnah-site .filters > .select-field{grid-area:canton}
.hofnah-site .filters > .button{grid-area:submit}
.hofnah-site .filters > .nearby-controls{grid-area:nearby}
.hofnah-site .filters > .product-shortcuts{grid-area:shortcuts}
.hofnah-site .filters > .filter-chips{grid-area:features}
@media(max-width:760px){.hofnah-site .filters{grid-template-areas:"search search" "canton submit" "nearby nearby" "shortcuts shortcuts" "features features"}}