.article-page .compare-builds,.article-page .compare-rows{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0;list-style:none;font-size:var(--cf-font-size-200)}.article-page .compare-builds{gap:var(--cf-space-050)}.article-page .compare-builds li,.article-page .compare-rows li{display:grid;grid-template-columns:calc(var(--cf-space-2000)*2) minmax(0,1fr) auto;grid-gap:var(--cf-space-050) var(--cf-space-200);gap:var(--cf-space-050) var(--cf-space-200);align-items:center}.article-page .compare-label{color:var(--cf-color-text-secondary)}.article-page .compare-lane{position:relative;block-size:var(--cf-space-300);border-radius:var(--cf-radius-050);background:var(--cf-color-surface-raised)}.article-page .compare-bar{display:block;block-size:100%;border-radius:var(--cf-radius-050);background:var(--cf-color-primary-solid)}.article-page .compare-dot{position:absolute;inset-block-start:50%;inline-size:var(--cf-space-200);block-size:var(--cf-space-200);border-radius:var(--cf-radius-round);background:var(--cf-color-primary-solid);transform:translate(-50%,-50%)}.article-page .compare-builds li[data-variant=c] .compare-dot{background:var(--cf-color-warning)}.article-page .compare-builds li[data-variant=a] .compare-dot{background:var(--cf-color-danger)}.article-page .compare-note,.article-page .compare-value{font-family:var(--cf-font-mono);white-space:nowrap}.article-page .compare-note{grid-column:2/-1;color:var(--cf-color-text-secondary)}.article-page .illo-figure .compare-interval{stroke:var(--cf-color-illo-ink);stroke-width:4;stroke-linecap:round}.article-page .illo-figure .compare-point{fill:var(--cf-color-illo-ink)}@media(max-width:560px){.article-page .compare-builds li,.article-page .compare-rows li{grid-template-columns:minmax(0,1fr) auto}.article-page .compare-lane{grid-column:1/-1;grid-row:2}.article-page .compare-note{grid-column:1/-1}}