/* v194 — Lesson 10 visual makeover, scoped to this lesson only. */
.bb-lesson-ten .bb-around-banner img{width:100%;height:auto;display:block}
.bb-lesson-ten .bb-around-hero{align-items:stretch}
.bb-lesson-ten .bb-hero-stack{display:grid;gap:15px}
.bb-lesson-ten .bb-welcome--framed{padding:28px 30px}
.bb-lesson-ten .bb-welcome--framed>p{max-width:90ch}
.bb-lesson-ten .bb-cheatsheet{margin:28px 0 26px}
.bb-lesson-ten .bb-cheatsheet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-lesson-ten .bb-cheatsheet-grid kbd{font-size:.92rem}
.bb-lesson-ten .bb-ten-split{grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:25px}
.bb-lesson-ten .bb-ten-split>img{max-height:260px;object-fit:contain}
.bb-lesson-ten .bb-ten-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 9px}
.bb-lesson-ten .bb-ten-help-grid figure{min-width:0;margin:0}
.bb-lesson-ten .bb-ten-help-grid img{display:block;width:100%;height:auto}
.bb-lesson-ten .bb-ten-help-grid figcaption{font-size:.95rem;line-height:1.55;text-align:left;margin:10px 3px 0;color:#6c3b61}
.bb-lesson-ten .bb-ten-help-hint{font-size:.9rem;color:#865e72;margin:2px 0 12px;font-style:italic}
.bb-lesson-ten .bb-lesson{background:linear-gradient(150deg,#fffaf1,#f7e5c9 68%,#efcfab);box-shadow:0 12px 28px #22072b24}
.bb-lesson-ten .bb-ten-project .bb-ten-practice article{box-shadow:inset 0 0 0 3px #fff8e8,0 7px 18px #421a4b16}
.bb-lesson-ten .bb-ten-troubleshooting{margin:22px 0 26px;padding:26px 28px;border:4px ridge #c99d60;border-radius:22px;background:linear-gradient(150deg,#fffaf1,#f4dfbd);box-shadow:0 10px 24px #210c2d25}
.bb-lesson-ten .bb-reference{margin:22px 0}
@media(max-width:850px){.bb-lesson-ten .bb-around-hero{grid-template-columns:1fr}.bb-lesson-ten .bb-ten-help-grid{grid-template-columns:1fr}.bb-lesson-ten .bb-cheatsheet-grid{grid-template-columns:1fr 1fr}}
@media(max-width:590px){.bb-lesson-ten .bb-ten-help-grid{gap:20px}.bb-lesson-ten .bb-welcome--framed{padding:23px 19px}.bb-lesson-ten .bb-ten-troubleshooting{padding:22px 17px}.bb-lesson-ten .bb-cheatsheet-grid{grid-template-columns:1fr}.bb-lesson-ten .bb-ten-split{grid-template-columns:1fr}.bb-lesson-ten .bb-ten-split>img{max-width:265px;max-height:265px;margin:0 auto}}