.tsf-grid{display:grid;gap:1rem;margin:20px 0;padding:0;}
.tsf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tsf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tsf-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.tsf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.tsf-grid{grid-template-columns:1fr}}
.tsf-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}
.tsf-card-body{padding:0 1rem 1rem 1rem}
.tsf-card-title{margin:.5rem 0}
.tsf-card-desc{margin:.5rem 0 0}
.tsf-card-meta{margin:0;padding:.25rem 0 0}
.tsf-card-meta li{list-style:none}
.tsf-avatar{width:60%;height:auto;display:block;margin:1rem auto 0 auto;}
.tsf-avatar--placeholder{background:#f3f4f6;height:180px}
.tsf-group{margin:2rem 0}
.tsf-group-title{margin:0 0 1rem}
.tsf-note{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fafafa}
.tsf-search{margin:0 0 1rem}
.tsf-search-input{width:100%;padding:.6rem;border:1px solid #d1d5db;border-radius:.5rem}
.tsf-profile{display:grid;grid-template-columns:240px 1fr;gap:1.25rem}
.tsf-avatar--lg{border-radius:.75rem}
@media (max-width:700px){.tsf-profile{grid-template-columns:1fr}}