/* search.css — results styling aligned with brand */
.search-results{ display:flex; flex-direction:column; gap:.6rem; }
.search-item{
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
}
.search-link{
  display:flex; gap:.9rem; align-items:flex-start; padding:.9rem;
  color:inherit; text-decoration:none;
}
.search-item:hover{ transform: translateY(-2px); box-shadow:0 16px 32px rgba(0,0,0,.10); }
.search-icon{
  flex:0 0 44px; height:44px; border-radius:12px; display:grid; place-items:center;
  background:var(--paper-2); border:1px solid rgba(0,0,0,.06);
}
.search-icon i{ font-size:1.2rem; color: var(--brand-700); }
.search-title{ font-weight:800; letter-spacing:-.01em; }
.search-title .badge{ background: var(--brand-700); color:#fff; }
.search-desc{ color: var(--muted-ink); margin-top:.15rem; }
mark{ background: #fde6f1; color: inherit; padding:.05em .2em; border-radius:.2em; }
.pill{
  display:inline-flex; align-items:center; gap:.35rem; padding:.45rem .8rem;
  border-radius:999px; background:#fff; border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 16px rgba(0,0,0,.06);
  text-decoration:none; color:var(--ink);
}
.pill:hover{ color: var(--brand-900); border-color: rgba(0,0,0,.12); }