/* Engineer Underground search suggestions. Site tokens: accent #0369A1, headings #0F172A, borders #E2E8F0. */
/* The hero clipped anything that stuck out; let the list overlap the sections below it. */
body.home .hero { overflow: visible; position: relative; z-index: 6; }
.hero .wp-block-search__inside-wrapper, .eus-host { position: relative; }

.eus-list {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 60;
  margin: 0; padding: 6px; list-style: none; text-align: left;
  background: var(--eu-card,#FFFFFF); border: 1px solid var(--eu-border,#E2E8F0); border-radius: 12px;
  box-shadow: 0 18px 36px -12px rgba(15, 23, 42, 0.30), 0 2px 6px rgba(15, 23, 42, 0.06);
}
.eus-list[hidden] { display: none; }
.eus-opt {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 0; padding: 10px 12px; border-radius: 8px; cursor: pointer;
  color: var(--eu-ink,#0F172A); font-size: 16px; line-height: 1.3;
}
.eus-opt[aria-selected="true"] { background: var(--eu-accent-soft,#E0F2FE); }
.eus-title { min-width: 0; overflow-wrap: anywhere; }
.eus-opt mark { background: none; color: var(--eu-accent,#0369A1); font-weight: 700; }
.eus-tag {
  flex: 0 0 auto; padding: 2px 9px; border-radius: 999px;
  background: var(--eu-surface,#F1F5F9); color: var(--eu-text-2,#475569); font-size: 12px; font-weight: 600; line-height: 1.6; white-space: nowrap;
}
.eus-opt.is-tool .eus-tag { background: var(--eu-accent-soft,#E0F2FE); color: var(--eu-accent-hover,#075985); }
.eus-all { margin-top: 4px; border-top: 1px solid var(--eu-border,#E2E8F0); border-radius: 0 0 8px 8px; padding-top: 12px; color: var(--eu-text,#334155); font-size: 15px; }
.eus-all .eus-title::before {
  content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 8px; vertical-align: -2px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
}
.eus-none { margin: 0; padding: 10px 12px; color: var(--eu-muted,#64748B); font-size: 15px; }
.eus-live { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 782px) {
  .eus-opt { padding: 12px 12px; font-size: 16px; }
  .eus-tag { font-size: 11px; }
}