/* Icon badge SVG — size and recolor the injected markup (can't add classes to
   the generated <svg>). Badge carries text-green-dark, so currentColor renders
   stroke icons in brand green. Assumes line/stroke icons. */
.card-grid__icon svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
}

/* Accent word in the heading — `font-size`/`line-height: inherit` defeat the
   global `span { font-size }` reset in app.css (CSS-only exception per
   CLAUDE.md) so the word tracks the heading's size instead of dropping to the
   base text size. */
.card-grid__accent {
    font-size: inherit;
    line-height: inherit;
}

/* Accent word in the bottom subheading — `font-size`/`line-height: inherit`
   defeat the global `span { font-size }` reset in app.css (CSS-only exception
   per CLAUDE.md) so the word tracks the subheading's size instead of dropping
   to the base text size. */
.card-grid__subheading-accent {
    font-size: inherit;
    line-height: inherit;
}