/* 13-branding-grid.css — Branding-Grid
   Teil von css/living-canvas (aufgeteilt). Ladereihenfolge = Dateiname.
   Siehe docs/components/ fuer die Zuordnung Sektion -> Datei. */
/* 18. Branding Grid */
.branding-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 22px;
  margin-top: 10px;
}
.pill {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--radius-chip);
  background: rgba(185, 216, 214, 0.25);
  color: var(--teal-d);
}