.audience-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.audience-grid article {
  min-height: 230px;
  padding: 22px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background:
    radial-gradient(circle at 24px 24px, rgb(242 184 75 / 18%), transparent 42px),
    linear-gradient(180deg, var(--color-surface-raised), var(--color-surface));
  box-shadow: var(--shadow-soft);
}

.audience-grid p {
  color: var(--color-muted-text);
}

@media (max-width: 1040px) {
  .audience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .audience-grid {
    grid-template-columns: 1fr;
  }
}