.sg-card .mini .wn-mini{display:inline-flex;flex-direction:column;align-items:flex-end;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.25;color:#1F2933}
.sg-card .mini .wn-mini i{font-style:normal;animation:none}
.sg-card .mini .wn-mini .ln{border-top:2px solid #1F2933;padding-top:2px;color:#4A7A1E}
.wn-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:340px;width:100%;margin:auto}
.wn-ops>div{box-sizing:border-box;background:#FFFFFF;border:2px solid #E5E0D6;border-radius:12px;padding:12px 14px;min-height:96px;display:flex;flex-direction:column;opacity:.35;transition:opacity .3s ease-out,border-color .3s ease-out}
.wn-ops>div.wn-lit{opacity:1;border-color:#2F6FEB}
.wn-ops.wn-finished>div{opacity:1;border-color:#E5E0D6}
.wn-ops b{font-size:34px;font-weight:800;color:#2F6FEB}
.wn-ops strong{font-size:15px;font-weight:700;color:#1F2933}
.wn-ops span{font-size:14px;color:#67757F;font-variant-numeric:tabular-nums}
.wn-mul [hidden],.wn-units [hidden],.wn-ba [hidden],.wn-div [hidden]{display:none!important}
.wn-mul .sg-btn,.wn-units .sg-btn,.wn-ba .sg-btn,.wn-div .sg-btn,.wn-sup .sg-btn{box-sizing:border-box;min-height:44px;text-align:center}
.wn-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px}
.wn-step{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px}
.wn-step .sg-btn:disabled,.wn-sup .sg-btn:disabled{opacity:.5;cursor:default;transform:none}
.wn-dots{display:flex;gap:6px;justify-content:center}
.wn-dots i{display:block;width:8px;height:8px;background:#E5E0D6;border-radius:50%}
.wn-dots i.wn-current{background:#2F6FEB}
.wn-mul-g{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(6,36px);max-width:230px;width:max-content;margin:0 auto;font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;color:#1F2933;text-align:center}
.wn-mul-a{grid-template-rows:22px 40px 40px 2px 40px}
.wn-mul-b{grid-template-rows:40px 40px 2px 40px 40px 2px 40px}
.wn-digit{display:grid;place-items:center;transition:color .2s}
.wn-arrive{animation:wn-arrive .25s ease-out}
@keyframes wn-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.wn-rename{font-size:15px;color:#2F6FEB}
.wn-zero{color:#67757F}
.wn-rule{grid-column:1/7;border-top:2px solid #1F2933}
.wn-column{display:none;grid-row:1/6;background:rgba(147,184,242,.3);border-radius:6px;z-index:-1}
.wn-mul-g.wn-final .wn-product{color:#4A7A1E}
.wn-times-active{border-radius:6px;background:rgba(147,184,242,.3)}
.wn-units svg,.wn-ba svg,.wn-div svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;font-family:var(--u-font)}
.wn-stem{font-size:15px;color:#1F2933}
.wn-work{font-size:16px;font-variant-numeric:tabular-nums;line-height:1.6;text-align:left;color:#1F2933}
.wn-work>div:last-child{font-weight:700}
.wn-unit{transition:stroke .3s,stroke-width .3s}
.wn-unit.wn-highlight{stroke:#2F6FEB;stroke-width:2.5}
.wn-difference{transition:opacity .3s}
.wn-difference.wn-aside{opacity:.3;stroke-dasharray:5 4}
.wn-cookies{transition:opacity .3s}
.wn-div.wn-full .wn-cookies{opacity:.4}
.wn-extra.wn-draw rect{animation:wn-draw .4s ease-out}
@keyframes wn-draw{from{stroke-dashoffset:192}to{stroke-dashoffset:0}}
.wn-moving{transition:transform .6s ease-in-out}
.wn-moving.wn-moved{transform:translate(66px,70px)}
.wn-books{opacity:0;transition:opacity .3s}
.wn-books.wn-spend{opacity:1}
.wn-books rect{transition:fill .3s,stroke .3s,stroke-width .3s}
.wn-books text{transition:opacity .3s}
.wn-books.wn-spent rect{fill:none;stroke:#8E44AD;stroke-width:2;stroke-dasharray:5 4}
.wn-books.wn-spent text{opacity:0}
.wn-grow{width:0;transition:width .5s}
.wn-growth.wn-grown .wn-grow{width:40px}
.wn-sup-g{display:grid;grid-template-columns:repeat(10,44px);gap:6px;width:max-content;margin:0 auto}
.wn-sup-g>div{box-sizing:border-box;width:44px;height:44px;border:1.5px solid #1F2933;border-radius:8px;background:#93B8F2;display:grid;place-items:center;font-size:18px;font-weight:800;color:#1F2933;transition:transform .12s}
.wn-sup-g>div.wn-bike{background:#FFFFFF;border:2px solid #2F6FEB;color:#2F6FEB}
.wn-sup-g>div.wn-flip{transform:scaleX(0)}
.wn-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#67757F;margin-top:10px}
.wn-legend span{display:inline-flex;align-items:center;gap:6px}
.wn-legend i{box-sizing:border-box;display:inline-block;width:12px;height:12px;border-radius:2px}
.wn-car-swatch{background:#93B8F2;border:1.5px solid #1F2933}
.wn-bike-swatch{background:#FFFFFF;border:2px solid #2F6FEB}
.wn-tally{font-size:16px;font-variant-numeric:tabular-nums;color:#1F2933;margin:14px 0}
.wn-gap{display:inline-block;background:#EFA02A;color:#1F2933;border-radius:999px;padding:1px 8px}
.wn-gap.wn-zero-gap{background:#4A7A1E;color:#FFFFFF}
@media(max-width:600px){.wn-mul-g{grid-template-columns:repeat(6,32px);font-size:23px}.wn-mul-a{grid-template-rows:22px 36px 36px 2px 36px}.wn-mul-b{grid-template-rows:36px 36px 2px 36px 36px 2px 36px}.wn-sup-g{grid-template-columns:repeat(5,52px);gap:8px}.wn-sup-g>div{width:52px;height:52px}.wn-dots{order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.wn-ops>div,.wn-ops>div.wn-lit{opacity:1;border-color:#E5E0D6;transition:none}.wn-arrive,.wn-extra.wn-draw rect{animation:none}.wn-digit,.wn-unit,.wn-difference,.wn-cookies,.wn-moving,.wn-books,.wn-books rect,.wn-books text,.wn-grow,.wn-sup-g>div{transition:none}.sg-step:has(.wn-mul),.sg-step:has(.wn-units),.sg-step:has(.wn-ba),.sg-step:has(.wn-div),.sg-step:has(.wn-sup){transition:none}.sg-ex .steps li,.sg-ex .ans.in{animation:none;transition:none}.sg-hint::before{animation:none}}

@media (max-width:480px){
  #s2 .wn-div svg>text[font-size="14"]{font-size:20px}
  #s2 .wn-div text[font-size="16"]{font-size:18px}
  #s3 [data-wn-panel="units-a"] text[font-size="17"]{font-size:18px}
  #s4 [data-wn-panel="ba-t"] text[font-size="17"]{font-size:18px}
  #s4 [data-wn-panel="ba-t"] .wn-moving text{font-size:20px}
}