#obslugiwane-miasta { border-top: 1px solid var(--line); padding-block: clamp(44px, 6vw, 84px); }
#obslugiwane-miasta h2 { margin: 0 0 16px; }
#obslugiwane-miasta .local-intro { max-width: 62ch; margin: 0 0 24px; }
.local-search { max-width: 38rem; margin: 0 0 20px; }
.local-search label { display: block; font-weight: 700; margin-bottom: 6px; }
.local-search input { width: 100%; min-height: 44px; padding: 10px 14px; font: inherit; font-size: 16px; color: #171918; background: white; border: 1px solid #656861; border-radius: 6px; }
.local-index { border-block: 1px solid #a9aca3; }
.local-index summary { padding: 14px 4px; cursor: pointer; font-weight: 700; }
.local-result { margin: 0 0 12px; }
.local-index ul { list-style: none; margin: 0 0 16px; padding: 0 8px 0 0; max-height: 22rem; overflow: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px),1fr)); gap: 0 16px; }
.local-index li { border-bottom: 1px solid var(--line); padding: 9px 2px; line-height: 1.5; }
#obslugiwane-miasta li a { padding: 0; }
.local-index li[hidden], .local-search[hidden], .local-result[hidden] { display: none; }
#obslugiwane-miasta :is(input,summary,a):focus-visible { outline: 2px solid #9f2330; outline-offset: 2px; }