.hr-list-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.hr-list-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.hr-list-filter-pill{font-family:inherit;font-size:var(--hr-text-micro);border:1px solid var(--hr-line-strong);background:var(--hr-paper);color:var(--hr-ink);cursor:pointer;transition:background var(--hr-t-quick)var(--hr-ease),color var(--hr-t-quick)var(--hr-ease),border-color var(--hr-t-quick)var(--hr-ease);border-radius:99px;padding:8px 16px;font-weight:500}.hr-list-filter-pill:hover{background:var(--hr-surface)}.hr-list-filter-pill.is-active{background:var(--hr-ink);border-color:var(--hr-ink);color:var(--hr-paper)}.hr-list-search{border:1px solid var(--hr-line-strong);color:var(--hr-ink-faint);border-radius:99px;align-items:center;gap:8px;min-width:220px;padding:8px 14px;display:flex}.hr-list-search input{font-family:inherit;font-size:var(--hr-text-micro);color:var(--hr-ink);background:0 0;border:none;outline:none;width:100%}.hr-list-search input::placeholder{color:var(--hr-ink-faint)}.hr-list-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hr-list-card{color:var(--hr-ink);border:1px solid var(--hr-line);border-radius:var(--hr-radius-md);transition:border-color var(--hr-t-base)var(--hr-ease),transform var(--hr-t-base)var(--hr-ease);text-decoration:none;display:block;overflow:hidden}.hr-list-card:hover{border-color:var(--hr-line-strong);transform:translateY(-2px)}.hr-list-card-image{aspect-ratio:3/2;background:var(--hr-surface);width:100%;position:relative}.hr-list-card-content{flex-direction:column;gap:8px;padding:20px;display:flex}.hr-list-card-category{font-size:var(--hr-text-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--hr-accent-ink);font-weight:500}.hr-list-card-title{margin:0;font-size:17px;font-weight:500;line-height:1.4}.hr-list-no-results{text-align:center;color:var(--hr-ink-faint);padding:64px 0}@media (max-width:1024px){.hr-list-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hr-list-grid{grid-template-columns:1fr}.hr-list-search{width:100%;min-width:0}.hr-list-filters{flex-direction:column;align-items:stretch}}