.whiteboard-section{margin:12px 52px 24px;padding:25px 29px;border-radius:24px;background:#fff;border:1px solid #dce7f4}
.whiteboard-heading .eyebrow{color:#3674dd}
.whiteboard-heading h2{font-size:27px;color:#17355d;margin:4px 0}
.whiteboard-heading p{color:#627d9c;font-weight:700;margin:0 0 15px}
.whiteboard{min-height:180px;background:#205c61;border:10px solid #bc8954;border-radius:14px;box-shadow:inset 0 0 40px #052d3970,0 6px 0 #855c3b;color:#f6fff7;padding:22px;overflow:hidden}
.whiteboard-equation{font-size:30px;font-weight:900;letter-spacing:.02em}
.whiteboard-visual{display:flex;flex-wrap:wrap;gap:12px;margin:13px 0}
.whiteboard-group{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:5px;min-width:48px;max-width:150px;min-height:50px;border:2px dashed #e5f9cfaa;border-radius:13px;padding:9px}
.whiteboard-dot{width:12px;height:12px;border-radius:50%;background:#ffe48f;box-shadow:0 0 6px #fff0b5}
.whiteboard-skip{padding:8px 12px;border:2px dashed #e5f9cfaa;border-radius:12px;font-size:18px;font-weight:900}
.whiteboard p{font-size:17px;line-height:1.4;font-weight:800;margin:10px 0 0}
#whiteboardShow{border:0;border-radius:13px;background:#2875f2;color:white;padding:11px 18px;font-weight:900;margin-top:16px}
#whiteboardShow:disabled{opacity:.5;cursor:default}
@media(max-width:760px){.whiteboard-section{margin:8px 18px 22px;padding:20px}.whiteboard-heading h2{font-size:24px}.whiteboard{padding:14px;min-height:150px}.whiteboard-equation{font-size:24px}.whiteboard p{font-size:15px}.whiteboard-visual{gap:6px}.whiteboard-group{gap:3px;padding:5px}.whiteboard-dot{width:10px;height:10px}}