/* v163: styles only for Lesson 04. All global and existing lessons remain unchanged. */
.bb-shaping .bb-welcome a,.bb-shaping .bb-lesson a{color:#7f286c;font-weight:700}
.bb-shaping .bb-around-jump{grid-template-columns:repeat(6,minmax(0,1fr))}
.bb-shaping .bb-lesson p,.bb-shaping .bb-lesson li{overflow-wrap:break-word}
.bb-shaping-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:17px 0 6px}
.bb-shaping-card{text-align:center;min-width:0;background:linear-gradient(153deg,#432348,#5d2e64);border:3px ridge #ddb273;box-shadow:inset 0 0 0 3px #e4b8753b;border-radius:17px;padding:16px 13px 20px;color:#fff3df}
.bb-shaping-drawing{display:grid;place-items:center;height:143px;margin-bottom:10px;border-radius:11px;background:radial-gradient(ellipse at center,#bd86b03c,transparent 68%)}
.bb-shaping-drawing svg{display:block;max-height:143px;width:100%;height:auto}
.bb-shaping-card h3{font:bold 1.52rem/1.2 Georgia,serif;color:#ffe0ab;margin:0 0 11px}
.bb-shaping-card p{font:1rem/1.5 Georgia,serif;max-width:26ch;margin:0 auto}
.bb-shaping-card kbd{font-size:1rem;background:#ffedc9;color:#652561;border:1px solid #c99b61;border-radius:7px;padding:4px 8px}
.bb-shaping-command{margin:20px 0;background:linear-gradient(135deg,#3d2648,#673768);border:3px ridge #d7a664;border-radius:17px;padding:18px 16px;color:#ffe9cb;text-align:center}
.bb-shaping-command>span{font:bold .76rem Georgia,serif;letter-spacing:.12em;color:#f8d6a0}
.bb-shaping-command>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0}
.bb-shaping-command kbd{background:#ffebbf;border:2px solid #dfa866;border-radius:8px;padding:8px 13px;color:#69275d;font:700 1.03rem Georgia,serif;box-shadow:0 3px 0 #af7a51}
.bb-shaping-command b{color:#efbd80;font-size:1.25rem}
.bb-shaping-command p{font:italic 1rem/1.5 Georgia,serif;margin:7px 0 0}
.bb-shaping-project{display:flex;flex-direction:column;align-items:center;gap:10px;background:radial-gradient(circle at 40% 30%,#5f4171,#2e1b3c);border:3px ridge #d3a568;border-radius:17px;padding:23px 16px 17px;margin:16px 0 25px;color:#ffebcf}
.bb-shaping-project svg{max-width:760px;width:100%;height:auto;display:block}
.bb-shaping-project p{font:italic 1rem/1.5 Georgia,serif;margin:3px;text-align:center}
.bb-shaping-stage-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:5px;max-width:770px;font:700 .93rem/1.35 Georgia,serif;text-align:center;color:#f6d19e}
.bb-shaping-faq{margin-top:10px}
@media(max-width:1000px){.bb-shaping .bb-around-jump{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.bb-shaping-cards{grid-template-columns:1fr}.bb-shaping-card{display:grid;grid-template-columns:140px minmax(0,1fr);text-align:left;align-items:center;gap:3px 13px}.bb-shaping-drawing{grid-row:1/3;height:115px;margin:0}.bb-shaping-card h3{align-self:end;margin-bottom:0}.bb-shaping-card p{align-self:start;margin:0;max-width:none}.bb-shaping-stage-labels{font-size:.75rem}.bb-shaping-project{padding:14px 8px}.bb-shaping .bb-around-jump{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.bb-shaping-card{grid-template-columns:103px minmax(0,1fr);gap:4px 8px;padding:10px}.bb-shaping-drawing{height:90px}.bb-shaping-card h3{font-size:1.12rem}.bb-shaping-card p{font-size:.91rem}.bb-shaping-command kbd{font-size:.86rem;padding:7px}.bb-shaping-stage-labels{font-size:.65rem}.bb-shaping .bb-around-jump{grid-template-columns:1fr}}