.pf-mini{display:flex;flex-direction:column;align-items:center;gap:4px}
.pf-mini .b{display:flex;width:120px;height:16px;box-sizing:border-box;border:1.5px solid #0E2A47;border-radius:3px;overflow:hidden}
.pf-mini .b i{flex:1;background:#FFFFFF;border-right:1px solid #0E2A47}
.pf-mini .b i:last-child{border-right:0}
.pf-mini .b i.s{background:#2F6FEB}
.sg-card .mini .pf-mini .t{font-size:14px;font-weight:700;color:#0E2A47}
.pf-f{position:relative;display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.02;font-size:1em;font-weight:800;margin:0 .1em;text-align:center}
.pf-f b{display:block;padding:0 .18em;font-weight:inherit}
.pf-f b:first-child{border-bottom:.11em solid currentColor;padding-bottom:.08em;margin-bottom:.06em}
.pf-f s{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;text-decoration:none}
.pf-guide.sg-hero{grid-template-columns:minmax(0,1fr) 300px}
.pf-hero{width:300px;max-width:100%;justify-self:center}
.pf-hero svg{display:block;width:100%;height:auto;overflow:visible}
.pf-hero .pf-caption{text-align:center;font-size:14px;color:#5A6B7B;margin:0}
.pf-hero.pf-wait .pf-hero-bar,.pf-hero.pf-wait .pf-hero-guide,.pf-hero.pf-wait .pf-caption{opacity:0}
.pf-ctl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:12px 0}
.pf-ctl .sg-btn{box-sizing:border-box;min-width:44px;min-height:44px;text-align:center}
.pf-guide .sg-btn,.pf-guide .sg-opts button{box-sizing:border-box;min-height:44px;transition:none}
.pf-guide .sg-btn:hover,.pf-guide .sg-opts button:hover{transform:none}
.pf-guide button:focus-visible,.pf-guide .sg-btn:focus-visible{outline:3px solid #0E2A47;outline-offset:2px}
.pf-guide .sg-btn:disabled{opacity:.45;cursor:default;transform:none}
.pf-reset{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:9px 12px;color:#0E2A47;font-size:14.5px;text-decoration:underline;text-underline-offset:3px}
.pf-reset[hidden]{display:none}
.pf-nb{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--u-ground);font-size:12px;margin-right:4px;color:#0E2A47}
.pf-ctl .sg-btn.on .pf-nb{background:#FFFFFF}
.pf-canvas{display:block;width:520px;max-width:100%;height:auto;margin:0 auto;overflow:visible}
.pf-canvas text,.pf-hero svg text{font-family:var(--u-font);fill:#0E2A47}
.pf-equation{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;min-height:112px;text-align:center;font-size:26px;color:#0E2A47}
.pf-eqpair{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:160px;height:112px}
.pf-eqpair>.pf-f:first-child{margin-left:16px}
.pf-eqpair>.pf-f:nth-child(3){margin-right:16px}
.pf-eqpair>.pf-equals{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.pf-eqpair>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pf-eqpair>svg text{font:700 15px var(--u-font);fill:#8E44AD}
.pf-result{color:#2F6FEB}
.pf-result.pf-simplest{color:#4A7A1E}
.pf-tag{font-size:13px;font-weight:700;color:#FFFFFF;background:#4A7A1E;border-radius:10px;padding:3px 8px}
.pf-simple{text-align:center;font-size:15px;font-weight:700;color:#4A7A1E}
.pf-simple[hidden]{display:none}
.pf-guide .steps li{align-items:center}
.pf-guide .steps .pf-f,.pf-guide .ans .pf-f{font-size:.94em}
.pf-guide.sg-step,.pf-guide.sg-ex{opacity:1;transform:none;transition:none}
.pf-guide .sg-hint::before,.pf-guide .sg-opts button.yes,.pf-guide.sg-ex .ans.in{animation:none}
.pf-guide .sg-links a,.pf-guide.sg-ex .steps li{transition:none}
.pf-guide.sg-ex .steps li{transform:none}
@media(max-width:900px){.pf-guide.sg-hero{grid-template-columns:1fr}.pf-hero{width:100%;max-width:300px}.pf-canvas{width:100%}}
@media(prefers-reduced-motion:reduce){.pf-guide *,.pf-guide *::before,.pf-guide *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pf-hero svg>*{opacity:1;transform:none}}

.pf-stage{position:relative;width:520px;max-width:100%;margin:0 auto}
.pf-equation-stage{position:relative}
.pf-outgoing{position:absolute;top:0;left:0;width:100%;pointer-events:none}
.pf-equation-stage>.pf-outgoing{inset:0}