.hc-hero-stats{display:flex;align-items:center;justify-content:center;gap:20px;
  font-size:13px;color:rgba(255,255,255,.38);flex-wrap:wrap}
.hc-hero-stats strong{color:rgba(255,255,255,.65);font-weight:700}
.hc-stat-sep{width:1px;height:14px;background:rgba(255,255,255,.14)}
.hc-hero-wave{position:absolute;bottom:-1px;left:0;right:0;pointer-events:none}

/* ── Search error ───────────────────────────────────────────────────────────── */
.hc-srch-wrap{position:relative}
.hc-search-err{position:absolute;left:18px;top:calc(100% + 12px);z-index:420;max-width:min(340px,calc(100vw - 48px));
  margin:0;padding:10px 13px;border-radius:16px 16px 16px 6px;background:rgba(2,6,23,.95);color:#fff;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px rgba(2,6,23,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  font-size:12.5px;font-weight:850;line-height:1.35;text-align:left;opacity:0;transform:translateY(-4px) scale(.98);pointer-events:none;
  transition:opacity .18s var(--ease),transform .18s var(--ease)}
.hc-search-err:before{content:'';position:absolute;top:-6px;left:18px;width:12px;height:12px;transform:rotate(45deg);
  background:rgba(2,6,23,.95);border-left:1px solid rgba(255,255,255,.14);border-top:1px solid rgba(255,255,255,.14)}
.hc-search-err.show{opacity:1;transform:translateY(0) scale(1)}
.hc-search-err[hidden]{display:none}

/* ── Autocomplete dropdown ──────────────────────────────────────────────────── */
.hc-suggest{position:absolute;left:0;right:0;
  background:#fff;border:1.5px solid var(--g200);border-radius:14px;
  box-shadow:var(--shadow-lg);z-index:300;overflow:hidden;top:calc(100% + 8px)}
.hc-suggest.hc-suggest-portal{position:fixed;left:0;right:auto;top:0;z-index:2600;max-height:min(360px,48vh);overflow-y:auto}
.hc-suggest[hidden]{display:none}
.hc-suggest-item{display:flex;align-items:center;gap:12px;padding:11px 16px;
  cursor:pointer;font-size:13.5px;color:var(--g700);transition:background .12s var(--ease)}
.hc-suggest-item:hover,.hc-suggest-item.hc-act{background:var(--brand-5);color:var(--brand-ink,var(--brand))}
.hc-suggest-item svg{color:var(--g400);flex-shrink:0}
.hc-suggest-item:hover svg,.hc-suggest-item.hc-act svg{color:var(--brand-ink,var(--brand))}
.hc-suggest-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Hero suggest — FOLLOWS THE THEME.
   This was a flat dark panel in every theme. The hero is usually dark-tinted, so
   a dark dropdown reads fine there — but the panel is body-appended (portalled
   out of #hc-page), it overhangs the hero onto the page below, and in the light
   theme it landed as a black slab on a white page. Only .layout-aurora,
   .layout-prism and .layout-classic ever patched it back to white, so every
   other layout — stack included — got the dark one. Derived from --card-bg now,
   which already flips with the theme. */
.hc-hero .hc-suggest,
.hc-suggest-portal#hc-suggest-hero{
  background:color-mix(in srgb, var(--card-bg,#fff) 92%, transparent);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-color:color-mix(in srgb, var(--text-primary) 14%, transparent)}
.hc-hero .hc-suggest-item,
.hc-suggest-portal#hc-suggest-hero .hc-suggest-item{color:var(--text-secondary)}