/* v180: helper screenshots and click-where guidance for Lesson 01 */
.bb-around .bb-helper-intro{margin:18px 0 14px;color:#6b315f;font:700 1.02rem/1.5 Georgia,serif}
.bb-around .bb-helper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 18px}
.bb-around .bb-helper-figure{margin:18px 0 10px}
.bb-around .bb-helper-grid .bb-helper-figure{margin:0}
.bb-around .bb-helper-figure__link{display:block;overflow:hidden;border:4px solid #d2a56b;border-radius:18px;background:#222;box-shadow:0 10px 24px rgba(37,12,45,.24);transition:transform .18s ease, box-shadow .18s ease}
.bb-around .bb-helper-figure__link:hover,.bb-around .bb-helper-figure__link:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(37,12,45,.32);outline-offset:3px}
.bb-around .bb-helper-figure__link img{display:block;width:100%;height:auto;background:#1f1f1f}
.bb-around .bb-helper-figure figcaption{margin:11px auto 0;max-width:76ch;text-align:center;color:#744863;font:.95rem/1.55 Georgia,serif}
.bb-around .bb-helper-figure--wide{max-width:980px;margin-left:auto;margin-right:auto}
@media(max-width:860px){.bb-around .bb-helper-grid{grid-template-columns:1fr}.bb-around .bb-helper-figure__link{border-width:3px;border-radius:14px}}