.mley-search-suggestions { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--border-color); }
.mley-search-suggestions[hidden] { display: none !important; }
.mley-search-suggestions [data-suggestions-heading] { overflow-wrap: anywhere; }
.mley-search-suggestions__sources { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: .8rem; }
.mley-search-suggestions__source { min-width: 0; padding: 1rem; border: 1px solid var(--border-color); border-radius: 12px; background: var(--bg-surface); overflow-wrap: anywhere; }
.mley-search-suggestions__source h3 { margin: 0 0 .5rem; font-size: 1rem; }
.mley-search-suggestions__source p { margin: 0 0 .65rem; font-size: .85rem; color: var(--text-muted); }
.mley-search-suggestions__status.is-loading { display: flex; align-items: center; gap: .5rem; }
.mley-search-suggestions__status.is-loading::before { content: ""; flex: 0 0 1rem; width: 1rem; height: 1rem; border: 2px solid var(--border-color); border-top-color: currentColor; border-radius: 50%; animation: mley-search-spin .8s linear infinite; }
@keyframes mley-search-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .mley-search-suggestions__status.is-loading::before { animation: none; } }
.mley-search-suggestions__source ul { margin: .75rem 0; padding-left: 1.1rem; }
.mley-search-suggestions__source li { margin-bottom: .75rem; font-size: .9rem; }
.mley-search-suggestions__source small { display: block; color: var(--text-muted); }
.mley-search-suggestions__source > a { display: inline-flex; align-items: center; min-height: 44px; font-size: .85rem; }
.mley-home-search-results--all .mley-search-suggestions { margin-top: 0; padding-top: 0; border-top: 0; }
.mley-search-suggestions[data-all-sources] .mley-search-suggestions__sources { grid-template-columns: minmax(0, 1fr); align-items: start; }
.mley-search-suggestions[data-all-sources] .mley-search-suggestions__source { padding: .75rem; }

/* Keep the search controls stationary when cards below them change height. */
body[data-page-kind="home"] #panel { overflow-anchor: none; }
[data-home-all-results][hidden], [data-home-legacy-results][hidden] { display: none !important; }
.mley-home-search-progress { margin: 0 0 .65rem; font-size: .85rem; color: var(--text-muted); min-height: 1.4em; }
.mley-home-primary-search__submit[aria-busy="true"]::after { content: ""; width: 1rem; height: 1rem; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: mley-search-spin .8s linear infinite; }
.mley-home-primary-search__submit[aria-busy="true"] svg { display: none; }
@media (prefers-reduced-motion: reduce) { .mley-home-primary-search__submit[aria-busy="true"]::after { animation: none; } }