.cards{grid-template-columns:repeat(auto-fit,220px);justify-content:start;gap:36px}
.directory-layout>div,.cards{min-width:0}
.card{width:220px;justify-self:start;padding:11px}
.avatar{width:196px;height:182px;align-self:center;overflow:hidden}
.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:30px 0}
.pagination button{min-width:44px;min-height:44px;padding:0 11px;border:1px solid #d8e1e7;border-radius:6px;background:#fff;color:#41505c;font:500 13px 'DM Sans',sans-serif;cursor:pointer}
.pagination button.active{border-color:#c77c19;background:#f9a839;color:#24313a;font-weight:700;box-shadow:0 0 0 2px #f9a83955}
.pagination button:disabled{opacity:.4;cursor:not-allowed}
.pagination span{display:grid;min-width:24px;min-height:44px;place-items:center;color:#8b98a4}
@media(max-width:1050px){.cards{grid-template-columns:repeat(auto-fit,220px);gap:24px}}
@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{width:auto;min-width:0}.avatar{width:100%;height:190px}}
@media(min-width:521px) and (max-width:527px){.cards{grid-template-columns:235px;justify-content:center}}
@media(max-width:520px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.card{width:auto;min-width:0;justify-self:stretch;padding:8px}.avatar{width:100%;height:auto;aspect-ratio:1.08/1}.card h3{min-height:33px;margin:7px 0 3px;font-size:13px;line-height:1.25}.batch{margin:8px 0 5px;padding:4px 8px;font-size:11px}.chip{min-width:0;min-height:24px;margin-top:4px;padding:4px 5px;font-size:10px;line-height:1.22;overflow-wrap:anywhere}.chip img{width:12px;height:12px;flex:0 0 auto}}