/* v189 — Lesson 07 visual makeover; original other pages remain untouched. */
.bb-materials.bb-around-makeover .bb-around-hero{grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);gap:22px;align-items:stretch}
.bb-materials.bb-around-makeover .bb-around-hero.bb-hero{background:linear-gradient(145deg,#fff9ef,#f5e0c1 64%,#ecd1a6)}
.bb-materials .bb-mini-panel kbd{font-size:.86rem}
.bb-materials .bb-cheatsheet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-materials .bb-cheatsheet-grid article{min-width:0}
.bb-materials .bb-cheatsheet-grid kbd{font:700 .88rem Georgia,serif;white-space:normal;overflow-wrap:anywhere}
.bb-materials .bb-before-grid .bb-trust{font-size:.91rem}
.bb-materials .bb-helper-grid{margin:23px 0 24px}
.bb-materials .bb-helper-figure figcaption{font-size:.95rem}
.bb-materials .bb-helper-figure{max-width:100%}
.bb-materials .bb-lesson > .bb-helper-figure{margin-top:24px;margin-bottom:24px}
.bb-materials .bb-lesson > .bb-helper-grid{max-width:100%}
@media(max-width:900px){.bb-materials.bb-around-makeover .bb-around-hero{grid-template-columns:1fr}.bb-materials .bb-cheatsheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.bb-materials .bb-helper-grid{grid-template-columns:1fr}}
@media(max-width:530px){.bb-materials .bb-cheatsheet-grid{grid-template-columns:1fr}.bb-materials .bb-mini-panel h2{font-size:1.5rem}}