/* Keep card summaries and figures in normal flow as text wraps. */
#cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid #bdc5bc;background:#bdc5bc}
#cards>.flow-card:nth-child(n){display:flex;flex-direction:column;min-width:0;min-height:360px;padding:24px;border:0;background:var(--paper)}
#cards .card-icon{flex:0 0 auto}
#cards h3{min-height:2.4em;margin:36px 0 12px;line-height:1.2}
#cards p{margin:0;overflow-wrap:anywhere}
#cards p a{display:block;margin-top:10px;text-decoration:underline;text-underline-offset:3px}
#cards strong{position:static;left:auto;bottom:auto;display:block;margin-top:auto;padding-top:24px;min-height:110px;max-width:100%;overflow-wrap:anywhere}
#cards small{margin-top:6px;line-height:1.5}
@media(min-width:1400px){#cards{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1040px){#cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#cards{grid-template-columns:minmax(0,1fr)}#cards>.flow-card:nth-child(n){min-height:0}#cards h3{min-height:0;margin-top:24px}#cards strong{min-height:0}}