/* ==========================================================================
   Search — live-suggest dropdown (resources/js/search.js) and the results page
   (resources/views/search.blade.php).
   ========================================================================== */

/* --- Live-suggest dropdown, injected into form[data-search] -------------- */
.suggest{
  position:absolute;top:100%;left:0;right:0;z-index:60;
  background:var(--white);border:1px solid var(--grey-100);
  box-shadow:0 24px 40px -24px rgba(11, 11, 15, 0.35);
  max-height:min(60vh, 480px);overflow:auto;
  text-align:left;
}
.suggest__label{
  padding:10px 16px 4px;font-size:0.75rem;font-weight:700;
  letter-spacing:0.04em;text-transform:uppercase;color:var(--ink-muted);
}
.suggest__item,.suggest__all{
  display:block;padding:10px 16px;text-decoration:none;color:var(--ink);
}
.suggest__item:hover,.suggest__item.is-active,
.suggest__all:hover,.suggest__all.is-active{background:var(--grey-50)}
.suggest__title{display:block;font-weight:500}
.suggest__meta{display:block;font-size:0.8125rem;color:var(--ink-muted)}
.suggest__all{font-weight:700;border-top:1px solid var(--grey-100)}
.suggest__none{padding:14px 16px;color:var(--ink-muted)}

/* --- Results page --------------------------------------------------------- */
.results{display:grid;gap:clamp(24px, 3vw, 44px);max-width:82ch}
.results__item p{margin:0 0 0.75rem}
.results__title{
  font-family:var(--font-display);font-size:var(--step-h3);font-weight:700;
  line-height:1.2;margin:0 0 0.5rem;
}
.results__title a{text-decoration:none}
.results__title a:hover{text-decoration:underline}
.results__excerpt{max-width:66ch}
.results mark{background:rgba(var(--brand-rgb), .12);color:inherit;padding:0 .1em}