.p5d-scope,.p5d-step{font-variant-numeric:tabular-nums;color:#1F2933}
.sg-card .mini .p5d-mini{display:inline-flex;flex-direction:row;gap:6px;align-items:baseline;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:#1F2933}
.sg-card .mini .p5d-mini i{font-style:normal}
.sg-card .mini .p5d-mini .eq{color:#67757F}
.sg-card .mini .p5d-mini .g{color:#4A7A1E}
.p5d-hero{--p5d-hero-column:30px;--p5d-hero-label:64px;max-width:330px;width:100%;margin:auto;font-variant-numeric:tabular-nums}
.p5d-hero-grid{position:relative;width:max-content;max-width:100%;margin:auto}
.p5d-hero-head,.p5d-hero-row{display:grid;grid-template-columns:var(--p5d-hero-label) repeat(4,var(--p5d-hero-column)) 14px repeat(3,var(--p5d-hero-column));align-items:center;text-align:center;position:relative}
.p5d-hero-head{font-size:13px;color:#67757F;height:24px}
.p5d-hero-row{height:40px;font-size:22px;font-weight:700}
.p5d-hero-row[data-p5d-row="2"],.p5d-hero-row[data-p5d-row="3"],.p5d-hero-row[data-p5d-row="4"]{opacity:.35}
.p5d-row-label{font-size:15px;color:#67757F;font-weight:400;text-align:right}
.p5d-zero{color:#67757F}
.p5d-faint{opacity:.25}
.p5d-hero-band{position:absolute;top:24px;bottom:0;left:calc(var(--p5d-hero-label) + 4 * var(--p5d-hero-column) - 3px);width:20px;border-radius:7px;background:#93B8F2;opacity:.3}
.p5d-caption{font-size:14px;color:#67757F;text-align:center;margin-top:10px}
.p5d-pv{--p5d-column:40px;--p5d-point-width:16px}
.p5d-value{text-align:center;font-size:28px;font-weight:700}
.p5d-board{position:relative;width:calc(7 * var(--p5d-column) + var(--p5d-point-width));margin:14px auto}
.p5d-board-head,.p5d-board-cells{display:grid;grid-template-columns:repeat(4,var(--p5d-column)) var(--p5d-point-width) repeat(3,var(--p5d-column));text-align:center;align-items:center}
.p5d-board-head{height:24px;font-size:14px;color:#67757F}
.p5d-board-cells{height:52px}
.p5d-cell{height:52px;box-sizing:border-box;border:1px solid #E5E0D6;border-radius:6px;background:#FFFFFF}
.p5d-fixed-point{position:relative;display:grid;place-items:center;height:52px;font-size:26px;font-weight:700;color:#2F6FEB}
.p5d-fixed-point::before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:14px;background:rgba(147,184,242,.3);border-radius:6px}
.p5d-digit,.p5d-placeholder{position:absolute;top:24px;width:var(--p5d-column);height:52px;display:grid;place-items:center;font-size:26px;font-weight:700;pointer-events:none}
.p5d-digit[data-p5d-digit="3"]{left:calc(3 * var(--p5d-column))}
.p5d-digit[data-p5d-digit="6"]{left:calc(4 * var(--p5d-column) + var(--p5d-point-width))}
.p5d-placeholder{color:#67757F}
.p5d-key{font-size:13px;color:#67757F;text-align:center}
.p5d-moves{display:grid;grid-template-columns:repeat(3,minmax(64px,max-content));gap:8px;justify-content:center}
.p5d-moves .sg-btn{font-size:17px;min-width:64px}
.p5d-scope .sg-btn,.p5d-step .sg-btn{min-height:44px;min-width:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.p5d-reset-row{text-align:center;margin-top:8px}
.p5d-reset{font-size:15px}
.p5d-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.p5d-panel[hidden],.p5d-panel [hidden]{display:none!important}
.p5d-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.p5d-dots{display:flex;gap:6px}
.p5d-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#E5E0D6}
.p5d-dots i.on{background:#2F6FEB}
.p5d-controls .sg-btn:disabled{opacity:.5;cursor:default}
.p5d-work{max-width:320px;margin:16px auto 0;text-align:left;font-size:16px;line-height:1.7;color:#1F2933}
.p5d-work>div{font-weight:400}
.p5d-work>div.p5d-newest{font-weight:700}
.p5d-work>div.p5d-answer{color:#4A7A1E}
.p5d-phone-break{display:none}
.p5d-factor-row{display:flex;justify-content:center;gap:8px;align-items:center;font-size:24px;font-weight:700;flex-wrap:wrap}
.p5d-factor-stack{display:inline-grid;align-items:center}
.p5d-factor-stack>.p5d-unsplit,.p5d-factor-stack>.p5d-split{grid-area:1/1}
.p5d-chip{border:2px solid #2F6FEB;border-radius:8px;padding:2px 8px;background:#FFFFFF}
.p5d-hundred{background:rgba(147,184,242,.3)}
.p5d-chip.p5d-active-factor{background:rgba(147,184,242,.6)}
.p5d-split{display:inline-flex;align-items:center;gap:8px}
.p5d-factor-times{color:#67757F}
.p5d-step svg{display:block;width:100%;height:auto;max-width:480px;margin:auto;font-family:var(--u-font);overflow:visible}
.p5d-facts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.p5d-facts span{border:1.5px solid #E5E0D6;border-radius:999px;padding:4px 10px;font-size:14px;color:#1F2933}
.p5d-question{max-width:360px;margin:0 auto 14px;font-size:16px;color:#1F2933}
.p5d-unit-note{font-size:14px;color:#67757F;margin-top:14px}
.p5d-scope .sg-opts button{box-sizing:border-box;min-height:44px;min-width:44px}
.p5d-scope .sg-opts button:focus-visible{outline:3px solid #2F6FEB;outline-offset:2px}
.p5d-scope .sg-ex .w.hl,.p5d-scope.sg-ex .w.hl{background:var(--sg-blue-bg);border-radius:4px;padding:0 3px}
@media(max-width:480px){
.p5d-hero{--p5d-hero-column:27px;--p5d-hero-label:56px}
.p5d-hero-row{font-size:20px}
.p5d-pv{--p5d-column:34px;--p5d-point-width:14px}
.p5d-value{font-size:24px}
.p5d-digit,.p5d-placeholder{font-size:24px}
.p5d-work{font-size:15px}
.p5d-factor-row{font-size:21px}
.p5d-phone-break{display:initial}
.p5d-controls{gap:8px}
}
@media(prefers-reduced-motion:reduce){
.p5d-scope,.p5d-scope *,.p5d-scope *::before,.p5d-scope *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.p5d-hero-row[data-p5d-row]{opacity:1}
}