.ch-figure{--ch-diagram-mono: calc(var(--lab-type-min-mono) * 1.2);--ch-grid-line: color-mix(in oklch, var(--lab-paper) 8%, var(--lab-ink));--ch-grid-border: color-mix(in oklch, var(--lab-paper) 16%, var(--lab-ink));position:relative;box-sizing:border-box;width:var(--ch-frame-width);max-width:100%;display:grid;grid-template-rows:auto 1fr auto;margin:0;padding:var(--ch-inset);border:1px solid var(--ch-grid-border);background-color:var(--lab-ink);color:var(--lab-paper)}.ch-figure[data-field=grid]{background-image:linear-gradient(var(--ch-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--ch-grid-line) 1px,transparent 1px);background-position:var(--ch-grid-x, 0) var(--ch-grid-y, 0);background-size:16px 16px}.ch-figure[data-aspect="16:9"]{aspect-ratio:16 / 9}.ch-figure[data-aspect="1:1"]{width:720px;aspect-ratio:1}.ch-head,.ch-foot-topic{text-box:trim-both cap alphabetic}.ch-head,.ch-foot{font-family:var(--font-mono);font-size:var(--ch-diagram-mono);letter-spacing:.1em;line-height:1;text-transform:uppercase}.ch-head{grid-row:1;color:var(--lab-paper);font-variation-settings:"wght" 650;line-height:1.5;text-wrap:balance}.ch-foot{--ch-logo-height: 1.5cap;grid-row:3;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:calc(var(--ch-footer-rule-gap) - var(--ch-logo-height));border-top:1px solid var(--lab-line);color:var(--lab-muted);font-variation-settings:"wght" 570;letter-spacing:.12em;white-space:nowrap}.ch-foot-logo{display:flex;color:var(--lab-paper)}.ch-foot-logo svg{width:auto;height:var(--ch-logo-height)}.ch-plot-area{grid-row:2;display:grid;align-content:center}.ch-head+.ch-plot-area{padding-top:var(--ch-clearance)}.ch-plot-area:has(+.ch-foot){padding-bottom:calc(var(--ch-clearance) - var(--ch-footer-rule-gap))}.ch-plot{display:grid;grid-template-columns:var(--ch-label-col, max-content) minmax(0,1fr);column-gap:var(--ch-label-gap);margin-bottom:-16px}.ch-group,.ch-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.ch-group+.ch-group{margin-top:48px}.ch-group-title{grid-column:1 / -1;height:32px;display:flex;align-items:flex-start;color:var(--lab-paper);font-size:20px;font-variation-settings:"opsz" 32,"wght" 660;letter-spacing:-.02em;line-height:1;white-space:nowrap}.ch-group-title>span{text-box:trim-both cap alphabetic}.ch-row{height:48px;align-items:center}.ch-label{justify-self:start;color:var(--lab-paper);font-family:var(--font-mono);font-size:var(--ch-diagram-mono);font-variation-settings:"wght" 600;letter-spacing:.08em;line-height:1;text-box:trim-both cap alphabetic;text-transform:uppercase;white-space:nowrap}.ch-row[data-neutral] .ch-label{color:var(--lab-muted)}.ch-track{min-width:0;display:flex;align-items:center;gap:var(--ch-readout-gap)}.ch-bar{flex:none;width:calc(var(--ch-bar-area, calc(100% - 128px) ) * var(--ch-pct, 0));height:16px;background:var(--ch-fill, var(--ch-tone))}.ch-row[data-tone=hatched] .ch-bar{box-shadow:inset 0 0 0 1px var(--ch-tone)}.ch-readout{flex:none;line-height:1;text-box:trim-both cap alphabetic;white-space:nowrap}.ch-row:not([data-neutral]) .ch-readout{color:var(--ch-tone);font-size:28px;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 48,"wght" 700;letter-spacing:-.035em}.ch-row[data-neutral] .ch-readout{color:var(--lab-muted);font-family:var(--font-mono);font-size:var(--ch-diagram-mono);font-variation-settings:"wght" 560;letter-spacing:.04em}.ch-code{padding:.1em .3em;border:1px solid var(--lab-line);background:var(--lab-ink-raised);color:inherit;font-family:var(--font-mono);font-size:.86em;font-variation-settings:inherit;letter-spacing:0;text-transform:none}:is(.ch-head,.ch-foot,.ch-label,.ch-row[data-neutral] .ch-readout) .ch-code{font-size:inherit}.ch-figure{container-type:inline-size}@container (max-width: 560px){.ch-head+.ch-plot-area{padding-top:24px}.ch-plot{grid-template-columns:minmax(0,1fr)}.ch-row{height:auto;row-gap:8px;padding-block:8px}.ch-label,.ch-group-title{white-space:normal}.ch-bar{width:calc((100% - 96px) * var(--ch-pct, 0))}.ch-row:not([data-neutral]) .ch-readout{font-size:20px}.ch-foot{white-space:normal;text-align:right}}