.p5v-guide{font-variant-numeric:tabular-nums}
.p5v-svg{display:block;width:100%;max-width:480px;height:auto;margin:0 auto;font-family:var(--u-font);font-variant-numeric:tabular-nums}
.p5v-hero .p5v-svg{max-width:420px}
.p5v-hero-w{font-size:16px;line-height:1.7;color:#1F2933}
.p5v-answer{color:#4A7A1E;font-weight:700}
.p5v-hero-line[hidden]{display:none}
.p5v-picks,.p5v-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px}
.p5v-picks .sg-btn{min-width:64px;font-size:15px}
.p5v-guide .sg-btn,.p5v-guide .sg-opts button{box-sizing:border-box;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.p5v-controls .sg-btn{font-size:16px}
.p5v-guide button:disabled{cursor:default;opacity:.5}
.p5v-guide button:disabled:hover{transform:none}
.p5v-cube{transition:opacity 300ms ease-out}
.p5v-face{transition:fill 200ms ease-out}
.p5v-tally{font-size:16px;text-align:center;color:#1F2933;font-variant-numeric:tabular-nums}
.p5v-formula{font-size:16px;text-align:center;color:#67757F}
.p5v-work{max-width:340px;margin:12px auto 0;text-align:left;font-size:16px;line-height:1.7;color:#1F2933;font-variant-numeric:tabular-nums}
.p5v-work>div{font-weight:400}
.p5v-work>div:last-child,.p5v-work .p5v-newest{font-weight:700}
.p5v-work .p5v-answer{color:#4A7A1E}
.p5v-work .p5v-first{color:#67757F;font-weight:400}
.p5v-question{font-size:16px;color:#1F2933}
.p5v-step{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.p5v-step .sg-btn{min-width:44px}
.p5v-dots{display:flex;align-items:center;gap:6px}
.p5v-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#E5E0D6}
.p5v-dots i.on{background:#2F6FEB}
.p5v-jug .p5v-water{transition:y 300ms ease-out,height 300ms ease-out}
.p5v-jug .p5v-surface{transition:transform 300ms ease-out,opacity 300ms ease-out}
.p5v-pour .p5v-water{transition:y 600ms ease-out,height 600ms ease-out}
.p5v-depth,.p5v-top-a{transition:opacity 600ms ease-out}
.sg-card .mini .p5v-mini{display:block;width:124px;height:64px;font-family:var(--u-font);font-variant-numeric:tabular-nums}
@media(max-width:480px){.p5v-work{font-size:15px}}
@media(prefers-reduced-motion:reduce){
.p5v-guide,.p5v-guide *,.p5v-guide *::before,.p5v-guide *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.p5v-guide.sg-step,.p5v-guide .steps li.in{opacity:1;transform:none}
}