/* v187: page-scoped Lesson 05 visual refresh; other pages untouched. */
.bb-loops-makeover .bb-around-banner img{display:block;max-width:100%;height:auto}
.bb-loops-makeover .bb-around-hero{align-items:stretch}
.bb-loops-makeover .bb-cheatsheet-grid article{min-width:0}
.bb-loops-makeover .bb-helper-figure{max-width:100%;margin-top:25px;margin-bottom:25px}
.bb-loops-makeover .bb-helper-figure figcaption{max-width:78ch;line-height:1.6}
.bb-loops-makeover .bb-lesson{scroll-margin-top:20px}
.bb-loops-makeover .bb-breadcrumb{position:relative;z-index:1}
.bb-loops-makeover .bb-welcome--framed .bb-before-grid>div{min-width:0}
.bb-loops-makeover .bb-welcome--framed .bb-before-grid>div p{line-height:1.75}
.bb-loops-makeover .bb-before-grid .bb-side-note{min-width:0}
.bb-loops-makeover .bb-around-jump a{min-width:0}
.bb-loops-makeover .bb-around-jump{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bb-loops-makeover .bb-mini-panel h2{font-size:clamp(1.35rem,2.1vw,1.72rem)}
@media(max-width:840px){.bb-loops-makeover .bb-around-jump{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.bb-loops-makeover .bb-around-jump{grid-template-columns:1fr}.bb-loops-makeover .bb-helper-figure{margin:15px 0}.bb-loops-makeover .bb-cheatsheet-grid{grid-template-columns:1fr}}