/* Approved felt illustrations: selected scenes beside headings, with reading and
   urgent routes first. The heading alone shares a row with the picture. */
.support-illustration{
 display:block;
 width:8rem;
 height:8rem;
 object-fit:contain;
 mix-blend-mode:multiply;
 -webkit-mask-image:radial-gradient(ellipse at center,#000 64%,transparent 78%);
 mask-image:radial-gradient(ellipse at center,#000 64%,transparent 78%);
}
.illustrated-heading{
 display:grid;
 grid-template-columns:minmax(0,1fr) 8rem;
 align-items:center;
 gap:.5rem;
 margin:1.5rem 0 .5rem;
}
.illustrated-heading>:is(h2,h3){margin:0;min-width:0}
/* New section scenes retain their whole 3:2 composition, including props. */
.illustrated-heading.illustrated-heading--scene>.support-illustration{
 height:auto;
 -webkit-mask-image:none;
 mask-image:none;
}
.illustrated-heading.illustrated-heading--scene>:is(h2,h3){margin:0}
.friend-picker>.illustrated-heading{margin:0 0 1rem}
.tools-hub-grid .module-card--illustrated{padding-left:1.2rem}
.module-card--illustrated>.card-icon{display:none}
.module-card .illustrated-heading--card{margin:0 0 .25rem}
.illustrated-heading--activity{grid-template-columns:minmax(0,1fr) 7.5rem}
.illustrated-heading--activity .support-illustration{width:7.5rem;height:7.5rem}
.home-page .home-everyday-heading,.home-page .home-services-heading{margin:-.25rem 0 .25rem}
.home-page .home-services-heading .support-illustration{
 height:auto;
 -webkit-mask-image:none;
 mask-image:none;
}
.home-page .home-intro-illustration{display:none}
@media screen and (min-width:1101px){
 /* Use the existing space to the right; the image never sets hero height. */
 .home-page .home-intro{position:relative;padding-right:21rem}
 .home-page .home-intro-illustration{
  display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:19rem;height:100%;max-height:19rem;
 }
 .home-page .home-everyday-heading{display:block;margin:0}
 .home-page .home-everyday-heading .support-illustration{display:none}
 .illustrated-heading{grid-template-columns:minmax(0,1fr) 10rem}
 .illustrated-heading .support-illustration{width:10rem;height:10rem}
 .illustrated-heading--activity{grid-template-columns:minmax(0,1fr) 9rem}
 .illustrated-heading--activity .support-illustration{width:9rem;height:9rem}
}
@media screen and (max-width:370px){
 .illustrated-heading{grid-template-columns:minmax(0,1fr) 6.75rem}
 .illustrated-heading .support-illustration{width:6.75rem;height:6.75rem}
 .illustrated-heading--activity{grid-template-columns:minmax(0,1fr) 6.5rem}
 .illustrated-heading--activity .support-illustration{width:6.5rem;height:6.5rem}
}
@media print{
 .support-illustration{display:none!important}
 .illustrated-heading{display:block;margin:1rem 0 .5rem}
 .module-card .illustrated-heading--card{margin:0}
 .home-page .home-everyday-heading,.home-page .home-services-heading{margin:0}
}