/* Scratch 3 category colours and puzzle silhouettes, drawn as scalable SVG. */
.sb-diagram { margin:18px 0; max-width:100%; }
.sb-context { margin:0 0 10px; color:#526259; font-size:13px; font-weight:500; }
.sb-scroll { overflow-x:auto; overflow-y:hidden; padding:8px 8px 12px 3px; max-width:100%; border-radius:8px; }
.sb-stack { display:flex; flex-direction:column; align-items:flex-start; width:max-content; max-width:100%; padding:0; }
.sb-node { --sb-fill:#4c97ff; --sb-stroke:#3373cc; position:relative; isolation:isolate; width:max-content; min-width:96px; max-width:100%; margin-top:-4px; padding:0 0 4px; color:#fff; font-family:"Helvetica Neue","Microsoft YaHei",Arial,sans-serif; font-size:16px; font-weight:600; line-height:1.45; }
.sb-node:first-child { margin-top:0; }
.sb-outline { position:absolute; top:0; left:0; overflow:visible; pointer-events:none; z-index:-1; }
.sb-outline path { fill:var(--sb-fill); stroke:var(--sb-stroke); stroke-width:1; stroke-linejoin:round; }
.sb-label { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-height:44px; padding:8px 12px 8px 10px; max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; text-shadow:0 1px 1px #0002; }
.sb-node[data-shape="hat"],.sb-node[data-shape="define"] { margin-top:14px; }
.sb-node[data-shape="hat"]>.sb-label,.sb-node[data-shape="define"]>.sb-label { min-height:60px; padding-top:23px; }
.sb-node[data-shape="c"] { min-width:175px; }
.sb-node[data-shape="c"]>.sb-label { min-height:48px; padding-right:26px; }
.sb-mouth { position:relative; min-height:38px; margin-bottom:-4px; padding:0 8px 0 20px; max-width:100%; }
.sb-mouth>.sb-stack { padding:0; min-height:34px; }
.sb-mouth>.sb-stack>.sb-node:first-child { margin-top:0; }
.sb-final + .sb-node { margin-top:10px; }
.sb-foot { position:relative; height:24px; min-width:175px; }
.sb-foot>span { position:absolute; right:9px; top:0; color:#fff; font-size:23px; font-weight:700; line-height:22px; }
.sb-else { min-height:40px!important; }
.sb-definition { width:max-content; max-width:100%; margin:12px 0; }
.sb-definition-body { margin-top:-4px; }
.sb-definition-body>.sb-stack>.sb-node:first-child { margin-top:0; }
.sb-note { max-width:640px; margin:8px 0 16px; padding:10px 13px; border:1px solid #decaa0; border-radius:8px; color:#624d28; background:#fff5d9; font:500 14px/1.65 "Microsoft YaHei",sans-serif; white-space:normal; }
.sb-input { display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; min-width:32px; min-height:28px; padding:2px 10px; border:1px solid #0003; color:#3c3c3c; background:#fff; font-size:16px; font-weight:500; line-height:1.4; text-shadow:none; }
.sb-number { border-radius:22px; }
.sb-string { border-radius:22px; min-width:36px; }
.sb-menu { display:inline-flex; align-items:center; gap:12px; min-height:28px; padding:2px 8px; border:1px solid #0003; border-radius:5px; color:#fff; background:#0002; text-shadow:none; }
.sb-menu>span { font-size:13px; }
.sb-dropdown-arrow { margin-left:6px; color:#555; font-size:12px; }
.sb-reporter { display:inline-flex; align-items:center; flex-wrap:wrap; gap:4px; min-height:28px; padding:3px 11px; border:1px solid var(--sb-stroke); border-radius:24px; color:#fff; background:var(--sb-fill); text-shadow:none; }
.sb-boolean { display:inline-flex; align-items:center; flex-wrap:wrap; gap:4px; min-height:34px; max-width:100%; padding:3px 16px; clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%); color:#fff; background:#59c059; box-shadow:inset 0 0 0 1px #389438; }
.sb-boolean-sensing { background:#5cb1d6; }
.sb-boolean .sb-boolean { border:1px solid #389438; }
.sb-motion { --sb-fill:#4c97ff; --sb-stroke:#3373cc; }
.sb-looks { --sb-fill:#9966ff; --sb-stroke:#774dcb; }
.sb-event { --sb-fill:#ffbf00; --sb-stroke:#cc9900; }
.sb-control { --sb-fill:#ffab19; --sb-stroke:#cf8b17; }
.sb-sensing,.sb-sense { --sb-fill:#5cb1d6; --sb-stroke:#2e8eb8; }
.sb-operator { --sb-fill:#59c059; --sb-stroke:#389438; }
.sb-variable { --sb-fill:#ff8c1a; --sb-stroke:#db6e00; }
.sb-list { --sb-fill:#ff661a; --sb-stroke:#df4e00; }
.sb-custom { --sb-fill:#ff6680; --sb-stroke:#ff3355; }
.sb-pen { --sb-fill:#0fbd8c; --sb-stroke:#0b8e69; }
@media(max-width:520px) { .sb-node,.sb-input { font-size:15px; } .sb-label { gap:4px; padding-right:9px; } .sb-node[data-shape="c"]>.sb-label { padding-right:18px; } .sb-mouth { padding-right:4px; } .sb-scroll { padding-right:4px; } }
@media print { .sb-scroll { overflow:visible; } .sb-outline path,.sb-boolean,.sb-input { print-color-adjust:exact; -webkit-print-color-adjust:exact; } }