/* Complete Chroma treatment for interactive and expanded research content. */
:root{--ver:#ff2d78;--field-4:#e8dceb;--ground:#d4ff3d;--space:#b695ff;--ok:#2940ff;--mark:var(--sans)}
.topbar.is-solid[data-surface="rose"]{background:#ffdfebef;color:var(--ink)}
.bar-name,.bar-val,.bibtex code,.split-art figcaption{color:var(--moonlight)}
.arch-arrow{color:var(--plum)}.arch-loop-rule{background:#3d1f4560}.arch-dot{background:var(--magenta)}
.arch-card svg{color:var(--plum)}
.btn,.algo-btn,.run-copy{font:500 14px/1.2 var(--sans);text-transform:none;letter-spacing:0;border-radius:99px;padding:12px 20px;border:1px solid var(--rule);background:transparent;color:var(--starlight)}
.btn:hover,.algo-btn:hover,.run-copy:hover{background:var(--magenta);border-color:var(--magenta);color:#fff}
.algo-btn[aria-pressed="true"],.run-copy.is-done{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.tabs button::after{background:var(--magenta)}
.tabs button{font-family:var(--sans);font-size:14px;text-transform:none;letter-spacing:0}
.hal-ctl{border:0;background:var(--plum);padding:26px;border-radius:16px;--starlight:#f5f1e8;--moonlight:#f5f1e8cc;--faint:#f5f1e8aa;--dim:#f5f1e8aa;--rule:#f5f1e833;--field:#3d1f45}
.hal-ctl-top label{font:400 12px var(--mono);letter-spacing:.05em}.hal-state{color:var(--lime)}
.hal-range::-webkit-slider-runnable-track{background:#f5f1e844;height:4px;border-radius:99px}
.hal-range::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;background:var(--magenta)}
.hal-range::-moz-range-track{height:4px;background:#f5f1e844;border-radius:99px}
.hal-range::-moz-range-thumb{width:18px;height:18px;background:var(--magenta)}
.hal-metrics{gap:16px;background:transparent;border:0;margin-block:22px 18px}
.hal-m{padding:16px 0;border-top:1px solid #f5f1e833;background:transparent;gap:12px}
.hal-m span{font:400 10px var(--mono)}.hal-m b{font:400 28px var(--serif)}
#failure li.is-probe.is-active,#failure li.is-probe:hover{background:#ff2d7810}
#failure li.is-probe::after{background:var(--magenta)}
.fp-btn{border-radius:50%}.fp-play-center{background:#ff2d78e8;border-radius:50%;border:0}
.fp-ui{background:linear-gradient(transparent,#211327ef);border:0}
.fp-bar::after,.fp-played{background:var(--magenta)}
.fp-sound-pill{font:500 12px var(--sans);text-transform:none;letter-spacing:0;background:#211327b8;border-radius:99px;padding:10px 16px}
.film-caption{text-align:left;justify-content:space-between}

/* The scroll narrative gets the same gallery typography and colored act. */
.story{background:var(--plum);--starlight:#f5f1e8;--moonlight:#f5f1e8cc;--faint:#f5f1e8aa;--dim:#f5f1e899;--rule:#f5f1e833;--rule-2:#f5f1e82b;--accent:#d4ff3d;color:var(--paper);height:320vh;padding-top:0}
.story-heading{padding:96px var(--gutter) 36px;max-width:calc(var(--maxw) + 2*var(--gutter));margin:auto}
.story-heading h2{font:400 clamp(48px,5.8vw,84px)/1.02 var(--serif);letter-spacing:-.055em;margin:0}
.story-heading h2 em{color:var(--lime)}
.story-heading .chroma-eyebrow{color:#f5f1e8aa}
.story-pin{gap:60px;max-width:calc(var(--maxw) + 2*var(--gutter));padding-inline:var(--gutter)}
.story-frame{border-radius:18px;box-shadow:none;border:1px solid #f5f1e822}
.story-curve{background:#211327;border-radius:12px;border:1px solid #f5f1e822}
.story-badge{background:var(--magenta);color:#fff;border:0;border-radius:99px;padding:10px 15px;font:500 12px var(--sans);letter-spacing:0;text-transform:none}
.story-steps{counter-reset:story;gap:26px}
.story-steps li{counter-increment:story;padding-left:45px;position:relative;opacity:.48}
.story-steps li::before{content:counter(story,decimal-leading-zero);height:auto;width:auto;top:4px;left:0;bottom:auto;background:none;color:var(--lime);font:400 12px var(--mono);border-radius:0}
.story-steps li.is-on{opacity:1}.story-steps li.is-on::before{background:none;transform:none}
.story-steps li b{font:400 30px/1.15 var(--serif);letter-spacing:-.025em;color:var(--paper)}
.story-steps li span{font:400 16px/1.6 var(--sans);color:#f5f1e8bb}.story-note{font:400 12px var(--mono);color:#f5f1e888;letter-spacing:0;margin-left:45px}

/* Disclosures are designed chapters, including all of their expanded surfaces. */
.deep-dive{margin:0;background:var(--paper);border:0;padding-inline:var(--gutter)}
.deep-dive>summary{max-width:var(--maxw);margin:auto;padding-block:48px;border-top:1px solid var(--rule);grid-template-columns:200px minmax(0,1fr) 56px}
.deep-dive>summary>span:nth-child(2){font-size:clamp(32px,4vw,58px);letter-spacing:-.04em}
.deep-symbol{width:52px;height:52px;color:inherit;border-color:currentColor;font-size:32px}
.deep-dive>summary:hover .deep-symbol{background:var(--magenta);border-color:var(--magenta);color:#fff}
#technical{background:var(--cobalt);color:var(--paper);--starlight:#f5f1e8;--moonlight:#f5f1e8d0;--faint:#f5f1e8af;--dim:#f5f1e890;--rule:#f5f1e83b;--rule-2:#f5f1e829;--accent:#d4ff3d;--viol:#d4ff3d;--field:#2940ff;--field-2:#2035df}
#technical>summary{border-color:#f5f1e833}#technical>summary em{color:var(--lime)}
#technical .section{padding:66px 0 96px;max-width:var(--maxw);margin:auto}
#technical .sec-head{margin-bottom:48px}
.flow-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:flow;align-items:stretch}
.flow-rail li{aspect-ratio:auto;min-height:335px;background:var(--paper);box-shadow:none;border-radius:14px;border:1px solid transparent;--starlight:#0f0a14;--moonlight:#4c4252;--faint:#766d7b;--rule-2:#0f0a1422;color:var(--ink)}
.flow-rail .fr-t{height:145px;flex:0 0 145px;opacity:1;filter:none;border:0;transform:none}
.flow-rail .fr-i{top:12px;left:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--magenta);color:#fff;box-shadow:none;font:400 12px var(--mono)}
.flow-rail li b{font:400 28px/1.1 var(--serif);letter-spacing:-.035em;margin:24px 22px 16px}
.flow-rail li span{font:400 12px/1.65 var(--mono);margin:0 22px 22px;padding-top:14px;border-top:1px solid #0f0a1425;overflow-wrap:anywhere}
.flow-rail li:hover,.flow-rail li:focus-visible,.flow-rail li.is-lit,.flow-rail li.is-lit:hover{background:var(--lime);box-shadow:none;border-color:var(--lime);transform:translateY(-3px)}
.flow-rail li.is-done{box-shadow:none}.flow-rail li.is-done .fr-i,.flow-rail li.is-lit .fr-i,.flow-rail li:hover .fr-i{color:#fff;background:var(--magenta);box-shadow:none}
.flow-rail li.node:hover .fr-t,.flow-rail li.node:focus-visible .fr-t,.flow-rail li.is-lit .fr-t{opacity:1;transform:none}
.flow-rail li.is-lit span,.flow-rail li:hover span{color:#4c4252}
.ins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:64px}
.ins-card{border:1px solid #f5f1e83b;box-shadow:none;background:#2035df;border-radius:16px;padding:32px;min-height:270px;gap:20px}
.ins-card:not(.ins-card--wide){aspect-ratio:auto}.ins-card:hover,.ins-card:focus-within{box-shadow:none!important;transform:none!important;border-color:var(--lime)}
.ins-card:not(.ins-card--wide):hover,.ins-card:not(.ins-card--wide):focus-within{background:#2035df;border-color:var(--lime);box-shadow:none;transform:none}
.ins-k{font:400 11px/1.5 var(--mono);letter-spacing:.05em;color:var(--lime);margin:0}
.ins-eq{font-size:46px;line-height:1.2;margin:0;flex-wrap:wrap}.ins-eq--sm{font-size:36px}
.ins-pts{gap:14px;margin:0}.ins-pts b{font:400 23px/1.2 var(--serif)}.ins-pts span{font:400 16px/1.5 var(--sans)}
.ins-foot{font:400 12px/1.7 var(--sans);margin:auto 0 0;padding-top:18px;color:#f5f1e8aa}
.ins-kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}
.ins-kv dt,.ins-deltas dt{font:400 10px/1.4 var(--mono);letter-spacing:.04em;color:#f5f1e8aa}
.ins-kv dd{font:400 30px/1.3 var(--serif);margin-top:6px;color:var(--paper)}
.ins-deltas{gap:16px;margin:0}.ins-deltas dd{font:400 26px/1 var(--serif);gap:14px}.ins-deltas dd b{color:var(--lime)}
.ins-card--wide{background:#211327;border-color:#211327;padding:36px}
.ins-card .algo{padding:0;margin:8px 0 0;border:0;overflow:auto}.ins-card .algo code{font:400 14px/1.85 var(--mono);color:#f5f1e8db}
.algo .al.is-step{background:#d4ff3d16;border-color:var(--lime);color:var(--lime)}
.algo-ctl{gap:14px;flex-wrap:wrap}.algo-step-no{color:#f5f1e8aa;letter-spacing:0}
.run--disc{margin-top:28px;background:#2035df;border:1px solid #f5f1e83b;border-radius:14px;overflow:hidden}
.run--disc summary{padding:26px 30px}.run--disc summary:hover{background:#f5f1e808}.run-i{width:20px;height:20px;flex-basis:20px}.run-i::before{top:9.5px}.run-i::after{left:9.5px}
.run-body{padding:0 30px 30px}.run-copy{margin-bottom:20px;background:var(--magenta);border-color:var(--magenta);color:#fff}
.cli{background:#211327;border:0;border-radius:10px;padding:24px}.cli code{font:400 13px/1.8 var(--mono);color:var(--paper)}

/* Literature: editorial columns, a colored diagram, and consistent tabular evidence. */
#literature{background:#ffdfeb;--rule:#3d1f4530;--rule-2:#3d1f4520;--accent:#c71f5c;color:var(--ink)}
#literature .rel{max-width:var(--maxw);margin:auto;padding:56px 0 96px}
.rel .sec-head{max-width:100%;margin-bottom:48px}.rel .sec-kicker{font:400 11px var(--mono);letter-spacing:.1em;color:var(--faint);margin:0 0 20px}
.rel h2{font:400 clamp(48px,5.8vw,84px)/1.02 var(--serif);letter-spacing:-.055em;margin:0}.rel h2 em{color:var(--accent)}
.sec-lede{font:400 21px/1.6 var(--sans);max-width:850px;margin:24px 0 0;color:var(--moonlight)}
.rel-cols{gap:28px;border:0;background:transparent}.rel-col{padding:34px;border:0;border-radius:16px;background:#f5f1e8;min-width:0}
.rel-col h3{font:400 32px/1.1 var(--serif);letter-spacing:-.035em;gap:16px;margin-bottom:24px}
.rel-n{font:400 11px var(--mono);color:var(--magenta);flex:none}.rel-col p{font:400 16px/1.65 var(--sans);margin-bottom:22px}
.rel-crit{border-color:var(--magenta);padding-left:18px}.chips{gap:8px;margin-bottom:24px}.chips li{font:400 11px var(--mono);padding:8px 12px;border-color:#3d1f4535;background:#ede7d8}
.rel-fig{padding:36px;background:var(--plum);border:0;border-radius:16px;margin-top:28px;--starlight:#f5f1e8;--moonlight:#f5f1e8cf;--faint:#f5f1e8af;--rule:#f5f1e840;--accent:#d4ff3d;color:var(--paper)}
.rel-tabs,.dn-toggle{gap:8px}.rel-tab,.dn-tab{border:1px solid var(--rule);border-radius:99px;font:500 14px/1.2 var(--sans);letter-spacing:0;text-transform:none;padding:11px 21px}
.rel-tab+.rel-tab,.dn-tab+.dn-tab{border-left:1px solid var(--rule)}
.rel-tab[aria-selected="true"]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.rel-loop{gap:20px;grid-template-columns:1fr 44px 1fr}.rel-loop .rel-node{border-radius:12px;background:#211327;border:1px solid #f5f1e82b;padding:26px;min-height:120px}
.rel-node b{font:400 26px/1.2 var(--serif);letter-spacing:-.02em;text-transform:none;color:var(--paper)}
.rel-node span{font:400 13px/1.7 var(--mono)}.rel-fig[data-m="ours"] .rel-n2{border-color:var(--lime);background:#d4ff3d15}
.rel-repeat span{font-size:10px;letter-spacing:.04em}.rel-cap{font:400 16px/1.7 var(--sans);margin-top:24px}
.rel-tblwrap{margin-top:28px;padding:28px;background:var(--paper);border:0;border-radius:16px;overflow:auto}
.rel-pos{min-width:780px}.rel-pos th,.rel-pos td{padding:17px 16px;font-size:14px;border-color:#3d1f4520}.rel-pos th{font:400 10px/1.5 var(--mono);background:#ede7d8;letter-spacing:.04em}
.rel-pos caption{font:400 12px/1.7 var(--sans);letter-spacing:0;text-transform:none;padding-bottom:20px}
.rel-pos tbody tr.is-ours{background:#ff2d780d}.rel-pos tbody tr.is-ours td{border-color:#ff2d7835}.rel-pos .yes{color:var(--cobalt)}.rel-pos .no{color:#c71f5c}
.rel-base{font:400 14px/1.7 var(--sans)}
.rel-notes{margin-top:28px;padding:6px 34px 30px;background:#f5f1e8;border:0;border-radius:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.rel-notes p{font:400 15px/1.75 var(--sans);margin-top:24px}.rel-notes p>b:first-child{display:block;font:400 25px/1.2 var(--serif);letter-spacing:-.025em;margin-bottom:18px;color:var(--ink)}

/* Every appendix receives an authored chapter surface and editorial component system. */
.acc--group{margin:0;border:0;background:var(--paper)}
.acc--group>summary.app-head{background:#211327;color:var(--paper);padding:92px var(--gutter);border:0;--starlight:#f5f1e8;--moonlight:#f5f1e8bb;--faint:#f5f1e8aa}
.acc--group>summary .acc-t{font:400 clamp(54px,7vw,104px)/1 var(--serif);letter-spacing:-.055em;max-width:800px;color:var(--paper)}
.acc--group>summary .acc-t em{color:var(--lime)}
.acc--group>summary .acc-k{font:400 11px var(--mono);color:#f5f1e8aa;letter-spacing:.13em;margin-bottom:24px}
.acc--group>summary .acc-lede{font:400 18px/1.65 var(--sans);max-width:730px;margin-top:30px;color:#f5f1e8bb}
.acc--group>summary .acc-i{width:64px;height:64px;border-color:#f5f1e888;background:transparent;color:var(--paper)}
.acc--group>summary .acc-i::before,.acc--group>summary .acc-i::after{background:var(--paper)}
.acc--group[open]>summary .acc-i{background:var(--magenta);border-color:var(--magenta)}
.acc--group>.acc-b{counter-reset:appendix}
.acc--group>.acc-b>.acc{counter-increment:appendix;border-top:1px solid #0f0a1422;background:var(--paper);--starlight:#0f0a14;--moonlight:#4c4252;--faint:#766d7b;--dim:#766d7b;--rule:#0f0a142e;--rule-2:#0f0a141a;--accent:#c71f5c;--viol:#c71f5c;--field:#f5f1e8;--field-2:#ede7d8;--ground:#b695ff;--space:#ff2d78;color:var(--ink)}
.acc--group>.acc-b>.acc>summary{display:grid;grid-template-columns:64px minmax(0,1fr) 52px;grid-template-rows:auto auto;gap:12px 28px;padding:42px var(--gutter);border:0;color:inherit}
.acc--group>.acc-b>.acc>summary::before{content:counter(appendix,decimal-leading-zero);grid-column:1;grid-row:1/span 2;align-self:center;font:400 36px/1 var(--serif);letter-spacing:-.04em;color:var(--accent)}
.acc--group>.acc-b>.acc>summary .acc-k{grid-column:2;grid-row:1;font:400 10px var(--mono);letter-spacing:.07em;color:var(--faint)}
.acc--group>.acc-b>.acc>summary .acc-t{grid-column:2;grid-row:2;font:400 clamp(30px,3.4vw,50px)/1.1 var(--serif);letter-spacing:-.035em;color:var(--starlight)}
.acc--group>.acc-b>.acc>summary .acc-i{grid-column:3;grid-row:1/span 2;width:48px;height:48px;color:var(--starlight);border-color:var(--rule);align-self:center}
.acc--group>.acc-b>.acc>summary:hover{background:#ff2d7809}.acc--group>.acc-b>.acc[open]>summary .acc-i{background:var(--magenta);border-color:var(--magenta)}
.acc--group>.acc-b>.acc[open]>summary .acc-i::before{background:#fff}
.acc--group>.acc-b>.acc:not([open])>summary .acc-i{background:transparent;border-color:var(--rule)}
.acc--group>.acc-b>.acc:not([open])>summary .acc-i::before,.acc--group>.acc-b>.acc:not([open])>summary .acc-i::after{background:var(--starlight)}
.acc--group>.acc-b>.acc:not([open])>summary .acc-i::after{transform:scaleY(1);opacity:1}
.acc--group>.acc-b>.acc>.acc-b{padding:4px var(--gutter) 80px;max-width:calc(var(--maxw) + 2*var(--gutter));margin:auto}
.acc-lede{font:400 19px/1.65 var(--sans);max-width:850px;margin:0 0 32px;color:var(--moonlight)}
#knobs,#cost{background:var(--lime);--field:#d4ff3d;--field-2:#edffb4;--faint:#4c4252;--accent:#3d1f45;--viol:#3d1f45}
#benchmark,#impl{background:var(--cobalt);--starlight:#f5f1e8;--moonlight:#f5f1e8cc;--faint:#f5f1e8af;--dim:#f5f1e890;--rule:#f5f1e840;--rule-2:#f5f1e82b;--accent:#d4ff3d;--viol:#d4ff3d;--field:#2940ff;--field-2:#2035df;color:var(--paper)}
#ablation{background:#ffdfeb;--field:#ffdfeb;--field-2:#f5f1e8}
.acc--group>.acc-b>#knobs,.acc--group>.acc-b>#cost{background:var(--lime)}
.acc--group>.acc-b>#benchmark,.acc--group>.acc-b>#impl{background:var(--cobalt);--starlight:#f5f1e8;--moonlight:#f5f1e8cc;--faint:#f5f1e8af;--dim:#f5f1e890;--rule:#f5f1e840;--rule-2:#f5f1e82b;--accent:#d4ff3d;--viol:#d4ff3d;--field:#2940ff;--field-2:#2035df;color:var(--paper)}
.acc--group>.acc-b>#ablation{background:#ffdfeb}
.acc--group>.acc-b>#knobs>summary:hover,.acc--group>.acc-b>#cost>summary:hover{background:#3d1f4508}
.acc--group>.acc-b>#benchmark>summary:hover,.acc--group>.acc-b>#impl>summary:hover{background:#f5f1e808}
.knob-grid{border:0;background:transparent;gap:26px}
.knob{border:0;background:var(--paper);border-radius:16px;padding:28px;min-width:0;display:flex;flex-direction:column;gap:20px}
.knob-head{gap:20px;margin:0;align-items:flex-start}.knob-head h3{font:400 29px/1.15 var(--serif);letter-spacing:-.035em;max-width:370px;color:var(--ink)}
.knob-head .mono{font-size:.55em;color:var(--moonlight)}
.knob-val{font:400 36px/1 var(--serif);color:var(--accent);letter-spacing:-.04em}
.knob canvas{background:#211327;border-radius:12px;width:100%;height:250px}
.knob-range{height:24px}.knob-range::-webkit-slider-runnable-track{height:4px;background:#3d1f4533;border-radius:99px}.knob-range::-webkit-slider-thumb{height:18px;width:18px;margin-top:-7px;background:var(--magenta)}
.knob-range::-moz-range-track{height:4px;background:#3d1f4533}.knob-range::-moz-range-thumb{height:18px;width:18px;background:var(--magenta)}
.knob-note{font:400 15px/1.7 var(--sans);min-height:0;color:var(--moonlight);margin:0;flex:1}
.knob-default{font:400 12px/1.7 var(--sans);padding-top:16px;margin:0;color:var(--faint)}
.knob-legend{margin-bottom:30px;gap:10px 16px}.knob-legend>span:not(.knob-legend-note){background:#211327;border-radius:99px;padding:10px 15px;font:400 12px var(--sans)}
.knob-legend-note{font:400 12px/1.6 var(--sans);color:var(--moonlight);letter-spacing:0}
.knob-also{border:0;background:transparent;gap:0;margin-top:32px}.knob-also li{background:transparent;border-top:1px solid #3d1f4530;padding:22px 0;font:400 16px/1.75 var(--sans)}
.knob-also b{font-weight:600}.knob-src{border-top:1px solid #3d1f4530;margin-top:24px;padding-top:0}
.knob-src summary{font:400 22px/1.3 var(--serif);letter-spacing:-.02em;text-transform:none;padding:24px 0!important}
.knob-src li{font:400 14px/1.75 var(--sans);color:var(--moonlight)}
.dn-head{gap:20px;margin-bottom:26px}.dn-note{font:400 14px/1.6 var(--sans)}
.dn-tab[aria-selected="true"]{background:var(--magenta);color:#fff;border-color:var(--magenta)}
.dn-tablewrap,.dt-tablewrap{border:0;background:var(--paper);border-radius:16px;padding:28px;overflow-x:auto;max-width:100%;margin-top:24px;color:var(--ink);--starlight:#0f0a14;--moonlight:#4c4252;--faint:#766d7b;--rule:#0f0a1422}
.dn-table caption,.dt-table caption{font:400 13px/1.65 var(--sans);text-transform:none;letter-spacing:0;padding:0 0 20px;color:var(--moonlight)}
.dn-table th,.dn-table td,.dt-table th,.dt-table td{padding:17px 16px;border-color:#3d1f4520}
.dn-table thead th,.dt-table thead th{font:400 10px/1.5 var(--mono);letter-spacing:.04em;background:#ede7d8;color:#4c4252}
.dn-table td,.dt-table td{font:400 13px/1.5 var(--mono);color:#4c4252}.dn-table tbody th,.dt-table tbody th{font:500 14px/1.5 var(--sans);color:var(--ink)}
.dn-table tbody tr.is-ours,.dt-table tbody tr.is-ours{background:#ff2d780d}.dn-table tbody tr.is-ours td,.dt-table tbody tr.is-ours td{border-color:#ff2d7830;color:var(--ink)}
.dn-notes,.dt-extra,.an-caveat,.co-note,.im-conv{border:0;background:transparent;margin-top:28px;padding:0}
.dn-notes p,.dt-extra p,.dt-extra li,.dt-atmos-note,.an-limit p,.an-limit-note,.an-toy-note,.an-caveat p,.co-note,.im-conv{font:400 16px/1.75 var(--sans);color:var(--moonlight)}
.dn-notes p{margin:24px 0 0}.dn-notes p>b:first-child{font:400 25px/1.15 var(--serif);display:block;margin-bottom:12px;letter-spacing:-.025em;color:var(--starlight)}
.dt-extra h3,.an-steps h3,.an-limits h3,.an-toy h3,.co-col h3,.im-spec-col h3{font:400 31px/1.2 var(--serif);letter-spacing:-.035em;text-transform:none;color:var(--starlight)}
.dt-atmos{border:0;background:#2035df;border-radius:16px;padding:36px;gap:20px}
.dt-bar{grid-template-columns:180px minmax(0,1fr) 130px;gap:20px;padding-block:10px}
.dt-bar-lbl{font:400 15px/1.35 var(--sans);color:var(--moonlight)}.dt-bar-track{height:6px;border-radius:99px;background:#b695ff30}
.dt-bar-track i{background:var(--lavender);border-radius:99px}.dt-bar-track i.hot{background:var(--magenta)}.dt-bar-track i.bad{background:#c71f5c}
.dt-bar-val{font:400 14px/1.2 var(--mono);color:var(--starlight)}
.dt-legend{font:400 13px/1.7 var(--sans)}.dt-caveat,.an-caveat p{border-color:var(--magenta);padding-left:20px}
.an-steps{gap:26px;border:0;background:transparent}.an-steps li{padding:34px;border-radius:16px;background:#ede7d8;min-width:0}
.an-tag{font:400 12px var(--mono);color:var(--magenta)}.an-steps h3{margin:20px 0}.an-steps p{font:400 16px/1.75 var(--sans)}
.an-steps .mono{display:block;font:400 14px/1.7 var(--mono);padding:20px 0;color:var(--ink);overflow-wrap:anywhere}
.an-limits,.an-toy{border:0;background:#ede7d8;border-radius:16px;padding:34px;margin-top:26px}
.an-limits h3{margin-bottom:28px}.an-limit{border-left:2px solid var(--magenta);padding-left:22px;margin-bottom:26px}.an-limit-k{font:400 24px/1.3 var(--serif);color:var(--accent)}
.an-limit p.mono{font:400 14px/1.75 var(--mono)}
.co-grid{gap:26px;border:0;background:transparent}.co-col{padding:34px;background:var(--paper);border-radius:16px;--starlight:#0f0a14;--moonlight:#4c4252;--faint:#766d7b;--accent:#c71f5c;gap:16px;min-width:0}
.co-col h3{font-size:46px;margin-bottom:18px;color:var(--ink)}.co-col .dt-bar{grid-template-columns:86px minmax(0,1fr) 74px;gap:18px}
.co-col .dt-bar.is-hi{background:#ff2d7810}.co-col .dt-bar{border-radius:6px;padding:8px 6px}
.co-delta{font:400 11px/1.4 var(--mono);margin:0}.co-delta b{color:var(--accent)}
.im-flow{border:0;background:transparent;padding:0;gap:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.im-node,.im-node.wide{background:#2035df;border:1px solid #f5f1e833;border-radius:14px;padding:26px;min-width:0;min-height:145px;gap:16px}
.im-plus,.im-arrow{display:none}.im-node b{font:400 28px/1.15 var(--serif);letter-spacing:-.03em;text-transform:none;color:var(--paper)}
.im-node span{font:400 13px/1.7 var(--mono);color:#f5f1e8bb;overflow-wrap:anywhere}
.im-node.hot{background:var(--lime);border-color:var(--lime)}.im-node.hot b,.im-node.hot span{color:var(--ink)}
.im-conv{padding:28px 0;font-size:16px}.im-conv .mono{font-size:13px;line-height:1.8}
.im-spec{border:0;background:transparent;gap:24px;margin-top:12px}.im-spec-col{background:#2035df;border:1px solid #f5f1e82b;border-radius:16px;padding:30px}
.im-spec-col h3{font-size:34px;margin-bottom:28px}.im-spec dl{gap:22px}.im-spec dt{font:400 10px/1.5 var(--mono);letter-spacing:.04em}.im-spec dd{font:400 15px/1.7 var(--sans);margin:8px 0 0;color:#f5f1e8cc}
.rd-list{gap:0;border:0;background:transparent}.rd-list li{padding:30px 0;background:transparent;border-top:1px solid var(--rule);grid-template-columns:220px minmax(0,1fr);gap:40px}
.rd-list li:hover{background:#ff2d7808}.rd-fig{font:400 23px/1.3 var(--serif);letter-spacing:-.02em;color:var(--accent);padding-left:40px}.rd-fig::before{font:400 12px var(--mono);color:var(--faint);top:7px}
.rd-list p{font:400 17px/1.75 var(--sans)}.rd-foot{font:400 14px/1.7 var(--sans);padding-top:18px;border-top:1px solid var(--rule)}
.lightbox{background:#211327f5;color:var(--paper);--starlight:#f5f1e8;--moonlight:#f5f1e8cc;--faint:#f5f1e8aa;--rule:#f5f1e83b}.lightbox img{filter:none;border-radius:14px}
.lightbox button{border-radius:50%;background:var(--magenta);border-color:var(--magenta);color:#fff}

@media(max-width:1100px){.flow-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-rail li b{font-size:26px}.ins-card{padding:28px}.story-pin{gap:36px}.rel-col h3{font-size:28px}.rel-notes{grid-template-columns:minmax(0,1fr);gap:0}.co-col .dt-bar{gap:12px}.im-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.story{height:auto}.story-heading{padding-top:76px}.story-pin{height:auto;position:static;padding-top:18px;padding-bottom:76px}.story-heading h2{font-size:60px}.story-side{padding-top:10px}.story-steps li{opacity:1}.story-steps li b{font-size:30px}.story-note{display:none}.deep-dive>summary{grid-template-columns:minmax(0,1fr) 52px;padding-block:36px;gap:18px}.deep-dive>summary>.chroma-eyebrow{grid-column:1}.deep-dive>summary>span:nth-child(2){grid-column:1;font-size:44px}.deep-symbol{grid-column:2;grid-row:1/span 2}.rel .sec-lede{font-size:19px}.flow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.rel-cols{grid-template-columns:minmax(0,1fr)}.rel-col+.rel-col{border:0}.rel-loop{grid-template-columns:1fr 24px 1fr;gap:12px}.ins-eq{font-size:38px}.ins-eq--sm{font-size:30px}.ins-pts li{grid-template-columns:minmax(0,1fr);gap:5px}.co-grid,.an-steps{grid-template-columns:minmax(0,1fr)}.im-spec{grid-template-columns:minmax(0,1fr)}.acc--group>summary.app-head{padding-block:76px}.acc--group>.acc-b>.acc>summary{grid-template-columns:44px minmax(0,1fr) 44px;gap:12px 20px}.acc--group>.acc-b>.acc>summary .acc-i{width:42px;height:42px}.acc--group>.acc-b>.acc>summary::before{font-size:30px}.acc--group>.acc-b>.acc>summary .acc-t{font-size:38px}.acc--group>.acc-b>.acc>.acc-b{padding-bottom:60px}.knob-grid{grid-template-columns:minmax(0,1fr)}.knob-note{font-size:16px}.dt-bar{grid-template-columns:150px minmax(0,1fr) 110px}.rd-list li{grid-template-columns:180px minmax(0,1fr);gap:26px}}
@media(max-width:600px){
 .hal-ctl{padding:20px;border-radius:12px}.hal-ctl-top label{font-size:9px}.hal-metrics{gap:12px}.hal-m b{font-size:23px}.hal-m span{font-size:8px}.hal-state{font-size:10px}.hal-ctl .fine{font-size:11px}
 .story-heading{padding-top:64px;padding-bottom:24px}.story-heading h2{font-size:44px}.story-pin{gap:28px;padding-bottom:64px}.story-frame{border-radius:12px}.story-steps{gap:28px}.story-steps li{padding-left:34px}.story-steps li b{font-size:27px}.story-steps li span{font-size:15px}.story-steps li::before{font-size:10px}.story-badge{padding:8px 12px;font-size:10px}
 .deep-dive>summary{padding-block:28px;grid-template-columns:minmax(0,1fr) 38px;gap:12px}.deep-dive>summary>span:nth-child(2){font-size:32px}.deep-symbol{width:36px;height:36px;font-size:25px}
 #technical .section{padding:42px 0 64px}.flow-rail{grid-template-columns:minmax(0,1fr);gap:20px}.flow-rail li{min-height:0}.flow-rail .fr-t{height:180px;flex-basis:180px}.flow-rail li b{font-size:30px;margin:24px 22px 18px}.flow-rail li span{margin-bottom:24px;font-size:12px}.flow-rail .fr-i{width:36px;height:36px}
 .ins-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:36px}.ins-card{padding:24px;border-radius:12px;gap:20px;min-height:0}.ins-k{font-size:9px}.ins-eq{font-size:36px}.ins-eq--sm{font-size:29px}.ins-pts li{grid-template-columns:auto minmax(0,1fr);gap:14px}.ins-pts b{font-size:22px}.ins-pts span{font-size:14px}.ins-kv dd{font-size:29px}.ins-kv{gap:22px}.ins-deltas dd{font-size:26px}.ins-foot{font-size:12px}.ins-card .algo code{font-size:11px}.algo-ctl .algo-btn{font-size:12px;padding:10px 14px}.algo-step-no{font-size:9px}
 .run--disc{border-radius:12px}.run--disc summary{padding:22px}.run-body{padding:0 20px 22px}.run-copy{font-size:12px;padding:10px 15px}.cli{padding:18px}.cli code{font-size:11px}
 #literature .rel{padding:42px 0 64px}.rel h2{font-size:44px}.rel .sec-kicker{font-size:9px}.sec-lede{font-size:17px!important}.rel .sec-head{margin-bottom:32px}.rel-cols{gap:20px}.rel-col{padding:24px;border-radius:12px}.rel-col h3{font-size:29px;gap:12px;flex-wrap:wrap}.rel-n{font-size:10px}.rel-col p{font-size:15px}.chips{gap:7px}.chips li{padding:7px 10px;font-size:10px}
 .rel-fig{padding:22px;border-radius:12px;margin-top:20px}.rel-tabs{gap:6px;flex-wrap:wrap}.rel-tab{font-size:12px;padding:10px 14px}.rel-loop{grid-template-columns:minmax(0,1fr);gap:14px}.rel-arrow{display:none}.rel-loop .rel-node{padding:22px;min-height:110px}.rel-node b{font-size:27px}.rel-node span{font-size:12px}.rel-repeat span{font-size:8px;letter-spacing:0}.rel-cap{font-size:14px;margin-top:22px}
 .rel-tblwrap{padding:20px;border-radius:12px;margin-top:20px}.rel-pos td{font-size:13px}.rel-pos th{font-size:9px}.rel-pos caption{font-size:12px}.rel-base{font-size:12px}.rel-notes{padding:0 24px 24px;gap:0;border-radius:12px;margin-top:20px}.rel-notes p{font-size:14px}.rel-notes p>b:first-child{font-size:27px}
 .acc--group>summary.app-head{padding:64px var(--gutter);gap:18px}.acc--group>summary .acc-t{font-size:52px;max-width:260px}.acc--group>summary .acc-lede{font-size:16px;margin-top:24px}.acc--group>summary .acc-k{font-size:9px}.acc--group>summary .acc-i{width:44px;height:44px;align-self:start;margin-top:42px;flex:none}
 .acc--group>.acc-b>.acc>summary{padding:30px var(--gutter);grid-template-columns:28px minmax(0,1fr) 34px;gap:10px 13px}.acc--group>.acc-b>.acc>summary::before{font-size:25px;align-self:start;margin-top:28px}.acc--group>.acc-b>.acc>summary .acc-k{font-size:8px;line-height:1.5;letter-spacing:.02em}.acc--group>.acc-b>.acc>summary .acc-t{font-size:30px;line-height:1.15}.acc--group>.acc-b>.acc>summary .acc-i{width:32px;height:32px}.acc--group>.acc-b>.acc>.acc-b{padding:0 var(--gutter) 56px}.acc-lede{font-size:17px;line-height:1.65;margin-bottom:26px}
 .knob{padding:22px;border-radius:12px;gap:18px}.knob-head h3{font-size:27px;max-width:210px}.knob-val{font-size:31px}.knob-head{gap:12px}.knob canvas{height:230px}.knob-note{font-size:14px}.knob-default{font-size:11px}.knob-legend{gap:8px;margin-bottom:22px}.knob-legend>span:not(.knob-legend-note){font-size:10px;padding:9px 11px}.knob-legend-note{font-size:11px}.knob-also li{font-size:15px;padding-block:20px}.knob-src summary{font-size:24px}.knob-src li{font-size:13px}
 .dn-tab{font-size:13px;padding:10px 18px}.dn-head{gap:14px}.dn-note{font-size:12px}.dn-tablewrap,.dt-tablewrap{padding:20px;border-radius:12px;margin-top:20px}.dn-table td,.dt-table td{font-size:12px}.dn-table thead th,.dt-table thead th{font-size:9px}.dn-table caption,.dt-table caption{font-size:12px}.dn-notes p,.dt-extra p,.dt-extra li,.dt-atmos-note,.an-limit p,.an-limit-note,.an-toy-note,.an-caveat p,.co-note,.im-conv{font-size:15px}.dn-notes p>b:first-child{font-size:27px}.dt-atmos{padding:22px;border-radius:12px}.dt-bar{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:8px}.dt-bar-val{text-align:left;font-size:13px}.dt-bar-lbl{font-size:15px}.dt-legend{font-size:12px}.dt-extra h3,.an-steps h3,.an-limits h3,.an-toy h3{font-size:29px}.dt-extra{margin-top:24px}
 .an-steps{gap:20px}.an-steps li{padding:24px;border-radius:12px}.an-steps h3{margin-block:16px}.an-steps p{font-size:15px}.an-steps .mono{font-size:12px}.an-limits,.an-toy{padding:24px;border-radius:12px;margin-top:20px}.an-limit p.mono{font-size:12px}.an-limit{padding-left:18px}.an-caveat p{padding-left:18px}
 .co-grid{gap:20px}.co-col{padding:24px;border-radius:12px;gap:16px}.co-col h3{font-size:42px}.co-col .dt-bar{grid-template-columns:75px minmax(0,1fr) 59px;gap:12px}.co-col .dt-bar-lbl{font-size:13px}.co-col .dt-bar-val{font-size:12px;text-align:right}.co-delta{display:block;font-size:10px;margin-top:4px}
 .im-flow{grid-template-columns:minmax(0,1fr);gap:16px}.im-node,.im-node.wide{min-height:0;padding:24px;border-radius:12px;gap:14px}.im-node b{font-size:30px}.im-node span{font-size:12px}.im-conv{padding:0;margin-block:26px}.im-conv .mono{font-size:12px}.im-spec{gap:20px}.im-spec-col{padding:24px;border-radius:12px}.im-spec-col h3{font-size:31px}.im-spec dd{font-size:15px}.im-spec dt{font-size:9px}
 .rd-list li{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:26px}.rd-fig{font-size:27px;padding-left:34px}.rd-fig::before{font-size:10px;top:9px}.rd-list p{font-size:15px}.rd-foot{font-size:13px}
}
