/* search.html: page-only parts on top of site.css + listing.css (tokens only, prefix sr-) */

.sr-finder{max-width:34rem;margin-top:1.1rem;padding-block:.4rem}
.sr-finder input{font-size:1.05rem;font-weight:600}
.sr-lede{font-size:1rem;color:var(--muted)}
.sr-hero .rp-phero__art{width:min(100%,20rem)}
@media (max-width:899px){.sr-hero .rp-phero__art{display:none}}

/* results + help column */
.sr-layout{display:grid;gap:2rem;padding-block:clamp(1.25rem,1rem + 1.5vw,2rem) var(--sec)}
.sr-main{min-width:0}
@media (min-width:1024px){.sr-layout{grid-template-columns:minmax(0,1fr) 18.5rem;gap:2.75rem;align-items:start}.sr-side{position:sticky;top:6rem}}

.sr-group{display:flex;align-items:center;gap:.45rem;margin-top:1rem;padding-top:.4rem;font:700 .95rem var(--display);color:var(--muted);text-transform:none;scroll-margin-top:6rem}
.sr-group:first-child{margin-top:0}
.sr-group .rp-ic{color:var(--act)}
.sr-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.sr-best{display:inline-flex;align-items:center;padding:.18rem .6rem;border-radius:8px;background:var(--night);color:var(--moon);font:700 .78rem/1.4 var(--body)}
.sr-top{border-color:var(--lilac);box-shadow:var(--sh-2)}
.rp-sr .rp-sr__title{font-size:1.1rem;line-height:1.3}

.sr-empty{margin-top:1.75rem}
.sr-empty__title{font-size:1.3rem}
.sr-empty p{max-width:30rem;color:var(--muted)}
.sr-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}

/* help widgets */
.sr-side{display:grid;gap:1rem;align-content:start}
.sr-widget{padding:1rem 1.05rem;border-radius:var(--r-m);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.sr-widget__title{display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem;font:700 1.02rem var(--display);color:var(--ink)}
.sr-widget__title .rp-ic{color:var(--act)}
.sr-related{padding:0;background:none}
.sr-needs{display:grid;gap:.45rem}
.sr-needs a{display:grid;grid-template-columns:2.2rem minmax(0,1fr);column-gap:.65rem;align-items:center;min-height:2.9rem;padding:.4rem .55rem;border-radius:12px;background:var(--ground);color:var(--ink);font-weight:700;font-size:.94rem;line-height:1.25;text-decoration:none}
.sr-needs a:hover{background:var(--act-tint);color:var(--act)}
.sr-needs small{grid-column:2;font-weight:500;font-size:.82rem;color:var(--muted)}
.sr-needs__ico{grid-row:span 2;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:10px;background:#fff;color:var(--act)}

.sr-layout{grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){.sr-layout{grid-template-columns:minmax(0,1fr) 18.5rem}}
.sr-side{min-width:0}
/* phones: one compact chip row per result */
@media (max-width:479px){.sr-meta .rp-fresh{display:none}.sr-meta{gap:.3rem}.sr-meta .rp-kind,.sr-best{padding:.12rem .5rem}}
.sr-method{margin-top:.8rem}