/* Publication coverage for the MQube customer story. */
.customer-coverage { margin-top: 3rem; }
.customer-page .customer-coverage h2 { margin: 0; font: 500 1.25rem/1.3 var(--font-text); letter-spacing: -0.025em; }
.customer-page .customer-coverage-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: 1.25rem; padding: 0; list-style: none; }
.customer-coverage-list li {
  display: grid;
  flex: 0 1 calc((100% - 2rem) / 3);
  min-width: 0;
  place-items: center;
  overflow: hidden;
  min-height: 6rem;
  padding: 0;
  border: 1px solid var(--notes-line-soft);
  border-radius: var(--radius-card);
  background: var(--panel);
  color: var(--notes-muted);
  font-size: 0.875rem;
  text-align: center;
}
.customer-coverage-list li + li { margin: 0; }
.customer-coverage-list a { display: grid; place-items: center; width: 100%; min-height: 6rem; padding: 1rem; border-radius: inherit; transition: background-color 180ms ease; }
.customer-coverage-list a:hover { background-color: rgba(221, 220, 214, 0.38); }
.customer-coverage-list a:focus-visible { outline: 2px solid var(--navy); outline-offset: -3px; }
.customer-coverage-list img { display: block; width: 100%; height: 3rem; object-fit: contain; mix-blend-mode: multiply; }
.customer-coverage-list .coverage-logo-intermediary { object-fit: cover; transform: scale(1.6); }
.customer-coverage-list .coverage-logo-fintech-magazine { filter: brightness(0); }

@media (max-width: 560px) {
  .customer-coverage-list li { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .customer-coverage-list a { transition: none; }
}