.cj{background:var(--zinc-050);padding-block:clamp(72px,10vw,104px)}.cj__rule{height:2px;background:var(--ink-900);margin-bottom:20px}.cj__title{max-width:18ch}.cj__lead{max-width:56ch;margin-top:16px}.cj__source{margin-top:clamp(48px,7vw,72px);font-size:12px}.cj-chap{margin-top:clamp(64px,9vw,112px)}.cj-chap__head{max-width:62ch;margin-bottom:32px}.cj-chap__title{max-width:22ch}.cj-chap__lead{margin-top:12px}.cj-chap__note{margin-top:20px;max-width:72ch}.cj-barrel__grid{display:grid;gap:28px}@media (min-width:900px){.cj-barrel__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}.cj-barrel__fig{position:sticky;top:calc(var(--header-h) + 24px)}}.cj-barrel__fig{margin:0;text-align:center}.cj-barrel__svg{display:block;width:100%;max-width:260px;height:auto;margin-inline:auto}@media (min-width:900px){.cj-barrel__svg{max-width:320px}}.cj-barrel__outline{fill:none;stroke:var(--ink-900);stroke-width:3;stroke-linejoin:round}.cj-barrel__rim{fill:none;stroke:var(--ink-900);stroke-width:2}.cj-hoop{fill:none;stroke:var(--ink-900);stroke-opacity:.45;stroke-width:3}.cj-barrel__cap{margin-top:8px}.cj-barrel__big{display:block;font-size:clamp(44px,6vw,64px);font-weight:900;line-height:1}.cj-barrel__capt{display:block;margin-top:6px;font-size:15px;color:var(--ink-2)}.cj-crude{transform-box:fill-box;transform-origin:50% 100%;transition:transform 1.3s var(--e-mech)}.cj--ready .cj-barrel__fig:not(.is-in) .cj-crude{transform:scaleY(0)}.cj-layer{transform-box:fill-box;transform-origin:50% 0;transition:opacity var(--t-1) linear,transform .7s var(--e-out) calc(1.2s + var(--i) * .14s)}.cj--ready .cj-barrel__fig:not(.is-in) .cj-layer{transform:scaleY(0)}.cj-layer.is-dim{opacity:.25}.cj-parts{list-style:none;margin:0;padding:0;border-top:1px solid var(--zinc-300)}.cj-part{display:grid;grid-template-columns:14px minmax(0,1fr) auto;grid-template-areas:"chip name val" ". bar bar" ". hint hint";-moz-column-gap:12px;column-gap:12px;row-gap:6px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--zinc-300);transition:background var(--t-1) linear}.cj-part.is-active{background:var(--zinc-100)}@media (min-width:720px){.cj-part{grid-template-columns:14px minmax(11rem,14rem) minmax(0,1fr) 4.5rem;grid-template-areas:"chip name bar val" ". hint hint hint";-moz-column-gap:16px;column-gap:16px}}.cj-part__chip{grid-area:chip;width:14px;height:14px;border-radius:50%;background:var(--c);border:1px solid rgba(23,25,26,.35)}.cj-part__name{grid-area:name;font-weight:700;line-height:1.25}.cj-part__link{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){.cj-part__link:hover{text-decoration:underline;text-underline-offset:3px}}.cj-part__val{grid-area:val;text-align:end;font-size:17px;font-weight:500}.cj-part__bar{grid-area:bar;height:12px;background:var(--zinc-200);overflow:hidden}.cj-part__bar,.cj-part__bar i{display:block;border-radius:999px}.cj-part__bar i{height:100%;width:var(--w);min-width:6px;background:var(--c);transform-origin:var(--x-start) center;transition:transform .9s var(--e-out) calc(1.4s + var(--i) * .12s)}.cj--ready .cj-parts:not(.is-in) .cj-part__bar i{transform:scaleX(0)}.cj-part__hint{grid-area:hint;font-size:14px;color:var(--ink-3)}.cj-q{margin-top:clamp(40px,6vw,64px)}@media (min-width:1100px){.cj-qs{display:grid;grid-template-columns:1fr 1fr;gap:64px}.cj-sulfur{grid-template-columns:1fr}}.cj-q__kicker{color:var(--act-700);margin-bottom:8px}.cj-q__title{font-size:clamp(22px,2.6vw,28px);font-weight:800;line-height:1.2;margin:0 0 20px;max-width:30ch}.cj-q__text{max-width:60ch;font-size:17px;margin:20px 0 0}.cj-q__title+.cj-q__text{margin-top:0}.cj-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,3vw,40px);max-width:760px}.cj-flow__item{display:flex;flex-direction:column;align-items:center;text-align:center}.cj-flow__name{font-weight:800;font-size:clamp(16px,2vw,20px);margin-top:10px}.cj-flow__like{font-size:clamp(13px,1.6vw,16px);color:var(--ink-2);margin-top:2px}.cj-glass{display:block;width:100%;max-width:160px;height:auto}.cj-glass--sm{width:44px;flex:none}.cj-glass__wall{fill:none;stroke:var(--ink-900);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.cj-glass__oil,.cj-glass__stream{fill:var(--c)}.cj-glass__stream{transform-box:fill-box;transform-origin:50% 0;transition:transform calc(.6s + var(--w-dur, 0s)) var(--e-out) calc(var(--i, 0) * .25s)}.cj-glass--1{--w-dur:0.5s}.cj-glass--2{--w-dur:1.2s}.cj-glass__oil{transform-box:fill-box;transform-origin:50% 100%;transition:transform .8s var(--e-out) calc(.4s + var(--w-dur, 0s) + var(--i, 0) * .25s)}.cj--ready .cj-flow:not(.is-in) .cj-glass__oil,.cj--ready .cj-flow:not(.is-in) .cj-glass__stream{transform:scaleY(0)}.cj-sulfur{display:grid;gap:20px;margin-top:24px;max-width:760px}@media (min-width:640px) and (max-width:1099px){.cj-sulfur{grid-template-columns:1fr 1fr;gap:32px}}.cj-sulfur__item{display:flex;gap:16px;align-items:center;background:var(--zinc-100);padding:16px}.cj-block{width:110px;flex:none;height:auto}.cj-block__oil{fill:#2a211a}.cj-block__grain{transform-box:fill-box;transform-origin:center;transition:transform .4s var(--e-out) calc(.3s + var(--i) * .07s)}.cj--ready .cj-sulfur:not(.is-in) .cj-block__grain{transform:scale(0)}.cj-sulfur__name{display:block;font-weight:800;font-size:20px}.cj-sulfur__text{display:block;color:var(--ink-2);font-size:15px;margin-top:4px}.cj-cards{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (min-width:1100px){.cj-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}.cj-card{border-top:2px solid var(--ink-900);background:var(--zinc-100);padding:14px 16px 16px;display:grid;gap:12px}.cj-card__name{display:block;font-weight:800;font-size:19px}.cj-card__origin{display:block;font-size:13px;color:var(--ink-3)}.cj-card__row{display:flex;align-items:center;gap:12px;min-height:52px}.cj-card__row .tag{display:block;font-size:10px}.cj-card__val{display:block;font-weight:700;font-size:16px}.cj-card__dots{display:grid;grid-template-columns:repeat(3,12px);gap:4px;width:44px;flex:none;justify-content:center}.cj-card__dots i{width:12px;height:12px;border-radius:50%;background:var(--zinc-300)}.cj-card__dots i.is-on{background:#F1D54F;box-shadow:inset 0 0 0 1px rgba(23,25,26,.35)}.cj-rule{margin-top:20px;max-width:60ch;font-weight:700;font-size:17px;border-inline-start:4px solid var(--act-700);padding-inline-start:14px}.cj-details{margin-top:40px;border-top:1px solid var(--zinc-300);padding-top:16px}.cj-details>summary{cursor:pointer;font-weight:700;font-size:16px;list-style-position:inside}.cj-details[open]>summary{margin-bottom:24px}.cj-details .cj-table-wrap{margin-top:32px}.cj-details .cj-table__origin{padding-inline-start:0}.cj-explain{display:grid;gap:24px;margin:0}.cj-explain>div{border-top:2px solid var(--ink-900);padding-top:14px}.cj-explain dt{font-weight:700;font-size:18px;margin-bottom:6px}.cj-explain dd{margin:0;color:var(--ink-2);font-size:16px}.cj-table-wrap{margin-top:40px}.cj-table{width:100%;border-collapse:collapse;font-size:15px}.cj-table caption{text-align:start;padding-bottom:10px}.cj-table thead th{text-align:start;padding:10px 8px;border-bottom:2px solid var(--ink-900);font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.cj-table tbody td,.cj-table tbody th{text-align:start;padding:12px 8px;border-bottom:1px solid var(--zinc-300);vertical-align:top}.cj-table tbody th{font-weight:700}.cj-table__chip{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:8px;border:1px solid rgba(23,25,26,.4)}.cj-table__origin{display:block;padding-inline-start:18px;font-weight:400;font-size:13px;color:var(--ink-3)}@media (max-width:639px){.cj-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cj-table tbody tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--zinc-300);padding:10px 0}.cj-table tbody th{grid-column:1/-1;border:0;padding-bottom:2px}.cj-table tbody td{border:0;padding:4px 8px;font-size:14px}.cj-table tbody td:before{content:attr(data-label);display:block;font-family:var(--font-mono),monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.cj-table tbody td:last-child{grid-column:1/-1}}.cj-tower__grid{display:grid;gap:32px}@media (min-width:900px){.cj-tower__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:start}.cj-tower__text{position:sticky;top:calc(var(--header-h) + 24px)}}.cj-tower__panel{background:#e6f0f5;border:1px solid var(--zinc-300);padding:20px 12px 16px}.cj-tower__svg{display:block;width:100%;max-width:480px;height:auto;margin-inline:auto;overflow:visible}.cj-svg-mono{font-family:var(--font-mono),monospace;font-size:12.5px;letter-spacing:.04em;fill:var(--ink-2)}.cj-tower__shell{fill:none;stroke:var(--ink-900);stroke-width:3}.cj-tray line{stroke:var(--ink-900);stroke-opacity:.55;stroke-width:2}.cj-tray rect{fill:var(--ink-900);fill-opacity:.55}.cj-scale line{stroke:var(--ink-3);stroke-width:2}.cj-scale path{fill:var(--ink-3)}.cj-furnace__box{fill:#3a3330;stroke:var(--ink-900);stroke-width:2.5}.cj-flame{fill:#e3992e;transform-box:fill-box;transform-origin:50% 100%}.cj-pipe{fill:none;stroke:#241c16;stroke-width:6}.cj-pipe--flow{stroke:#c79a68;stroke-width:2;stroke-dasharray:4 10}.cj-cut{cursor:pointer}.cj-cut__line{stroke:var(--ink-3);stroke-width:1.5}.cj-cut__dot{stroke:var(--ink-900);stroke-width:1.5}.cj-cut__label{font-size:16.5px;font-weight:700;fill:var(--ink-900)}.cj-cut__label,.cj-cut__sub{font-family:var(--font-display),sans-serif}.cj-cut__sub{font-size:14px;fill:var(--ink-3)}.cj-cut__boil{fill:var(--ink-2)}.cj-cut:focus-visible{outline:2px solid var(--act-700);outline-offset:2px}@media (hover:hover) and (pointer:fine){.cj-cut:hover .cj-cut__label{fill:var(--act-700);text-decoration:underline}}.cj-band{transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s var(--e-out) calc((6 - var(--i)) * .12s)}.cj--ready .cj-tower__panel:not(.is-in) .cj-band{transform:scaleY(0)}.cj-cut{transition:opacity .5s linear calc(.9s + var(--i) * .1s)}.cj--ready .cj-tower__panel:not(.is-in) .cj-cut{opacity:0}.cj-vapor{stroke:rgba(23,25,26,.35);stroke-width:.8}.cj-drop,.cj-vapor{fill:#fff;opacity:0}.cj-drop{stroke:rgba(23,25,26,.4);stroke-width:.7}.cj--ready .cj-tower__panel.is-in .cj-vapor{animation:cjRise 3.4s linear var(--d) infinite}.cj--ready .cj-tower__panel.is-in .cj-vapor--long{animation:cjRiseLong 8s ease-in var(--d) infinite}.cj--ready .cj-tower__panel.is-in .cj-drop{animation:cjFall 2.6s linear var(--d) infinite}.cj--ready .cj-tower__panel.is-in .cj-flame{animation:cjFlame .9s ease-in-out infinite alternate}.cj--ready .cj-tower__panel.is-in .cj-pipe--flow{animation:cjFlow 1.1s linear infinite}@keyframes cjRise{0%{transform:translateY(0);opacity:0}15%{opacity:.95}80%{opacity:.9}to{transform:translateY(-54px);opacity:0}}@keyframes cjRiseLong{0%{transform:translateY(0);opacity:0}10%{opacity:.95}90%{opacity:.9}to{transform:translateY(-420px);opacity:0}}@keyframes cjFall{0%{transform:translateY(0);opacity:0}15%{opacity:.9}85%{opacity:.9}to{transform:translateY(34px);opacity:0}}@keyframes cjFlame{0%{transform:scaleY(.88)}to{transform:scale(1.06)}}@keyframes cjFlow{to{stroke-dashoffset:-14}}.cj-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin:14px 0 0;padding:0 8px;font-size:14px;color:var(--ink-2)}.cj-legend li{display:flex;align-items:center;gap:8px}.cj-legend__drop,.cj-legend__vapor{fill:#fff;stroke:var(--ink-2);stroke-width:1.2}.cj-steps{list-style:none;margin:0;padding:0;display:grid;gap:20px}.cj-step{border-inline-start:6px solid var(--k,var(--ink-900));padding-inline-start:18px}.cj-step:first-child{--k:#a85f2b}.cj-step:nth-child(2){--k:#62b6dd}.cj-step:nth-child(3){--k:#e3992e}.cj-step__title{font-size:19px;font-weight:700;margin-bottom:4px}.cj-tower__cap{margin-top:20px}.cj-after{margin-top:56px}.cj-after__list{list-style:none;margin:20px 0 0;padding:0}.cj-after__item{display:grid;gap:16px;align-items:center;padding:22px 0;border-top:1px solid var(--zinc-300)}.cj-after__item:last-child{border-bottom:1px solid var(--zinc-300)}@media (min-width:640px){.cj-after__item{grid-template-columns:220px minmax(0,1fr);gap:32px}}.cj-after__name{font-size:19px;font-weight:700;margin-bottom:4px}.cj-mini{display:block;width:100%;max-width:220px;height:auto}.cj-mini__bond{stroke:var(--ink-900);stroke-width:2}.cj-mini__cut{stroke:var(--zinc-050);stroke-width:4;opacity:0}.cj-atom{stroke:var(--ink-900);stroke-width:1.5;fill:#3a3330}.cj-atom--c{fill:#a85f2b}.cj-mini__s{stroke:var(--ink-900);stroke-width:1.5}.cj-mini__letter{fill:var(--ink-900);font-weight:700;font-size:12px}.cj-mini__h{fill:#fff;stroke:var(--ink-900);stroke-width:1.5}.cj-mini__out{opacity:0;font-size:14px;fill:var(--ink-900)}.cj-sulfur{transform-box:fill-box}.cj-after__item.is-in .cj-atom--a{animation:cjSplitA 1.4s var(--e-mech) .5s forwards}.cj-after__item.is-in .cj-atom--b{animation:cjSplitB 1.4s var(--e-mech) .5s forwards}.cj-after__item.is-in .cj-mini__cut{animation:cjCut .4s linear .5s forwards}.cj-after__item.is-in .cj-atom--c{animation:cjClean 1.2s linear 1.6s forwards}.cj-after__item.is-in .cj-sulfur{animation:cjSulfur 1.6s var(--e-mech) .6s forwards}.cj-after__item.is-in .cj-mini__out{animation:cjOut .8s linear 1.8s forwards}@keyframes cjSplitA{to{transform:translate(-10px,12px);fill:#e3992e}}@keyframes cjSplitB{to{transform:translate(10px,-12px);fill:#62b6dd}}@keyframes cjCut{to{opacity:1}}@keyframes cjClean{to{fill:#62b6dd}}@keyframes cjSulfur{0%{transform:translate(0);opacity:1}to{transform:translate(70px,-8px);opacity:0}}@keyframes cjOut{to{opacity:1}}.cj-things{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}@media (min-width:640px){.cj-things{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.cj-things{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 16px}}.cj-thing{display:flex;flex-direction:column}.cj-thing__img{position:relative;aspect-ratio:4/3;margin:0 0 12px;background:var(--zinc-100);overflow:hidden}.cj-thing__img img{-o-object-fit:cover;object-fit:cover}.cj-thing__name{font-weight:800;font-size:17px;line-height:1.25}.cj-thing__text{font-size:14px;color:var(--ink-2);margin-top:4px;line-height:1.45}.cj-world__more{margin-top:32px}@media (prefers-reduced-motion:reduce){.cj-drop,.cj-vapor{opacity:.9}.cj-drop,.cj-flame,.cj-pipe--flow,.cj-vapor{animation:none!important}.cj-vapor--long{opacity:0}.cj-mini__out{opacity:1}.cj-after__item .cj-atom--a{fill:#e3992e;transform:translate(-10px,12px)}.cj-after__item .cj-atom--b{fill:#62b6dd;transform:translate(10px,-12px)}.cj-after__item .cj-atom--c{fill:#62b6dd}.cj-after__item .cj-sulfur{opacity:0}}.hx{container-type:inline-size;margin:0;min-width:0}.hx__stage{position:relative;aspect-ratio:600/536}.hx__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hx-disc--a{fill:#d3e6f1}.hx-disc--b{fill:#c5deed}.hx-cloud,.hx-cloud *{fill:#fff}.hx-cloud{opacity:.9}.hx-ground{fill:#9dbdd1}.hx-ground__line{stroke:#8fb4cb;stroke-width:3}.hx-shell{fill:none;stroke:var(--ink-900);stroke-width:4.5;stroke-linejoin:round}.hx-glint{fill:#fff;opacity:.3}.hx-base{fill:#2b2522}.hx-band{transition:opacity var(--t-2) linear;transform-box:fill-box;transform-origin:50% 100%}.hx-pulse{fill:#fff;opacity:0}.hx-tray line{stroke:rgba(23,25,26,.4);stroke-width:2}.hx-tray rect{fill:rgba(255,255,255,.72)}.hx-bubble{stroke:rgba(23,25,26,.3);stroke-width:.9;transform:translateY(calc(var(--o, 0) * -1px))}.hx-bubble,.hx-top{fill:#fff;opacity:.85}.hx-top{transform-box:fill-box;transform-origin:center;transform:translateY(calc(var(--k, 0) * -10px))}.hx-ring{fill:none;stroke:var(--ink-900);stroke-width:3.5;opacity:0;transition:opacity var(--t-2) linear}.hx-ring[data-i="5"]{stroke:#fff}.hx-brick{fill:#3a3330}.hx-brick--cap{fill:#2b2522}.hx-mortar{fill:none;stroke:rgba(255,255,255,.1);stroke-width:2}.hx-window{fill:#1a1412}.hx-smoke{transform-box:fill-box;transform-origin:center;fill:#fff;opacity:.7;transform:translate(calc(var(--k, 0) * 6px),calc(var(--k, 0) * -24px)) scale(calc(.9 + var(--k, 0) * .35))}.hx-flame{transform-box:fill-box;transform-origin:50% 100%}.hx-flame--outer{fill:#e3992e}.hx-flame--inner{fill:#f1d54f}.hx-pipe{fill:none;stroke:#241c16;stroke-width:8;stroke-linejoin:round}.hx-pipe--flow{stroke:#d6aa74;stroke-width:2.5;stroke-dasharray:5 11}.hx-draw{transition:opacity var(--t-2) linear}.hx-draw__line{stroke:var(--ink-900);stroke-opacity:.55;stroke-width:3;transition:stroke-width var(--t-2) var(--e-out)}.hx-draw__dot{stroke:var(--ink-900);stroke-width:2.5;transform-box:fill-box;transform-origin:center;transition:transform var(--t-2) var(--e-out)}.hx-tag{position:absolute;max-width:14%;font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(9px,1.9cqw,12.5px);line-height:1.25;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);text-align:left;pointer-events:none}.hx-tag--furnace{max-width:none;display:flex;justify-content:center;text-align:center}.hx-tag--furnace span{padding:1px 7px;background:var(--ink-900);color:#fff;white-space:nowrap}.hx-cuts{list-style:none;margin:0;padding:0}.hx-cut{position:absolute;right:0;display:flex;align-items:center;box-sizing:border-box;color:var(--ink-900);text-decoration:none;cursor:pointer}.hx-cut:focus-visible{outline:2px solid var(--act-700);outline-offset:-2px}.hx-cut__body{display:grid;gap:2px;max-width:100%;min-width:0;padding:5px 10px;border-left:4px solid var(--c);text-align:left;transition:background var(--t-2) linear}.hx-cut__name{font-family:var(--font-display),sans-serif;font-size:clamp(12.5px,2.85cqw,21px);font-weight:800;line-height:1.12}.hx-cut__name,.hx-cut__range{display:block;text-align:left}.hx-cut__range{font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(10px,1.9cqw,13.5px);letter-spacing:.04em;color:var(--ink-2)}.hx-cut__sub{display:none;font-size:clamp(11px,2.1cqw,15px);line-height:1.25;color:var(--ink-3);text-align:left}@container (min-width: 500px){.hx-cut__sub{display:block}}.hx-cut:is(:hover,:focus-visible) .hx-cut__body{background:rgba(255,255,255,.85)}.hx-cut:is(:hover,:focus-visible) .hx-cut__name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.hx:has(.hx-cut:is(:hover,:focus-visible)) :is(.hx-band,.hx-draw){opacity:.38}.hx:has(.hx-cut[data-i="0"]:is(:hover,:focus-visible)) .hx-band[data-i="0"],.hx:has(.hx-cut[data-i="0"]:is(:hover,:focus-visible)) .hx-draw[data-i="0"],.hx:has(.hx-cut[data-i="0"]:is(:hover,:focus-visible)) .hx-ring[data-i="0"]{opacity:1}.hx:has(.hx-cut[data-i="0"]:is(:hover,:focus-visible)) .hx-draw[data-i="0"] .hx-draw__line{stroke-width:5}.hx:has(.hx-cut[data-i="0"]:is(:hover,:focus-visible)) .hx-draw[data-i="0"] .hx-draw__dot{transform:scale(1.4)}.hx:has(.hx-cut[data-i="1"]:is(:hover,:focus-visible)) .hx-band[data-i="1"],.hx:has(.hx-cut[data-i="1"]:is(:hover,:focus-visible)) .hx-draw[data-i="1"],.hx:has(.hx-cut[data-i="1"]:is(:hover,:focus-visible)) .hx-ring[data-i="1"]{opacity:1}.hx:has(.hx-cut[data-i="1"]:is(:hover,:focus-visible)) .hx-draw[data-i="1"] .hx-draw__line{stroke-width:5}.hx:has(.hx-cut[data-i="1"]:is(:hover,:focus-visible)) .hx-draw[data-i="1"] .hx-draw__dot{transform:scale(1.4)}.hx:has(.hx-cut[data-i="2"]:is(:hover,:focus-visible)) .hx-band[data-i="2"],.hx:has(.hx-cut[data-i="2"]:is(:hover,:focus-visible)) .hx-draw[data-i="2"],.hx:has(.hx-cut[data-i="2"]:is(:hover,:focus-visible)) .hx-ring[data-i="2"]{opacity:1}.hx:has(.hx-cut[data-i="2"]:is(:hover,:focus-visible)) .hx-draw[data-i="2"] .hx-draw__line{stroke-width:5}.hx:has(.hx-cut[data-i="2"]:is(:hover,:focus-visible)) .hx-draw[data-i="2"] .hx-draw__dot{transform:scale(1.4)}.hx:has(.hx-cut[data-i="3"]:is(:hover,:focus-visible)) .hx-band[data-i="3"],.hx:has(.hx-cut[data-i="3"]:is(:hover,:focus-visible)) .hx-draw[data-i="3"],.hx:has(.hx-cut[data-i="3"]:is(:hover,:focus-visible)) .hx-ring[data-i="3"]{opacity:1}.hx:has(.hx-cut[data-i="3"]:is(:hover,:focus-visible)) .hx-draw[data-i="3"] .hx-draw__line{stroke-width:5}.hx:has(.hx-cut[data-i="3"]:is(:hover,:focus-visible)) .hx-draw[data-i="3"] .hx-draw__dot{transform:scale(1.4)}.hx:has(.hx-cut[data-i="4"]:is(:hover,:focus-visible)) .hx-band[data-i="4"],.hx:has(.hx-cut[data-i="4"]:is(:hover,:focus-visible)) .hx-draw[data-i="4"],.hx:has(.hx-cut[data-i="4"]:is(:hover,:focus-visible)) .hx-ring[data-i="4"]{opacity:1}.hx:has(.hx-cut[data-i="4"]:is(:hover,:focus-visible)) .hx-draw[data-i="4"] .hx-draw__line{stroke-width:5}.hx:has(.hx-cut[data-i="4"]:is(:hover,:focus-visible)) .hx-draw[data-i="4"] .hx-draw__dot{transform:scale(1.4)}.hx:has(.hx-cut[data-i="5"]:is(:hover,:focus-visible)) .hx-band[data-i="5"],.hx:has(.hx-cut[data-i="5"]:is(:hover,:focus-visible)) .hx-draw[data-i="5"],.hx:has(.hx-cut[data-i="5"]:is(:hover,:focus-visible)) .hx-ring[data-i="5"]{opacity:1}.hx:has(.hx-cut[data-i="5"]:is(:hover,:focus-visible)) .hx-draw[data-i="5"] .hx-draw__line{stroke-width:5}.hx:has(.hx-cut[data-i="5"]:is(:hover,:focus-visible)) .hx-draw[data-i="5"] .hx-draw__dot{transform:scale(1.4)}.hx-side{container-type:inline-size;display:grid;gap:14px clamp(32px,4vw,64px);padding-top:clamp(16px,2.6vw,24px);border-top:2px dashed rgba(23,25,26,.3)}@media (min-width:900px){.hx-side{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}}.hx-side__title{color:var(--act-700);margin:0;text-align:start}.hx-side__text{margin:4px 0 0;font-size:16px;color:var(--ink-2);text-align:start;max-width:36ch}.hx-side__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hx-sidelink{display:flex;align-items:center;gap:10px;height:100%;box-sizing:border-box;padding:10px 12px;background:rgba(255,255,255,.62);color:var(--ink-900);text-decoration:none;transition:background var(--t-2) linear}.hx-sidelink:is(:hover,:focus-visible){background:#fff}.hx-sidelink:focus-visible{outline:2px solid var(--act-700);outline-offset:2px}.hx-sidelink__text{display:grid;gap:1px;min-width:0;text-align:start}.hx-sidelink__name{font-weight:800;font-size:15px;line-height:1.15;text-align:start}.hx-sidelink__sub{font-size:13px;color:var(--ink-3);line-height:1.25;text-align:start}.hx-sidelink:is(:hover,:focus-visible) .hx-sidelink__name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}@container (min-width: 560px){.hx-side__list{grid-template-columns:repeat(4,minmax(0,1fr))}.hx-sidelink{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}}.hx-flask{flex:none;width:34px;height:37px;display:block}.hx-flask__glass{fill:none;stroke:var(--ink-900);stroke-opacity:.7;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.hx-flask__glass--strong{stroke-opacity:.9}.hx-flask__bubble{fill:#fff;stroke:rgba(23,25,26,.35);stroke-width:.8}.hx__cap{margin-top:12px;font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(10px,1.8cqw,12px);letter-spacing:.06em;color:var(--ink-3);text-align:left}.hx__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion:no-preference){.hx-band{animation:hxGrow .7s var(--e-out) calc(.12s + (5 - var(--i)) * .11s) backwards}.hx-draw{animation:hxSlide .42s var(--e-out) calc(.9s + var(--i) * 90ms) backwards}.hx-cut{animation:hxFade .42s linear calc(1s + var(--i, 0) * 90ms) backwards}.hx-pulse{animation:hxPulse 4.2s ease-in-out calc(var(--i) * -.9s) infinite alternate}.hx-bubble{animation:hxRise 3.8s linear var(--d) infinite backwards}.hx-bubble--long{animation:hxRiseLong 9s ease-in var(--d) infinite backwards}.hx-top{animation:hxTop 3.2s ease-out var(--d) infinite backwards}.hx-smoke{animation:hxSmoke 5s ease-out var(--d) infinite backwards}.hx-cloud{animation:hxDrift 14s ease-in-out var(--d) infinite alternate}.hx-flame--outer{animation:hxFlame .85s ease-in-out infinite alternate}.hx-flame--inner{animation:hxFlame .6s ease-in-out -.3s infinite alternate}.hx-pipe--flow{animation:hxFlow 1.1s linear infinite}.hx-flask__bubble{animation:hxFizz 2.6s ease-in var(--d) infinite backwards}}@keyframes hxGrow{0%{transform:scaleY(0)}}@keyframes hxSlide{0%{opacity:0;transform:translateX(-10px)}}@keyframes hxFade{0%{opacity:0}}@keyframes hxPulse{0%{opacity:0}to{opacity:.22}}@keyframes hxRise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}85%{opacity:.9}to{transform:translateY(-54px);opacity:0}}@keyframes hxRiseLong{0%{transform:translateY(0);opacity:0}10%{opacity:.9}90%{opacity:.9}to{transform:translateY(-410px);opacity:0}}@keyframes hxTop{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.9}to{transform:translateY(-34px) scale(1.5);opacity:0}}@keyframes hxSmoke{0%{transform:translate(0) scale(.5);opacity:0}15%{opacity:.8}to{transform:translate(16px,-96px) scale(2.2);opacity:0}}@keyframes hxDrift{to{transform:translateX(22px)}}@keyframes hxFlame{0%{transform:scale(.94,.88) skewX(-2deg)}to{transform:scale(1.06,1.1) skewX(2deg)}}@keyframes hxFlow{to{stroke-dashoffset:-32}}@keyframes hxFizz{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-16px);opacity:0}}