/* ==========================================================================
   VDPL Next — Engagement models
   Imports nothing: the ticked list it shares with How We Work is duplicated
   here rather than cross-loaded, because a page should never depend on
   another page's stylesheet being present.
   ========================================================================== */

.e-model { display: flex; flex-direction: column; gap: var(--s-4); height: 100%; }

.e-model__icon {
  display: grid;
  place-items: center;
  width: 44px; height: 44px;
  border-radius: var(--r-sm);
  background: var(--c-accent-wash);
  color: var(--c-accent-text);
}

.e-model__for { display: flex; flex-direction: column; gap: var(--s-1); font-size: var(--t-sm); }

.e-model__caveat {
  display: flex;
  flex-direction: column;
  gap: var(--s-1);
  margin-top: auto;
  padding: var(--s-3) var(--s-4);
  border-radius: var(--r-sm);
  background: var(--c-warn-wash);
  color: var(--c-ink-2);
}