/* Lesson 06: local illustrations and layout; no changes to the shared design. */
.bb-modifiers .bb-around-hero h1{font-size:clamp(2.1rem,4.15vw,4.2rem)}
.bb-modifiers .bb-around-jump{grid-template-columns:repeat(6,minmax(0,1fr))}
.bb-modifiers .bb-welcome a{color:#7b2d73;font-weight:bold}
.bb-modifiers .bb-lesson p,.bb-modifiers .bb-lesson li{overflow-wrap:break-word}
.bb-mods-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:23px 0 8px}
.bb-mods-visual{min-width:0;background:linear-gradient(145deg,#4b2656,#653a73);color:#fff0d9;border:3px ridge #dbae6b;border-radius:16px;box-shadow:inset 0 0 0 3px #f8d8b11f;padding:14px 11px;text-align:center}
.bb-mods-visual svg{display:block;width:100%;height:154px;max-width:290px;margin:auto}
.bb-mods-visual h3{font:700 1.45rem/1.25 Georgia,serif;color:#ffdaa1;margin:6px 0}
.bb-mods-visual p{font:1rem/1.5 Georgia,serif;margin:0}
.bb-mods-note{background:linear-gradient(135deg,#f8e8ca,#eed2a9);border-left:6px solid #a96b3d;padding:15px 19px;border-radius:12px;margin:19px 0;line-height:1.63}
.bb-mods-project{background:radial-gradient(ellipse at 52% 48%,#604573,#321b3e);color:#ffe5b9;border:3px ridge #d5a36a;border-radius:19px;margin:24px 0;padding:13px;text-align:center}
.bb-mods-project svg{width:100%;max-width:650px;height:auto;display:block;margin:auto}
.bb-mods-project p{font:italic .95rem Georgia,serif;margin:3px 0 7px}
.bb-mods-faq{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.bb-modifiers .bb-around-jump{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.bb-mods-visuals{grid-template-columns:1fr}.bb-mods-visual{display:grid;grid-template-columns:155px minmax(0,1fr);gap:6px 13px;align-items:center;text-align:left}.bb-mods-visual svg{grid-row:span 2;height:120px}.bb-mods-visual h3{margin:0;align-self:end}.bb-mods-visual p{align-self:start}.bb-mods-faq{grid-template-columns:1fr}.bb-modifiers .bb-around-jump{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.bb-mods-visual{grid-template-columns:110px minmax(0,1fr);gap:3px 9px}.bb-mods-visual svg{height:96px}.bb-mods-visual h3{font-size:1.15rem}.bb-mods-visual p{font-size:.91rem}.bb-modifiers .bb-around-jump{grid-template-columns:1fr}.bb-modifiers .bb-around-hero h1{font-size:clamp(2rem,8vw,3.2rem)}}