/* Official app glyphs stay unmodified; their bare blue silhouette leads the heading. */
#how .bs-heading-icon{
  display:grid;place-items:center;
  width:var(--heading-icon-size,2.36em);height:var(--heading-icon-size,2.36em);
  flex:none;
}
#how .bs-heading-icon > svg{display:block;width:100%;height:100%;color:inherit}
#how[data-layout="3"] .bs-heading-icon{color:var(--free,#2f6bff)}
/* A deeper OpenCal blue keeps the heading readable on the frosted painting. */
#how[data-layout="3"] .bs-copy h3{color:#1945b8}
/* Stable mobile width avoids an icon/heading wrap feedback loop. */
@media(max-width:600px){
  #how .bs-copy h3{grid-template-columns:2.36em minmax(0,1fr)}
  #how .bs-heading-icon{width:2.36em;height:2.36em}
}