/* v183: Lesson 04 illustrated makeover; loaded only by this tutorial */
.bb-shaping.bb-around-makeover .bb-around-banner{margin:10px 0 24px}
.bb-shaping.bb-around-makeover .bb-around-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px}
.bb-shaping.bb-around-makeover .bb-hero-stack{align-content:center}
.bb-shaping.bb-around-makeover .bb-helper-figure{max-width:100%;}
.bb-shaping .bb-before-grid>.bb-side-note{min-width:0}
.bb-shaping .bb-lesson>.bb-helper-figure{margin-top:22px;margin-bottom:22px}
.bb-shaping .bb-steps~.bb-helper-figure{margin-bottom:26px}
.bb-shaping .bb-steps>.bb-helper-figure{list-style:none;counter-increment:none;margin:20px 0 18px 0}
.bb-shaping .bb-steps>.bb-helper-figure figcaption{font-size:.93rem}
.bb-shaping .bb-cheatsheet{margin-top:26px}
.bb-shaping .bb-shaping-project{margin-bottom:20px}
.bb-shaping .bb-section-head{margin-bottom:21px}
.bb-shaping .bb-helper-figure__link{background:#292932}
@media(max-width:900px){.bb-shaping.bb-around-makeover .bb-around-hero{grid-template-columns:1fr}}
@media(max-width:600px){.bb-shaping .bb-before-grid{grid-template-columns:minmax(0,1fr)}.bb-shaping .bb-cheatsheet-grid{grid-template-columns:1fr}}