/* Local to Asset Studio. Preserve the official SVGs, including their clear space. */
.provider-strip {
  margin-top: 2rem;
  padding: 1.25rem 0;
  border-block: 1px solid var(--line);
}

.provider-strip h2 {
  margin: 0 0 .75rem;
  color: var(--ink);
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}

.provider-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.provider-entry {
  min-width: 0;
  padding-inline: .5rem;
  text-align: center;
}

.provider-entry + .provider-entry { border-left: 1px solid var(--line); }

.provider-logo-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 76px;
}

.provider-name {
  color: var(--ink);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* OpenAI's original padded canvas contains a roughly 38px visible Blossom. */
.provider-logo { height: auto; flex-shrink: 0; }
.provider-logo-openai { width: 76px; }
.provider-logo-google { width: 36px; }
.provider-logo-grok { width: 64px; }
/* Keep Meta's complete blue/dark lockup readable without recoloring its pixels. */
.provider-logo-meta { width: 136px; }
html[data-theme="dark"] .provider-logo-meta { background: #fff; }
.provider-logo-dark { display: none; }
html[data-theme="dark"] .provider-logo-light { display: none; }
html[data-theme="dark"] .provider-logo-dark { display: block; }

.provider-model { margin: .25rem 0 0; color: var(--muted); font-size: .8125rem; line-height: 1.5; }
.provider-strip + .hero-media { margin-top: 1.75rem; }
.provider-attribution { max-width: 90ch; }

@media (max-width: 600px) {
  .provider-list { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.25rem; }
  .provider-entry:nth-child(3) { border-left: 0; }
}