.light-suggestions { position: relative; width: 100%; min-width: 0; }
.rd-form-card .light-suggestions:focus-within, .light-suggestions:focus-within { z-index: 30; }
.light-suggestions-list { position: absolute; z-index: 25; top: calc(100% + 4px); inset-inline: 0; max-height: 240px; overflow: auto; background: var(--rd-paper, #faf8f1); color: var(--rd-ink, #26392d); border: 1px solid #9aab9b; border-radius: 12px; box-shadow: 0 8px 24px #172c2226; }
.light-suggestions-option { display: block; width: 100%; min-height: 44px; padding: 10px 14px; text-align: start; font: inherit; color: inherit; background: transparent; border: 0; cursor: pointer; overflow-wrap: anywhere; }
.light-suggestions-option:hover, .light-suggestions-option[aria-selected="true"] { background: #dce7d9; color: #20392b; }
.light-suggestions-help { font-size: .8rem; line-height: 1.6; margin: 6px 0 12px; opacity: .85; }
.light-suggestions-list[hidden] { display: none; }
.light-suggestions:has(input:disabled) .light-suggestions-list,
.light-suggestions:has(input:disabled) + .light-suggestions-help { display: none; }
.theme-dim .light-suggestions-list, [data-theme="moon"] .light-suggestions-list { background: #26332d; color: #f3f1e7; }
html.theme-dim .light-suggestions input.form-control,
html[data-theme="moon"] .light-suggestions input.form-control { background: var(--rd-surface-strong, #253024); color: var(--rd-text, #ece7dc); border-color: var(--rd-line-strong, #63725e); }