/* =========================================================
   MCCD Cards/Grid — Baseline (2024-09-29)
   Purpose: define tokens, default card look, and shared grid CSS.
   The finalizer (2024-10-02) sits on top to win specificity and
   neutralize legacy wrappers, but expects these tokens/styles.
   ========================================================= */

/* -------------------- Tokens -------------------- */
:root{
  /* Homepage tile background resolves to rgb(238, 246, 241) */
  --mccd-card-bg: var(--green-050, #eef6f1);

  /* Card box */
  --mccd-card-pad: 24px;
  --mccd-card-radius: var(--radius, 14px);
  --mccd-card-border: 1px solid var(--gray-200, #e5e7eb);

  /* Typography inside cards (matches homepage) */
  --mccd-h-size: 24px;
  --mccd-h-weight: 700;
  --mccd-h-lh: 1.6;
  --mccd-h-color: rgb(19, 94, 59);
  --mccd-h-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

  --mccd-p-size: 16px;
  --mccd-p-weight: 400;
  --mccd-p-lh: 1.6;
  --mccd-p-color: rgb(59, 59, 59);
  --mccd-p-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* -------------------- Grid wrappers -------------------- */
/* Baseline sets sensible defaults; finalizer will enforce with higher specificity */
.cards,
.grid,
#shortcut-grid{
  display: grid;
  gap: 1.25rem; /* 20px */
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items: stretch;
  white