.p5r-scope{font-variant-numeric:tabular-nums}
.p5r-scope.sg-step{opacity:1;transform:none;transition:none}
@media(min-width:901px){.p5r-scope.sg-hero{grid-template-columns:minmax(0,1fr) 380px}}
.p5r-scope [hidden]{display:none!important}
.sg-card .mini .p5r-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 .p5r-mini i{font-style:normal;animation:none}
.sg-card .mini .p5r-mini .eq{color:#67757F}
.sg-card .mini .p5r-mini .g{color:#4A7A1E}
.p5r-scope svg{display:block;width:100%;height:auto;max-width:480px;margin:0 auto;font-family:var(--u-font);font-variant-numeric:tabular-nums}
.p5r-hero{width:100%;max-width:380px;margin:0 auto}
.p5r-hero svg{max-width:380px}
.p5r-caption{font-size:15px;line-height:1.5;color:#1F2933;text-align:center;min-height:3em}
.p5r-caption span{color:#4A7A1E}
.p5r-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.p5r-scope .sg-btn,.p5r-scope .sg-opts button{box-sizing:border-box;min-width:44px;min-height:44px}
.p5r-scope .sg-btn:focus-visible,.p5r-scope .sg-opts button:focus-visible{outline:3px solid #2F6FEB;outline-offset:2px}
.p5r-scope .sg-btn:disabled{cursor:default;opacity:.4;transform:none}
.p5r-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.p5r-dots{display:inline-flex;gap:6px;align-items:center}
.p5r-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#E5E0D6}
.p5r-dots i.on{background:#2F6FEB}
.p5r-work{max-width:320px;margin:0 auto;text-align:left;font-size:16px;line-height:1.7;color:#1F2933;font-variant-numeric:tabular-nums}
.p5r-work>div{font-weight:400;overflow-wrap:anywhere}
.p5r-work>div.p5r-newest{font-weight:700}
.p5r-work>div.p5r-answer{color:#4A7A1E}
.p5r-equal-tail{white-space:nowrap}
.p5r-figure{width:100%;margin:0 auto}
.p5r-question{max-width:360px;margin:12px auto;font-size:16px;color:#1F2933;text-align:center;line-height:1.5}
.p5r-table{width:100%;max-width:340px;margin:0 auto;border-collapse:collapse;font-size:15px;color:#1F2933;text-align:left}
.p5r-table th,.p5r-table td{border:1.5px solid #67757F;padding:6px 10px}
.p5r-table th{background:#EEF3F8;font-weight:700}
.p5r-minute-labels{transition:opacity 250ms ease-out}
.p5r-panel[data-p5r-state="3"] .p5r-minute-labels{opacity:.4}
.p5r-show{animation:p5r-arrive 250ms ease-out both}
.p5r-show .p5r-draw,.p5r-draw.p5r-show{animation:p5r-draw 250ms ease-out both;transform-box:fill-box;transform-origin:center}
.p5r-show.p5r-arrival{animation:p5r-arrive 250ms ease-out both}
.p5r-show.p5r-highlight{animation-duration:300ms}
.p5r-highlight.p5r-fade{animation:p5r-fade 300ms ease-out both}
.p5r-show text[style*="animation-delay"]{animation:p5r-arrive 250ms ease-out both}
.p5r-scope .sg-ex .w.hl,.p5r-scope.sg-ex .w.hl{background:var(--sg-blue-bg);border-radius:4px;padding:0 3px}
@keyframes p5r-arrive{from{opacity:0}to{opacity:1}}
@keyframes p5r-draw{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes p5r-fade{from{opacity:1}to{opacity:0}}
@media(max-width:480px){
.p5r-work{font-size:15px}
.p5r-work .p5r-wrap-equal{display:block}
}
@media(prefers-reduced-motion:reduce){
.p5r-scope,.p5r-scope *,.p5r-scope *::before,.p5r-scope *::after{animation:none!important;transition:none!important}
.p5r-scope.sg-step,.p5r-scope .steps li{transform:none}
}
