.afterActionFigure { margin: 36px 0 48px; }
.afterActionArtwork { border-radius: 16px; overflow: hidden; background: #f5f7f3; }
.afterActionFigure .afterActionHeading { background: #193940; color: #fff; padding: 28px; }
.afterActionFigure .afterActionHeading h3 { color: #fff; font-size: clamp(26px, 3vw, 38px); line-height: 1.15; margin: 16px 0; }
.afterActionFigure .afterActionHeading p { color: #fff; margin: 0; }
.afterActionFigure .afterActionHeading p:first-child { color: #ffb29b; font-size: 13px; font-weight: 700; letter-spacing: .04em; }
.afterActionCards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; padding: 24px; }
.afterActionFigure .afterActionCard h4 { margin: 0 0 14px; color: #193940; font-size: 19px; line-height: 1.35; }
.afterActionCard h4 span { color: #a9422c; font-size: 15px; padding-right: 6px; }
.afterActionCard > svg { display: block; width: 100%; height: auto; border-radius: 8px; }
#hands-feet-block-ins .afterActionCard > svg { aspect-ratio: 8 / 5; background: #f1f3ef; }
.afterActionFigure .afterActionCard p { color: #3e585e; font-size: 15px; line-height: 1.6; margin: 14px 0 0; }
.afterActionFigure figcaption { font-size: 15px; line-height: 1.6; color: #476066; margin-top: 14px; max-width: 72ch; }
.afterActionFigure figcaption a { color: #16648b; text-underline-offset: 3px; }
@media (max-width: 600px) {
  .afterActionCards { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 18px; }
  .afterActionFigure .afterActionHeading { padding: 22px; }
}