/* Business Directory — component styles. Shared primitives (.btn, .card,
   .badge, .logo-mark, .meta-list, .pagehead, .pagination, .empty-state,
   .advanced-search-*) and the profile-page shell (.company-hero,
   .company-heading, .company-layout, .company-about, .company-facts,
   .apply-facts) are already provided by jobs.css, loaded first. */

.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.business-card{background:var(--card);border:1px solid var(--hair);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow);transition:transform .22s,border-color .22s}
.business-card:hover{transform:translateY(-4px);border-color:var(--crimson)}
.business-card h3{font-family:var(--serif-display);font-size:20px;line-height:1.15;margin-top:4px}
.business-card h3 a:hover{color:var(--crimson)}
.business-card .deck{font-size:13.5px;color:var(--muted);line-height:1.5}
.business-card .btn{margin-top:auto;align-self:flex-start}

.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.team-card{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--cream);border-radius:6px}
.team-card .logo-mark{width:46px;height:46px;font-size:13px}
.team-card h4{font-family:var(--sans);font-size:13.5px;font-weight:700}
.team-card .role{font-family:var(--sans);font-size:11.5px;color:var(--muted);display:block;margin-top:2px}
.team-card p{font-size:12.5px;color:var(--muted);margin-top:6px}

.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block}

.chain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.chain-card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--hair);border-radius:6px}
.chain-card .logo-mark{width:44px;height:44px;font-size:13px}
.chain-card a{font-family:var(--sans);font-size:13px;font-weight:700}
.chain-card a:hover{color:var(--crimson)}

@media(max-width:900px){
  .business-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid,.chain-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .business-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
}