.search-hero{display:grid;gap:14px}
#resultsGrid.cards{gap:12px}
.section-chips{margin:10px 0 6px}
.popular-links{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;font-size:12.5px;color:var(--muted,#64748b);margin-top:6px;line-height:1.5}
.popular-links span{margin-right:0}
.popular-links button{appearance:none;border:none;background:none;padding:0;color:var(--accent,#3366ff);text-decoration:none;margin:0;cursor:pointer;font:inherit}
.popular-links button:hover{text-decoration:underline}
.page-status{padding:16px 18px}
.page-status.is-hidden{display:none}
.page-status .ask-assistant-link{appearance:none;border:none;background:none;color:var(--color-primary,var(--accent,#2563eb));font:inherit;font-weight:700;padding:0;margin-left:6px;cursor:pointer}
.page-status .ask-assistant-link:hover{text-decoration:underline}
.search-syntax-hint{margin:-5px 0 0;color:var(--muted,#64748b);font-size:11px;line-height:1.4}
.search-syntax-hint code{font:inherit;color:var(--text,#111827);background:none}
mark.search-hit{background:color-mix(in srgb,var(--color-primary,var(--accent,#2563eb)) 18%,transparent);color:inherit;border-radius:4px;padding:0 .12em}
@media (max-width:767px){
  .search-hero{gap:7px}
  #resultsGrid.cards{gap:8px}
}

/* Search is a scan-oriented result list, not a second copy of the homepage
   catalogue.  These page-local rules deliberately win over wide global grids. */
#resultsGrid .card.card-link{
  min-height:0;
  padding:14px 34px 14px 0;
  gap:6px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

#resultsGrid .card.card-link:hover{
  transform:none;
  border-color:var(--accent-border);
  background:transparent;
  box-shadow:none;
}

#resultsGrid .card h3{font-size:16px;line-height:1.32}
#resultsGrid .card > p{flex:none;margin:0;font-size:13px;line-height:1.5;-webkit-line-clamp:2}
#resultsGrid .card > a{margin-top:1px;padding-top:0;font-size:12px}

@media (min-width:900px){
  #main-content #resultsGrid.cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:30px;
    row-gap:0;
  }
}

@media (min-width:1440px){
  #main-content #resultsGrid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}