.cx{color:var(--color-ink-primary);padding-block:28px 120px}.cx-grid{grid-template-columns:minmax(0,760px) 280px;justify-content:space-between;align-items:start;gap:56px;display:grid}@media (max-width:1020px){.cx-grid{grid-template-columns:minmax(0,1fr);gap:0}.cx-rail{display:none}}.cx-article{min-width:0}.cx-crumbs ol{font:500 12px var(--font-mono);color:var(--color-ink-muted);flex-wrap:wrap;gap:6px;display:flex}.cx-crumbs li+li:before{content:"›";margin-right:6px}.cx-crumbs a:hover{color:var(--color-ink-primary)}.cx-eyebrow{font:500 12px var(--font-mono);color:var(--color-ink-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:20px;display:flex}.cx-tag{border:1px solid color-mix(in oklab, var(--color-brand) 45%, transparent);background:var(--color-brand-subtle);height:20px;color:var(--color-brand-ink);font:500 11px var(--font-mono);border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}.cx-tag.is-deep{border-color:var(--color-line-strong);background:var(--color-surface-raised);color:var(--color-ink-secondary)}.cx-h1{letter-spacing:-.03em;text-wrap:balance;color:var(--color-brand-ink);margin-top:10px;font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.1}.cx-known-tick{border:1.5px solid var(--color-line-strong);color:#0000;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.cx-known[aria-pressed=true]{border-color:var(--color-signal-ok)}.cx-known[aria-pressed=true] .cx-known-tick{border-color:var(--color-signal-ok);background:var(--color-signal-ok);color:var(--color-surface-page)}.cx-lede{max-width:60ch;color:var(--color-ink-secondary);margin-top:14px;font-size:20px;line-height:1.5}.cx-lede strong{color:var(--color-brand-ink);font-weight:600}.cx-ctas{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.cx-btn{border:1px solid var(--color-line-strong);background:var(--color-surface-page);height:38px;font:600 14px var(--font-sans);color:var(--color-ink-primary);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.cx-btn:hover{border-color:var(--color-ink-muted)}.cx-btn.is-primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.cx-btn.is-sm{height:32px;padding:0 12px;font-size:13px}.cx a:focus-visible,.cx button:focus-visible,.cx-table:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:6px}.cx-sec{gap:14px;margin-top:64px;scroll-margin-top:80px;display:grid}.cx-kicker,.cx-k{font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted)}.cx-sec>.cx-kicker{color:var(--color-brand-ink);font-size:12px;font-weight:600}.cx-sec>h2{letter-spacing:-.02em;text-wrap:balance;margin-top:-6px;font-size:28px;font-weight:700;line-height:1.2}.cx-md,.cx-sec li{max-width:66ch;color:var(--color-ink-secondary);line-height:1.65}.cx-md strong,.cx-sec b{color:var(--color-brand-ink);font-weight:600}.cx-md code,.cx-sec code{font-family:var(--font-mono);font-size:.9em}.cx-md>*+*{margin-top:10px}.cx-inline,.cx-inline>p{display:inline}.cx-note{color:var(--color-ink-muted);font-size:13px}.cx-demo{border:1px solid var(--color-line-hairline);background:var(--color-surface-canvas);border-radius:14px;margin:6px 0 0;overflow:hidden}.cx-demo-top{border-bottom:1px solid var(--color-line-hairline);background:var(--color-surface-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 14px;display:flex}.cx-demo-label{font:500 12px var(--font-mono);color:var(--color-ink-muted)}.cx-demo-ctl{gap:6px;display:flex}.cx-demo-body{padding:16px}.cx-demo-read{border-top:1px solid var(--color-line-hairline);background:var(--color-surface-raised);color:var(--color-ink-secondary);flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding:12px 14px;font-size:14px;display:flex}.cx-big{font:700 26px var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--color-ink-primary)}.cx-big.is-bad{color:var(--color-signal-critical)}.cx-big.is-ok{color:var(--color-signal-ok)}.cx-servers{gap:8px;display:grid}.cx-server{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:8px;display:grid}.cx-server-name{font:700 12px var(--font-mono);padding-top:4px}.cx-keys{flex-wrap:wrap;gap:4px;min-height:26px;display:flex}.cx-key{font:500 11px var(--font-mono);border:1px solid var(--color-line-strong);background:var(--color-surface-page);color:var(--color-ink-secondary);border-radius:5px;padding:3px 6px;transition:background .3s,border-color .3s}.cx-key[data-moved=true]{background:color-mix(in oklab, var(--color-signal-critical) 14%, transparent);border-color:color-mix(in oklab, var(--color-signal-critical) 55%, transparent);color:var(--color-ink-primary)}.cx-ring-wrap{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:20px;display:grid}@media (max-width:640px){.cx-ring-wrap{grid-template-columns:1fr}}.cx-ring{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.cx-ring-track{fill:none;stroke:var(--color-line-strong);stroke-width:2px}.cx-ring-key{stroke:var(--color-surface-canvas);stroke-width:1.5px}.cx-ring-key[data-moved=true]{stroke:var(--color-signal-critical);stroke-width:2.5px}.cx-ring-server{stroke:var(--color-surface-canvas);stroke-width:2.5px}.cx-ring-label{font:700 11px var(--font-mono);fill:var(--color-ink-primary)}.cx-legend{color:var(--color-ink-secondary);gap:6px;font-size:13px;display:grid}.cx-legend li{align-items:center;gap:8px;display:flex}.cx-sw{border-radius:50%;flex:none;width:10px;height:10px}.cx-compare{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.cx-compare>div{border:1px solid var(--color-line-hairline);background:var(--color-surface-page);border-radius:10px;padding:10px 12px}.cx-bars{gap:8px;display:grid}.cx-bar{font:700 12px var(--font-mono);grid-template-columns:36px minmax(0,1fr) 52px;align-items:center;gap:10px;display:grid}.cx-bar-track{background:var(--color-surface-sunken);border-radius:99px;height:12px;position:relative;overflow:hidden}.cx-bar-fill{border-radius:99px;transition:width .35s;position:absolute;inset:0 auto 0 0}.cx-bar-fair{background:var(--color-ink-primary);width:2px;position:absolute;top:-3px;bottom:-3px;left:50%}.cx-bar-v{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-ink-secondary);font-weight:500}.cx-sec ol.cx-steps{counter-reset:s;gap:10px;padding:0;list-style:none;display:grid}.cx-steps li{counter-increment:s;padding-left:40px;position:relative}.cx-steps li:before{content:counter(s);width:26px;height:26px;font:600 12px var(--font-mono);color:var(--color-brand-ink);background:var(--color-brand-subtle);border-radius:50%;place-items:center;display:grid;position:absolute;top:1px;left:0}.cx-table{border:1px solid var(--color-line-hairline);border-radius:12px;overflow-x:auto}.cx-table table{border-collapse:collapse;width:100%;font-size:14px}.cx-table thead th{text-align:left;font:500 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-line-hairline);padding:10px 14px}.cx-table tbody th{text-align:left;color:var(--color-ink-primary);font-weight:600}.cx-table tbody th,.cx-table td{border-bottom:1px solid var(--color-line-hairline);vertical-align:top;color:var(--color-ink-secondary);padding:10px 14px}.cx-table tbody tr:last-child>*{border-bottom:0}.cx-system{border:1px solid var(--color-line-hairline);background:var(--color-surface-raised);border-radius:14px;gap:8px;padding:16px;display:grid}.cx-system h3{font-size:17px;font-weight:600}.cx-system-btns{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.cx-quiz{gap:14px;display:grid}.cx-q{border:1px solid var(--color-line-hairline);background:var(--color-surface-raised);border-radius:12px;min-width:0;padding:14px 16px}.cx-q-t{float:left;width:100%;color:var(--color-ink-primary);margin-bottom:4px;padding:0;font-weight:600;line-height:1.4}.cx-q-t+*{clear:both}.cx-opts{gap:6px;margin-top:10px;display:grid}.cx-opt{text-align:left;border:1px solid var(--color-line-strong);background:var(--color-surface-page);color:var(--color-ink-secondary);border-radius:8px;padding:8px 12px;font-size:14px}.cx-opt:hover:not(:disabled){border-color:var(--color-ink-muted);color:var(--color-ink-primary)}.cx-opt:disabled{cursor:default}.cx-opt[data-state=right]{border-color:var(--color-signal-ok);background:color-mix(in oklab, var(--color-signal-ok) 10%, transparent);color:var(--color-ink-primary)}.cx-opt[data-state=wrong]{border-color:var(--color-signal-critical);background:color-mix(in oklab, var(--color-signal-critical) 8%, transparent)}.cx-why{color:var(--color-ink-secondary);margin-top:8px;font-size:14px}.cx-score{border:1px solid var(--color-line-hairline);color:var(--color-ink-secondary);border-radius:12px;padding:12px 16px;font-size:14px}.cx-sec ul.cx-keep{gap:10px;padding:0;list-style:none;display:grid}.cx-keep li{border-left:3px solid var(--color-brand);background:var(--color-surface-raised);color:var(--color-ink-primary);border-radius:0 10px 10px 0;padding:12px 14px}.cx-read-marker{height:1px}.cx-next{grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;display:grid}@media (max-width:640px){.cx-next{grid-template-columns:1fr}}.cx-nx{border:1px solid var(--color-line-hairline);background:var(--color-surface-raised);border-radius:12px;gap:4px;padding:14px;display:grid}.cx-nx.is-next{text-align:right}.cx-nx:hover{border-color:var(--color-line-strong)}.cx-nx span{font:500 11px var(--font-mono);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.06em}.cx-nx b{color:var(--color-ink-primary);font-size:15px}.cx-plain{margin-top:32px}.cx-rail{gap:18px;padding-top:8px;display:grid;position:sticky;top:76px}.cx-path{border:1px solid var(--color-line-hairline);background:var(--color-surface-raised);border-radius:14px;padding:14px}.cx-path-t{font:500 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);justify-content:space-between;gap:8px;display:flex}.cx-path ol{gap:2px;margin-top:10px;font-size:13px;display:grid}.cx-path li{color:var(--color-ink-secondary);align-items:center;gap:8px;padding:3px 0;display:flex}.cx-path li a:hover{color:var(--color-ink-primary)}.cx-dot{border:1.5px solid var(--color-line-strong);border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:grid}.cx-path li[data-status=read] .cx-dot,.cx-path li[data-status=known] .cx-dot{background:var(--color-signal-ok);border-color:var(--color-signal-ok);color:var(--color-surface-page)}.cx-path li[data-now=true]{color:var(--color-ink-primary);font-weight:600}.cx-path li[data-now=true] .cx-dot{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.cx-toc .cx-k{margin-bottom:8px}.cx-toc ol{border-left:1px solid var(--color-line-hairline);gap:2px;font-size:13px;display:grid}.cx-toc a{color:var(--color-ink-secondary);border-left:2px solid #0000;margin-left:-1px;padding:4px 12px;display:block}.cx-toc a:hover{color:var(--color-ink-primary)}.cx-toc a[aria-current]{color:var(--color-ink-primary);border-left-color:var(--color-brand)}@media (prefers-reduced-motion:reduce){.cx-key,.cx-bar-fill{transition:none}}.cx-fig{border:1px solid var(--color-line-hairline);background:var(--color-surface-canvas);border-radius:14px;margin:6px 0 0;overflow:hidden}.cx-fig-body{justify-items:center;padding:18px 16px;display:grid;overflow-x:auto}.cx-fig figcaption{border-top:1px solid var(--color-line-hairline);background:var(--color-surface-raised);color:var(--color-ink-secondary);padding:10px 14px;font-size:14px}.cx-fig{--fg-tone:var(--color-line-strong)}.fg-svg{max-width:100%;height:auto;overflow:visible}.fg-svg.is-tall{display:none}@media (max-width:640px){.fg-svg.is-wide{display:none}.fg-svg.is-tall{display:block}}.fg-box rect,.fg-box path{fill:var(--color-surface-raised);stroke:var(--fg-tone);stroke-width:1.5px}.fg-box[class*=is-] rect,.fg-box[class*=is-] path{fill:color-mix(in oklab, var(--fg-tone) 12%, var(--color-surface-raised))}.fg-box.is-muted rect,.fg-box.is-muted path{stroke-dasharray:4 3;fill:var(--color-surface-canvas)}.fg-box .fg-rim{fill:none;stroke:var(--fg-tone);stroke-width:1.2px}.fg-t{font:600 13px var(--font-sans);fill:var(--color-ink-primary)}.fg-sub{font:500 11px var(--font-mono);fill:var(--color-ink-secondary)}.fg-arrow{--fg-tone:var(--color-ink-muted)}.fg-arrow polyline{fill:none;stroke:var(--fg-tone);stroke-width:1.5px;stroke-linejoin:round}.fg-arrow polygon{fill:var(--fg-tone)}.fg-arrow.is-dash polyline{stroke-dasharray:5 4}.fg-label{font:500 12px var(--font-sans);fill:var(--color-ink-secondary);paint-order:stroke;stroke:var(--color-surface-canvas);stroke-width:5px;stroke-linejoin:round}.fg-label.is-good,.fg-label.is-bad,.fg-label.is-focus{fill:var(--color-ink-primary)}.fg-seq{--lanes:2;grid-template-columns:repeat(calc(var(--lanes) * 2), minmax(0, 1fr));row-gap:6px;width:100%;max-width:640px;display:grid}.fg-lane-h{grid-row:1;justify-content:center;padding-bottom:6px;display:flex}.fg-lane-h span{border:1.5px solid var(--color-line-strong);background:var(--color-surface-raised);font:600 13px var(--font-sans);color:var(--color-ink-primary);text-align:center;border-radius:8px;padding:6px 10px}.fg-life{pointer-events:none;position:relative}.fg-life:before{content:"";border-left:1.5px dashed var(--color-line-strong);position:absolute;top:0;bottom:0;left:50%}.fg-msg,.fg-self{z-index:1;position:relative}.fg-msg{--fg-tone:var(--color-ink-muted);align-content:end;min-height:34px;padding-bottom:2px;display:grid}.fg-msg span{text-align:center;color:var(--color-ink-secondary);padding:0 6px 3px;font-size:13px;line-height:1.3}.fg-msg[class*=is-]:not(.is-back):not(.is-left) span,.fg-msg.is-good span,.fg-msg.is-bad span,.fg-msg.is-focus span{color:var(--color-ink-primary)}.fg-msg i{border-top:1.5px solid var(--fg-tone);height:0;display:block;position:relative}.fg-msg.is-back i{border-top-style:dashed}.fg-msg i:after{content:"";border:5px solid #0000;border-left:7px solid var(--fg-tone);border-right:0;position:absolute;top:-5.5px;right:-1px}.fg-msg.is-left i:after{border-left:0;border-right:7px solid var(--fg-tone);left:-1px;right:auto}.fg-self{justify-content:center;align-items:center;min-height:30px;display:flex}.fg-self span{border:1px solid color-mix(in oklab, var(--fg-tone) 60%, transparent);background:color-mix(in oklab, var(--fg-tone) 10%, var(--color-surface-raised));width:max-content;max-width:180px;font:500 12px var(--font-mono);color:var(--color-ink-primary);text-align:center;border-radius:6px;flex:none;padding:3px 8px}.fg-self:not([class*=is-]) span{--fg-tone:var(--color-line-strong)}.fg-plot{width:100%}.fg-plot svg{display:block;overflow:visible}.fg-grid{stroke:var(--color-line-hairline)}.fg-tick{font:500 11px var(--font-mono);fill:var(--color-ink-muted)}.fg-axis{font:500 12px var(--font-sans);fill:var(--color-ink-secondary)}.fg-line{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;stroke:var(--fg-line)}.fg-line.s1,.fg-key.s1{--fg-line:var(--demo-s1)}.fg-line.s2,.fg-key.s2{--fg-line:var(--demo-s4)}.fg-line.s3,.fg-key.s3{--fg-line:var(--demo-s3)}.fg-line.s4,.fg-key.s4{--fg-line:var(--demo-s2)}.fg-line[class*=is-],.fg-key[class*=is-]{--fg-line:var(--fg-tone)}.fg-mark line{stroke:var(--color-ink-muted);stroke-dasharray:4 4}.fg-mark text{font:500 11px var(--font-mono);fill:var(--color-ink-secondary)}.fg-legend{color:var(--color-ink-secondary);flex-wrap:wrap;gap:4px 16px;margin:0 0 8px;padding:0;font-size:13px;list-style:none;display:flex}.fg-key{align-items:center;gap:6px;display:inline-flex}.fg-key:before{content:"";background:var(--fg-line);border-radius:2px;width:14px;height:3px}.fg-bars{gap:8px;width:100%;max-width:640px;margin:0;display:grid}.fg-bar{--fg-tone:var(--demo-s1);grid-template-columns:minmax(80px,28%) 1fr;align-items:center;gap:10px;display:grid}.fg-bar dt{color:var(--color-ink-primary);text-align:right;font-size:13px}.fg-bar dd{align-items:center;gap:8px;min-width:0;margin:0;display:flex}.fg-bar-fill{background:var(--fg-tone);border-radius:4px;flex:none;height:14px}.fg-bar-v{font:500 12px var(--font-mono);color:var(--color-ink-secondary);white-space:nowrap}.cx-fig .is-focus{--fg-tone:var(--demo-s1)}.cx-fig .is-good{--fg-tone:var(--color-signal-ok)}.cx-fig .is-bad{--fg-tone:var(--color-signal-critical)}.cx-fig .is-muted{--fg-tone:var(--color-ink-muted)}.cx-fig .fg-bar.is-muted{--fg-tone:var(--color-line-strong)}