/* Shared rows keep dividers aligned even when descriptions wrap differently. */
#smart .smart-visual-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:0}
#smart .smart-visual-summary>article{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0;min-width:0}
#smart .smart-visual-summary .smart-diagram{width:100%;aspect-ratio:3 / 2;height:auto;object-fit:contain;align-self:start}
#smart .smart-visual-summary .smart-description{margin:0 0 24px;font-size:17px;line-height:1.9}
#smart .smart-visual-summary .individual-outcome{align-self:stretch}
#smart .smart-visual-summary .text-link{margin-top:0;align-self:end}
@media(max-width:760px){
#smart .smart-visual-summary{grid-template-columns:1fr;row-gap:24px}
#smart .smart-visual-summary>article{grid-template-rows:auto auto auto auto auto auto;grid-row:auto}
}

/* Keep complete heading phrases together, sized to each card's width. */
#smart .smart-visual-summary>article{container-type:inline-size}
#smart .smart-visual-summary h3{font-size:min(28px,7.3cqw)}
#smart .smart-visual-summary .keep-heading-line{white-space:nowrap}
#smart .benefit-labels span{white-space:nowrap}

/* All three cards share label typography, spacing and natural wrapping. */

#smart .benefit-labels strong{border:0;padding:0;margin:0;font-size:inherit;line-height:inherit;color:inherit}
#smart .smart-visual-summary .benefit-figure{display:flex;flex-direction:column;justify-content:space-between}
#smart .smart-visual-summary .smart-description{align-self:stretch;margin-top:0}