/* Define group colors as variables for reuse */
:root {
  --color-geospatial: #cce5ff;
  --color-data:       #fffacc;
  --color-ai:         #e5ccff;
  --color-domain:     #ccf5d6;
  --color-other:      #ffe8cc;
}

/* Topic section cards — all same color per group */
.grid.cards.group-geospatial > ul > li { background-color: var(--color-geospatial); }
.grid.cards.group-data        > ul > li { background-color: var(--color-data); }
.grid.cards.group-ai          > ul > li { background-color: var(--color-ai); }
.grid.cards.group-domain      > ul > li { background-color: var(--color-domain); }
.grid.cards.group-other       > ul > li { background-color: var(--color-other); }