.soil-suggestions { position: relative; width: 100%; min-width: 0; }
.soil-suggestions:focus-within { z-index: 31; }
.soil-suggestions-list { position: absolute; z-index: 26; top: calc(100% + 4px); inset-inline: 0; max-height: min(320px, 52vh); overflow: auto; overscroll-behavior: contain; background: var(--rd-paper, #faf8f1); color: var(--rd-ink, #26392d); border: 1px solid #9aab9b; border-radius: 12px; box-shadow: 0 8px 24px #172c2226; }
.soil-suggestions-list[hidden] { display: none; }
.soil-suggestions-group + .soil-suggestions-group { border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent); }
.soil-suggestions-heading { position: sticky; top: 0; padding: 7px 14px 5px; background: inherit; font-size: .78rem; font-weight: 700; opacity: .8; }
.soil-suggestions-option { display: block; width: 100%; min-height: 44px; padding: 9px 14px; text-align: start; font: inherit; color: inherit; background: transparent; border: 0; cursor: pointer; overflow-wrap: anywhere; }
.soil-suggestions-option:hover, .soil-suggestions-option[aria-selected="true"] { background: #dce7d9; color: #20392b; }
.soil-suggestions-help { margin: 6px 0 12px; font-size: .8rem; line-height: 1.6; opacity: .85; overflow-wrap: anywhere; }
.theme-dim .soil-suggestions-list, [data-theme="moon"] .soil-suggestions-list { background: #26332d; color: #f3f1e7; }
html.theme-dim .soil-suggestions input.form-control, html[data-theme="moon"] .soil-suggestions input.form-control { background: var(--rd-surface-strong, #253024); color: var(--rd-text, #ece7dc); border-color: var(--rd-line-strong, #63725e); }