.area-support { display: grid; gap: 1.5rem; min-width: 0; }
.suburb-search { padding: 2rem; background: var(--white); border: 1px solid var(--line); scroll-margin-top: 2rem; }
.suburb-search h2 { font-size: 1.8rem; margin-bottom: .75rem; }
.suburb-search > p { color: var(--slate); }
.suburb-search label { display: block; font-weight: 700; margin-bottom: .5rem; }
.suburb-search__controls { display: flex; flex-wrap: wrap; gap: .75rem; }
.suburb-search input { flex: 1 1 12rem; min-width: 0; width: 100%; min-height: 3.25rem; border: 1px solid var(--slate); border-radius: 3px; padding: .75rem; color: var(--ink); background: var(--white); }
.suburb-search input::placeholder { color: var(--slate); opacity: 1; }
.suburb-search input:focus-visible { outline: 3px solid #1558ad; outline-offset: 3px; }
.suburb-search .button { flex: 0 0 auto; }
.suburb-search__status { font-size: .875rem; margin: 1rem 0 0; }
.suburb-search__results { list-style: none; padding: 0; margin: 1rem 0 0; max-height: 22rem; overflow-y: auto; overscroll-behavior: contain; }
.suburb-search__results li { border-top: 1px solid var(--line); }
.suburb-search__results a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .85rem .25rem; min-height: 3.25rem; color: var(--navy); text-decoration: none; }
.suburb-search__results a:hover { color: var(--blue-dark); background: var(--paper); }
.suburb-search__results a:focus-visible { outline-offset: -3px; }
.suburb-search__detail { display: block; color: var(--slate); font-size: .875rem; font-weight: 400; }
.suburb-search__empty { margin: .75rem 0 0; }
.suburb-search__empty a { color: var(--blue-dark); }
.suburb-search [hidden] { display: none; }
@media (max-width: 480px) {
  .suburb-search { padding: 1.5rem; }
  .suburb-search__controls { flex-direction: column; }
  .suburb-search input { flex-basis: auto; }
  .suburb-search .button { align-self: flex-start; }
}