/* Home hero popular-problem chips. The search bar itself is the shared component (/system.css, "Search bar"). */
.hs{position:relative;max-width:680px;margin:0 auto;text-align:left}
.hs-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:22px auto 0;padding:0;max-width:680px}
.hs-chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#fff;font-size:14px;text-decoration:none;transition:background .15s,border-color .15s}
.hs-chips a:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55)}

@media(max-width:700px){
 .hs-chips{gap:8px;margin-top:18px}
 .hs-chips a{min-height:44px;padding:0 14px}
}
@media(prefers-reduced-motion:reduce){.hs-chips a{transition:none}}