/* ado-features.css — ADO batch 2026-06-12 page-scoped styles.
   Loaded LAST (after donna365.css) so these win. Page-scoped by body class.
   Owner: single subagent for this card group. Do NOT touch other ado-*.css files. */

/* ────────────────────────────────────────────────────────────────────────────
   CARD 901: Even feature-card grid
   Problem: row-gap is "normal" (0), cols are plain block so height:100% on the
   card does not resolve, and .feature-card-link has a fixed margin-top so CTA
   positions are ragged across cards of different content height.
   Fix: make each col a flex container so the card inside can fill it; push CTA
   to the bottom of the card with margin-top:auto; add explicit row-gap.
   ─────────────────────────────────────────────────────────────────────────── */
.page-features .feature-card-row > [class*="col-"] {
  display: flex;
}

.page-features .feature-card-row .benefits-card {
  flex: 1;
}

/* Push CTA link to card bottom (overrides donna365.css margin-top:18px). */
.page-features .feature-card-link {
  margin-top: auto;
  padding-top: 12px;
}

/* Consistent, comfortable row gap between the two rows of 3 cards. */
.page-features .feature-card-row {
  row-gap: 24px;
}

/* ────────────────────────────────────────────────────────────────────────────
   CARD 904: Dark band — spacing and text contrast
   Measured section bg via Playwright computed styles:
     Section:  rgb(13,17,23)  = #0d1117
     Card overlay: rgba(42,140,255,0.08) composited over section bg
     Effective card bg: rgb(15,26,41) = #0f1a29
   mt-40 utility class is undefined in base CSS; margin set here instead.
   Text colour: #e4e4e7 on #0f1a29 = 13.79:1  (WCAG AA threshold 4.5:1).
   ─────────────────────────────────────────────────────────────────────────── */

/* Space the note band away from the features-items above it. */
.page-features .features-note-row {
  margin-top: 48px;
}

/* Raise text contrast in note band.
   Effective bg hex: #0f1a29  |  Text: #e4e4e7  |  Ratio: 13.79:1 */
.page-features .features-note-row p {
  color: #e4e4e7 !important;
}