section.rw{color:var(--ink);background:#fff;padding-block:clamp(72px,9vw,140px)}section.rw .eb{color:var(--ink-faint)}.rw-head{align-items:end;margin-top:20px}.rw-head h2{letter-spacing:-.035em;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(32px,4.2vw,60px);font-weight:600;line-height:1.02}.rw-head p{max-width:40ch;color:var(--ink-mute);margin:0;font-size:clamp(17px,1.45vw,21px);line-height:1.45}.rw-tabs{background:var(--paper);border-radius:999px;gap:4px;margin-top:clamp(24px,3vw,40px);padding:4px;display:inline-flex}.rw-tabs button{color:var(--ink-mute);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .3s,color .3s}.rw-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.rw-tabs button:not([aria-selected=true]):hover{color:var(--ink)}.rw-stage{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(28px,3.6vw,52px);display:grid}.rw-draw{min-width:0;position:relative}.rw-draw svg{width:100%;height:auto;max-height:min(68vh,640px);display:block;overflow:visible}.rw-slab{cursor:pointer;transform:translate(var(--dx),calc(var(--dy) + var(--lift)));transition:transform 1s cubic-bezier(.65,0,.25,1),opacity .5s}.rw-slab.dim{opacity:.32}.rw-slab:hover{opacity:1}.rw-slab polygon{stroke:#0e0e0e2e;stroke-width:.6px;stroke-linejoin:round}.rw-slab .rw-lit{fill:#ffffff29;stroke:none}.rw-slab .rw-shade{fill:#0000001f;stroke:none}.rw-bar{fill:#9a7646;stroke:#00000040;stroke-width:.6px}.rw-tie{stroke:#d9c98f;stroke-width:2.2px;stroke-linecap:round}.rw-split{stroke:#ffffff47;stroke-width:1.2px;stroke-dasharray:4 4}.rw-cm{fill:var(--ink-mute);opacity:0;font-size:12px;font-weight:600;transition:opacity .4s}.rw-badge{opacity:0;transition:opacity .4s}.rw-badge circle{fill:var(--ink)}.rw-badge text{fill:#fff;text-anchor:middle;font-size:13px;font-weight:600}.rw-mark{transform:translate(var(--dx),calc(var(--dy) + var(--lift)));pointer-events:none;transition:transform 1s cubic-bezier(.65,0,.25,1)}.rw-mark.on .rw-badge circle{fill:var(--grn)}.rw-mark.on .rw-badge text{fill:var(--ink)}.rw:not([data-step=intro]):not([data-step=whole]) .rw-cm,.rw:not([data-step=intro]):not([data-step=whole]) .rw-badge{opacity:1;transition-delay:.6s}.rw-heat,.rw-total{opacity:0;pointer-events:none;transition:opacity .7s}.rw[data-step=whole] .rw-heat{opacity:1;transition-delay:.9s}.rw[data-step=whole] .rw-total{opacity:1;transition-delay:.5s}.rw-heat polygon{opacity:.62;mix-blend-mode:multiply}.rw-heat text{font-size:13px;font-weight:600}.rw-warm{fill:#d9531e}.rw-cold{fill:#2f6dc4}.rw-total line{stroke:var(--ink);stroke-width:1.2px}.rw-total text{fill:var(--ink);font-size:14px;font-weight:600}.rw-info{flex-direction:column;gap:18px;min-width:0;min-height:420px;display:flex}.rw-count{letter-spacing:.04em;color:var(--ink-faint);font-size:13px;font-weight:500}.rw-say{animation:.5s cubic-bezier(.2,.8,.2,1) both rw-in}.rw-say h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.05}.rw-say p{color:var(--ink-mute);max-width:36ch;margin:12px 0 0;font-size:17px;line-height:1.5}.rw-say dl{border-top:1px solid var(--ink-line);margin:22px 0 0;display:grid}.rw-say dl div{border-bottom:1px solid var(--ink-line);grid-template-columns:120px minmax(0,1fr);gap:16px;padding:11px 0;display:grid}.rw-say dt{color:var(--ink-mute);font-size:14px}.rw-say dd{margin:0;font-size:15px;font-weight:500;line-height:1.4}@keyframes rw-in{0%{opacity:0;transform:translateY(8px)}}.rw-u{gap:10px;margin-top:20px;display:grid}.rw-u div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;display:grid}.rw-u span{color:var(--ink-mute);grid-column:1/-1;font-size:13px}.rw-u i{background:var(--grn-deep);transform-origin:0;border-radius:99px;height:10px;animation:.9s cubic-bezier(.2,.8,.2,1) .3s both rw-bar;display:block}.rw-u .lim i{background:#0e0e0e2e}.rw-u b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.rw-u small{color:var(--ink-faint);font-size:13px}@keyframes rw-bar{0%{transform:scaleX(0)}}.rw-ctl{gap:10px;margin-top:auto;display:flex}.rw-ctl button{border:1px solid var(--ink-line);width:46px;height:46px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .25s,border-color .25s;display:grid}.rw-ctl button:hover{background:#0e0e0e0d;border-color:#0e0e0e4d}.rw-ctl svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.rw-ctl .rw-tri{fill:currentColor;stroke:none}.rw-ctl .rw-play{background:var(--ink);border-color:var(--ink);color:#fff}.rw-ctl .rw-play:hover{background:#000;border-color:#000}.rw button:focus-visible{outline:2px solid var(--grn-deep);outline-offset:3px}.rw-steps{grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:10px;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none;display:grid}.rw-steps button{width:100%;color:var(--ink-faint);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;padding:0;font-size:14px;font-weight:500;transition:color .3s;display:grid}.rw-steps button:hover{color:var(--ink-mute)}.rw-steps li.on button{color:var(--ink)}.rw-steps i{background:var(--ink-line);border-radius:99px;height:3px;display:block;position:relative;overflow:hidden}.rw-steps b{background:var(--grn-deep);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.rw-steps li.done b,.rw-steps li.on b{transform:scaleX(1)}.rw-steps li.on b[style]{animation-name:rw-fill;animation-timing-function:linear;animation-fill-mode:forwards;transform:scaleX(0)}@keyframes rw-fill{to{transform:scaleX(1)}}.rw-src{color:var(--ink-faint);margin:26px 0 0;font-size:13px}@media (max-width:900px){.rw-stage{grid-template-columns:minmax(0,1fr)}.rw-info{min-height:0}.rw-ctl{margin-top:4px}}@media (max-width:760px){.rw-head{grid-template-columns:minmax(0,1fr)}.rw-steps{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px}.rw-say dl div{grid-template-columns:96px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.rw-slab,.rw-mark,.rw-heat,.rw-total,.rw-cm,.rw-badge{transition:none}.rw-say,.rw-u i{animation:none}}
