/* Retain existing rightArea / more layout; only constrain this component. */
.scripture-recommendations-component{min-width:0}
.scripture-recommendations-component img{max-width:100%;height:auto}
.scripture-recommendations-component .inner-right,.scripture-recommendations-component .col-7{min-width:0;overflow-wrap:anywhere}
.scripture-recommendations-component a.seeMore{display:inline-block;max-width:100%;white-space:nowrap;text-decoration:none}
.scripture-recommendations-component .scripture-more{text-align:center;margin-top:20px}