/* Provider brand row.
   NOTE ON LOGOS: official vendor marks, downloaded from each vendor's own
   brand resources (site favicons, GitHub's brand kit, Simple Icons where the
   vendor publishes there) to assets/brand/logos/. Use is nominative — to show
   compatibility, not endorsement — and each page carrying them keeps the
   no-affiliation disclaimer. Do not recolour, stretch or restyle the marks. */

.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));
  gap:var(--s-3);margin:var(--s-8) 0 var(--s-4)}
.brand{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}
.brand:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}
.brand svg{width:26px;height:26px;flex:0 0 auto;display:block}
.brand div{min-width:0;display:flex;flex-direction:column;gap:2px}
.brand b{font-size:15.5px;line-height:1.25;letter-spacing:-0.01em}
.brand span{font-size:12.5px;color:var(--muted);line-height:1.35;font-family:var(--mono)}
.brand .pill{align-self:flex-start;margin-top:3px}

/* Compact variant for the homepage strip */
.logo-strip{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3);margin-top:var(--s-6);
  padding:0;list-style:none}
.logo-strip li{display:flex;align-items:center;gap:var(--s-2);padding:7px var(--s-3);
  border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);
  font-size:13.5px;color:var(--ink)}
.logo-strip svg{width:17px;height:17px;flex:0 0 auto;display:block}

@media (max-width:600px){
  .logo-grid{grid-template-columns:minmax(0,1fr)}
}