/* Only the integrated-operations template loads this file.
   Override only the body reading scale and card spacing; preserve the hero
   and site-wide navigation. Padding reserves room for the original artwork
   while allowing longer configured copy to grow each card naturally. */
#top.solution-page main>section:not(.sol-hero) h2{font-family:var(--type-font);font-size:36px;font-weight:600;line-height:1.35}
#top.solution-page main>section:not(.sol-hero) .sol-description{font-size:16px;font-weight:400}
#top.solution-page main :is(.sol-challenge-card,.sol-value-grid,.sol-related-card) h3{font-family:var(--type-font);font-size:22px;font-weight:600;line-height:1.4}
#top.solution-page .sol-challenge-card{min-height:clamp(400px,22.65625vw,435px);padding:24px 24px 200px}
#top.solution-page .sol-challenge-card .sol-number{margin-bottom:10px}
#top.solution-page .sol-challenge-card h3{margin-bottom:10px}
#top.solution-page .sol-challenge-card p{padding-bottom:0;margin:0;font-weight:400}
/* Whole-card artwork includes a blank upper text area. Contain preserves the
   original illustration's proportions without cropping it. Fade only the
   empty upper artwork area so its embedded frame does not cross the copy. */
#top.solution-page .sol-challenge-card .sol-card-backdrop{object-fit:contain;object-position:center bottom;background:#f8fbff;mask-image:linear-gradient(to bottom,transparent 40%,#000 52%)}
#top.solution-page .sol-value-grid article{min-height:clamp(400px,22.65625vw,435px);padding:24px 24px 220px;overflow:hidden}
#top.solution-page .sol-value-grid h3{margin-bottom:8px}
#top.solution-page .sol-value-grid p{margin:0;font-weight:400}
#top.solution-page .sol-value-grid .sol-value-art{inset:auto 0 0;width:100%;height:calc(100% - 24px);object-fit:contain;object-position:center bottom;margin:0}
#top.solution-page .sol-related-card{min-height:144px;padding:24px 30px;align-items:center}
#top.solution-page .sol-related-card h3{margin-bottom:8px}
@media(min-width:701px) and (max-width:1500px){
 #top.solution-page .sol-challenge-card{padding:20px 20px 190px}
 #top.solution-page .sol-value-grid article{padding:20px 20px 220px}
 #top.solution-page .sol-related-card{padding:22px 24px;min-height:136px}
}
@media(min-width:701px) and (max-width:1100px){
 #top.solution-page .sol-challenge-card,#top.solution-page .sol-value-grid article{min-height:400px;padding-left:16px;padding-right:16px}
}
@media(max-width:700px){
 #top.solution-page main>section:not(.sol-hero) h2{font-size:28px}
 #top.solution-page main :is(.sol-challenge-card,.sol-value-grid,.sol-related-card) h3{font-size:18px;line-height:1.4}
 #top.solution-page .sol-challenge-card{min-height:340px;padding:18px 15px 120px}
 #top.solution-page .sol-challenge-card .sol-number{margin-bottom:8px}
 #top.solution-page .sol-challenge-card h3{margin-bottom:8px}
 #top.solution-page .sol-challenge-card p,#top.solution-page .sol-value-grid p{font-size:14px;line-height:1.65;padding-bottom:0}
 #top.solution-page .sol-value-grid article{min-height:320px;padding:18px 15px 150px}
 #top.solution-page .sol-value-grid .sol-value-art{height:calc(100% - 18px)}
 #top.solution-page .sol-related-card{min-height:0;padding:18px;align-items:start}
}