.city-autocomplete { position: relative; min-width: 0; }
.city-autocomplete > label { display: block; }
.city-suggestions { position: relative; z-index: 5; list-style: none; padding: 4px; margin: 4px 0; max-height: 240px; overflow-y: auto; background: var(--field); border: 1px solid var(--line-strong); border-radius: 12px; color: var(--text); }
.city-suggestions[hidden] { display: none; }
.city-suggestions [role="option"] { padding: 12px; cursor: pointer; font-size: 14px; }
.city-suggestions [role="option"]:hover, .city-suggestions [aria-selected="true"] { background: var(--action); color: var(--text); border-radius: 8px; }
.city-help { display: block; margin: 8px 0 0; font-size: 11px; line-height: 1.5; color: var(--muted); }
.city-help a { color: inherit; text-decoration: underline; }