.site .rc-sec{padding:clamp(48px, 6vw, 96px) max(var(--gutter), calc((100% - 1560px) / 2));border-top:1px solid var(--line)}.site .rc-sec>.ex-h2{margin-bottom:clamp(28px,3vw,44px)}.site .rc-step{gap:24px;display:grid}@media (min-width:1100px){.site .rc-step{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(32px,3.4vw,56px)}}.site .rc-step-copy{min-width:0}.site .rc-step-copy .code-box{margin-top:4px}.site .rc-note{border-left:2px solid var(--accent);background:var(--panel);color:var(--fg-2);margin:16px 0 0;padding:12px 16px;font-size:14px;line-height:1.65}.site .rc-c{font:400 .88em/1 var(--mono);color:var(--fg);overflow-wrap:anywhere}.site .rc-fig{border:1px solid var(--line-2);min-width:0;margin:0}.site .rc-fig-cap{border-bottom:1px solid var(--line-2);font:500 10.5px/1 var(--mono);letter-spacing:0;color:var(--fg-3);gap:16px;padding:8px 12px;display:flex}.site .rc-fig-n{color:var(--fg)}.site .rc-fig-body{background:var(--panel);padding:clamp(16px,2.4vw,28px)}.site .rf-svg{width:100%;height:auto;display:block;overflow:visible}.site .rf-ink{fill:none;stroke:var(--fg);stroke-linecap:round;stroke-linejoin:round}.site .rf-hatched{fill:url(#rf-hatch);stroke:none}.site .rf-hatch-line{stroke:var(--fg-3);stroke-width:1px}.site .rf-disc{fill:var(--fg)}.site .rf-beanfill{fill:var(--accent)}.site .rf-k{font:500 10.5px/1.5 var(--mono);letter-spacing:0;color:var(--fg-3);text-align:center;margin:12px 0 0}.site .rf-wide{text-align:left;grid-column:1/-1}.site .rf-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.site .rf-cell{justify-self:center;width:100%;min-width:0;max-width:170px}.site .rf-plus{font:300 22px/1 var(--mono);color:var(--fg-3)}.site .rf-solo{justify-items:center;gap:16px;display:grid}.site .rf-solo>div:first-child{width:100%;max-width:200px}.site .rf-legend{font:500 11px/1.5 var(--mono);color:var(--fg-2);gap:8px;margin:0;padding:0;list-style:none;display:grid}.site .rf-legend li{align-items:center;gap:8px;display:flex}.site .rf-legend code{color:var(--fg)}.site .rf-sw{border-top:2px solid var(--fg);flex:none;width:22px;height:0}.site .rf-sw-hatch{background:repeating-linear-gradient(-45deg, var(--fg-3) 0 1px, transparent 1px 5px);border:0;height:12px}.site .rf-timing{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:16px;display:grid}@media (max-width:559px){.site .rf-timing{grid-template-columns:minmax(0,1fr)}.site .rf-timing>:first-child{display:none}}.site .rf-chart{width:100%;height:auto;display:block;overflow:visible}.site .rf-axis{stroke:var(--fg-3);stroke-width:1px}.site .rf-tick{stroke:var(--line-2);stroke-width:1px;stroke-dasharray:2 3}.site .rf-slot{stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:3 4}.site .rf-bar{fill:none;stroke:var(--fg);stroke-width:6px;stroke-linecap:butt}.site .rf-t{font:500 9px var(--mono);letter-spacing:0;fill:var(--fg-3)}.site .rf-flood{width:100%;max-width:200px}.site .rf-fills path{opacity:0;transition:opacity .7s}.site .rf-fills .rf-beanfill{transition-delay:.15s}.site .rf-flood .rf-ink{transition:stroke .5s}.site .rf-flood.is-inked .rf-fills path{opacity:1}.site .rf-flood.is-inked .rf-inner-ring,.site .rf-flood.is-inked .rf-crease{stroke:var(--panel)}.site .rf-flood.is-inked .rf-bean{stroke:var(--accent)}.site .rf-state{min-height:1.5em;font:500 11px/1.5 var(--mono);color:var(--fg-2);margin:0}.site .rf-state code{color:var(--accent)}.site .rc-files{gap:clamp(24px,3vw,44px);display:grid}@media (min-width:1100px){.site .rc-files{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}.site .rc-files-plate{top:calc(var(--nav-h) + 32px);position:sticky}}.site .rc-files-code{gap:16px;min-width:0;display:grid}.site .rc-files-code>.gd-p{margin:0}.site .rc-files-plate{min-width:0}.site .rc-files-plate .plate-body{background:#f4ede3;min-height:360px}.site .rc-h3{margin-top:clamp(40px,5vw,64px)}@media (prefers-reduced-motion:reduce){.site .rf-fills path,.site .rf-flood .rf-ink{transition:none}}.site .rc-site{border-top:1px solid var(--line)}.site .rc-files.is-full{grid-template-columns:minmax(0,1fr)}.site .rc-files.is-full .rc-files-code{max-width:980px}.site .rc-live{border:1px solid var(--line-2);margin:clamp(32px,4vw,56px) 0 0}.site .rf-frame{fill:none;stroke:var(--fg-3);stroke-width:1px}.site .rf-wrap{fill:none;stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:3 4}.site .rf-view{fill:none;stroke:var(--fg-2);stroke-width:1.2px}.site .rf-dim{fill:none;stroke:var(--fg-3);stroke-width:1px}.site .rf-art{fill:none;stroke:var(--fg-2);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.site .rf-art-ink{fill:none;stroke:var(--fg);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.site .rf-t-ink{fill:var(--fg);font-size:10px}.site .rf-row3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.site .rf-full{width:100%}.site .rf-ink-dash{stroke-dasharray:3 3;stroke:var(--fg-3)}.site .rf-t-big{fill:var(--fg);font-size:12px}.site .rf-t-acc{fill:var(--accent)}.site .rf-foot{fill:url(#rf-hatch-foot);stroke:none}.site .rf-miss{fill:none;stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 3}.site .rf-hit{fill:none;stroke:var(--fg);stroke-width:1px}.site .rf-count{justify-items:start;gap:16px;display:grid}.site .rf-count-row{font:400 15px/1.3 var(--mono);color:var(--fg-2);font-variant-numeric:tabular-nums;margin:0}.site .rf-count-k{color:var(--fg-3)}.site .rf-count-raw{color:var(--fg-2)}.site .rf-count-out{font:600 clamp(32px, 3.4vw, 44px)/1 var(--sans);letter-spacing:-.02em;color:var(--fg)}.site .rf-count .rf-k{text-align:left}.site .rf-key{fill:var(--fg);stroke:none}.site .rf-frm{fill:none;stroke:var(--fg-3);stroke-width:.8px}.site .rc-in-post .rc-step{grid-template-columns:minmax(0,1fr)}.site .rc-in-post .rc-fig{max-width:560px}.site .rc-in-post .rc-files.is-full .rc-files-code{max-width:none}.site .rc-in-post .rc-h3{margin-top:clamp(32px,4vw,48px)}.site .rc-live .work-stage{padding-top:calc(var(--nav-h) + 20px)}.site .rc-live .work-link{text-decoration:underline}