/* World Alcohol Codex — search dropdown styles (uses site design tokens with fallbacks) */
.codex-search-dropdown{
  position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:9999;
  background:var(--bg2,#fff);
  border:1px solid var(--border2,rgba(24,20,10,0.18));
  border-radius:8px;
  box-shadow:0 12px 40px rgba(24,20,10,0.16);
  max-height:min(70vh,460px); overflow-y:auto;
  font-family:var(--font-body,var(--sans,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif));
}
.codex-search-dropdown .csd-item{
  display:block; padding:0.7rem 1rem; border-bottom:1px solid var(--border,rgba(24,20,10,0.10));
  text-decoration:none; border-left:none; transition:background 0.12s;
}
.codex-search-dropdown .csd-item:last-child{ border-bottom:none; }
.codex-search-dropdown .csd-item:hover,
.codex-search-dropdown .csd-item:focus{ background:var(--bg3,#F4F1EA); }
.codex-search-dropdown .csd-cat{
  display:inline-block; font-family:var(--font-mono,'JetBrains Mono','Courier New',monospace);
  font-size:0.58rem; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--accent,#A4161A); margin-bottom:0.2rem;
}
.codex-search-dropdown .csd-title{
  display:block; font-size:0.95rem; font-weight:600; color:var(--ink,#1A1410); line-height:1.3;
}
.codex-search-dropdown .csd-excerpt{
  display:block; font-size:0.78rem; color:var(--ink3,#6A5C3C); line-height:1.5; margin-top:0.2rem;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.codex-search-dropdown .csd-empty{
  padding:0.9rem 1rem; font-size:0.85rem; color:var(--ink4,#857550);
}