/* =====================================================================
   pages/search.css — search-page-only rules.
   Base page-hero, tagrow, pagination all live in common.css.
   ===================================================================== */

/* Narrow centred reading width */
.container-narrow{max-width:920px}

body.skin .search-hero {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}

body.skin .search-hero p.lede,
body.skin .search-hero .lede {
  color: rgba(255, 255, 255, .9) !important;
}
body.skin .search-hero .crumbs,
body.skin .search-hero .crumbs a {
  color: #fff !important;
}

/* Search bar — pill shape with input + button */
.search-bar{
  display:flex;gap:8px;align-items:center;
  background:#fff;border:1.5px solid var(--sp-line);border-radius:14px;
  padding:8px 8px 8px 18px;box-shadow:var(--sp-shadow);
  margin-bottom:24px;
}
.search-bar .icn{color:var(--sp-muted);font-size:18px;display:flex;align-items:center}
.search-bar input{flex:1;border:none;outline:none;background:none;font-size:16px;padding:8px 0;font-family:inherit;color:var(--sp-text)}
.search-bar .btn{flex-shrink:0}

.tagrow-spaced{margin-top:18px}

.results-meta{font-size:13px;color:var(--sp-muted);margin-top:6px;margin-bottom:12px}
.results-meta--spaced{margin-top:18px}
.results-meta strong{color:var(--sp-secondary-d)}

/* Search-result cards */
.search-list{display:flex;flex-direction:column;gap:14px}
.search-item{background:#fff;border:1px solid var(--sp-line);border-radius:12px;padding:22px;transition:.2s;display:block}
.search-item:hover{border-color:var(--sp-primary);box-shadow:var(--sp-shadow-lg)}
.search-item .scope{
  display:inline-block;
  font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--sp-primary);background:rgba(0,128,129,.1);
  padding:3px 9px;border-radius:999px;margin-bottom:8px;
}
.search-item h3{font-size:16.5px;font-weight:700;color:var(--sp-secondary-d);margin-bottom:6px;line-height:1.4}
.search-item p{font-size:13.5px;color:var(--sp-muted);line-height:1.6}
.search-item p mark{background:rgba(245,158,11,.25);color:var(--sp-secondary-d);padding:0 3px;border-radius:3px}
.search-item .crumb{display:block;font-size:12px;color:var(--sp-primary);margin-top:8px;font-weight:600}

/* Empty-state CTA */
.search-empty-cta{
  margin-top:48px;padding:28px;
  background:#fff;border:1px solid var(--sp-line);
  border-radius:14px;text-align:center;
}
.search-empty-cta h3{font-size:16px;color:var(--sp-secondary-d);margin-bottom:8px}
.search-empty-cta p{font-size:14px;color:var(--sp-muted);margin-bottom:16px}
.search-list .search-empty-cta{margin-top:16px}
.search-help-card{margin-top:48px}
.search-empty-line{padding:24px 0;color:var(--sp-muted)}