.p5fo-scope{color:#0E2A47;min-width:0}
.p5fo-f{position:relative;display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.02;font-size:20px;font-weight:800;margin:0 .1em;text-align:center}
.p5fo-f b{display:block;padding:0 .18em;font-weight:inherit}
.p5fo-f b:first-child{border-bottom:.11em solid currentColor;padding-bottom:.08em;margin-bottom:.06em}
.p5fo-f s{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;text-decoration:none}
.p5fo-hero{width:100%;max-width:300px;margin:auto;text-align:center}
.p5fo-hero svg{display:block;width:100%;height:auto}
.p5fo-hero .p5fo-equation{font-size:24px}
.p5fo-hero .p5fo-f{font-size:24px}
.p5fo-hero .p5fo-caption{font-size:14px;color:#5A6B7B;margin:8px 0 0}
.p5fo-scope .sg-play>svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
.p5fo-scope svg text{font-family:var(--u-font)}
.p5fo-story{font-size:15px;line-height:1.6;color:#0E2A47;margin:0 0 12px}
.p5fo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.p5fo-controls .sg-btn,.p5fo-reset,.p5fo-scope .sg-opts button,.p5fo-scope .reveal button{box-sizing:border-box;min-height:44px}
.p5fo-controls .sg-btn{display:inline-flex;align-items:center;justify-content:center}
.p5fo-controls .sg-btn:disabled{opacity:.45;cursor:default;transform:none}
.p5fo-reset{border:0;background:transparent;font:inherit;font-size:14.5px;color:#0E2A47;text-decoration:underline;cursor:pointer;padding:9px 0}
.p5fo-reset[hidden]{display:none}
.p5fo-scope button:focus-visible{outline:3px solid #2F6FEB;outline-offset:3px}
.p5fo-working,.p5fo-equation{font-size:17px;line-height:2.6;color:#0E2A47}
.p5fo-equation{text-align:center}
.p5fo-working>div{overflow-wrap:normal}
.p5fo-green{color:#4A7A1E}
.p5fo-blue{color:#2F6FEB}
.p5fo-tag{display:inline-block;padding:2px 8px;border-radius:10px;background:#4A7A1E;color:#FFFFFF;font-size:13px;font-weight:700;line-height:1.5;margin-left:6px}
.p5fo-scope.sg-ex .steps li{font-size:17px;line-height:2.2;align-items:center}
.p5fo-scope.sg-ex .steps .w{font-weight:700}
.p5fo-scope .sg-hint::before{animation:none}
.sg-card .mini .p5fo-mini{display:grid;justify-items:center;gap:8px}
.sg-card .mini .p5fo-mini .b{display:flex;width:126px;height:22px;border:1.5px solid #0E2A47;border-radius:3px;overflow:hidden;box-sizing:content-box}
.sg-card .mini .p5fo-mini .b i{width:14px;flex:0 0 14px;box-sizing:border-box;border-right:1px solid #0E2A47;background:#93B8F2;animation:none}
.sg-card .mini .p5fo-mini .b i.w{border-right:2.5px solid #0E2A47}
.sg-card .mini .p5fo-mini .b i:last-child{border-right:0}
.sg-card .mini .p5fo-mini .t{display:block;font-size:14px;font-weight:700;color:#0E2A47;line-height:1.4}
@media(max-width:900px){.p5fo-hero{max-width:300px}}
@media(prefers-reduced-motion:reduce){
.p5fo-scope,.p5fo-scope *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.p5fo-mul .p5fo-equation .p5fo-f{font-size:24px}