/* Suggestions as you type (search batch 1): the listbox under every search box.
   A plain search field until search-suggest.js upgrades it; colours are tokens
   from the page's own theme so light and dark both read. Status is words, never
   hue alone. */
.suggest-wrap { position:relative; flex:1; min-width:170px; display:flex; }
.suggest-wrap input[type=search], .suggest-wrap input[type=text] { width:100%; }
.suggest { position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:20; margin:0; padding:.3rem;
  list-style:none; background:var(--card, #fff); color:var(--ink, var(--text, #111)); border:1px solid var(--gold, #D4AF37); border-radius:12px;
  box-shadow:0 14px 34px rgba(0,0,0,.22); max-height:min(60vh, 26rem); overflow:auto; text-align:left; }
.suggest[hidden] { display:none; }
.suggest li { margin:0; padding:0; }
.suggest-head { padding:.45rem .7rem .15rem; font-size:.76rem; font-weight:900; letter-spacing:.12em; color:var(--muted, #666); }
.suggest a, .suggest button { display:flex; align-items:center; gap:.55rem; width:100%; min-height:44px; padding:.45rem .7rem; margin:0;
  border:0; border-radius:9px; background:transparent; color:inherit; text-align:left; text-decoration:none; font:inherit; font-size:.95rem; cursor:pointer; }
.suggest a .kind { margin-left:auto; flex-shrink:0; font-size:.76rem; font-weight:900; letter-spacing:.05em; color:var(--muted, #666);
  border:1px solid var(--fieldline, var(--line, #ccc)); border-radius:5px; padding:.08rem .4rem; white-space:nowrap; }
.suggest a .amt { flex-shrink:0; font-weight:700; font-size:.9rem; }
.suggest a .txt { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.suggest [aria-selected="true"] > a, .suggest [aria-selected="true"] > button, .suggest a:hover, .suggest button:hover {
  background:var(--gold-bg, rgba(212,175,55,.14)); outline:2px solid var(--gold, #D4AF37); outline-offset:-2px; }
.suggest mark { background:transparent; color:inherit; font-weight:800; }
.suggest-note { padding:.35rem .7rem .45rem; font-size:.78rem; color:var(--muted, #666); }
@media (max-width:640px) { .suggest a .kind { display:none; } }