.directory-tools{display:flex;align-items:center;gap:12px;margin:14px 0 8px}.directory-tools label{font-size:13px;font-weight:700;white-space:nowrap}.directory-tools select{flex:1;min-width:0;max-width:330px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:12px;font:inherit;font-size:13px;color:#18243b;min-height:44px}.roster-note{font-size:11px;color:#68758b;margin:10px 0 15px}.roster-card .card-cover{position:relative}.image-caption{position:absolute;bottom:8px;right:8px;padding:3px 6px;color:#fff;background:#132740b8;border-radius:5px;font-size:10px}.business-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.business-tags>span{padding:3px 7px;background:#edf2fb;border-radius:5px;font-size:11px;color:#3d587e;overflow-wrap:anywhere}.missing-data{color:#7b879b;font-size:11px}.roster-card .card-title>div{min-width:0}.roster-card .card-title h3{overflow-wrap:anywhere}.roster-card .shop-secondary{overflow-wrap:anywhere}.roster-card .location{align-items:flex-start;line-height:1.6}.roster-card .location svg{flex-shrink:0;margin-top:2px}.roster-card .card-desc{-webkit-line-clamp:3;min-height:0}.roster-cover{position:relative}.cover-caption{position:absolute;bottom:12px;right:12px;padding:6px 10px;color:white;background:#11243abf;border-radius:8px;font-size:11px}.roster-industries{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.detail-specialties{margin-top:12px}.pending-story{display:flex;gap:8px;color:#78869b;font-size:12px;align-items:center;padding:20px 0}.pending-story svg{width:16px;height:16px;fill:none;stroke:currentColor}.roster-card .card-bottom{flex-wrap:wrap}.roster-card .card-cover img{object-position:center}.roster-card .card-body{min-width:0}
@media(max-width:700px){.directory-tools{gap:8px}.directory-tools label{font-size:11px}.directory-tools select{font-size:12px}.roster-note{font-size:10px;line-height:1.7}.roster-card .business-tags{gap:4px;margin:8px 0}.roster-card .business-tags>span{font-size:9px;padding:2px 5px}.image-caption{font-size:8px;bottom:6px;right:6px}.roster-card .card-title{align-items:flex-start}.roster-card .merchant-avatar{margin-top:2px}.roster-card .card-title h3{line-height:1.55;letter-spacing:0}.roster-card .shop-secondary{font-size:9px;line-height:1.7}.roster-card .location{font-size:9px}.cover-caption{left:10px;right:auto;bottom:10px;font-size:10px}.pending-story{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}