.mechanism-layout{gap:var(--space-12);grid-template-rows:auto auto;grid-template-columns:220px 1fr;display:grid}.mechanism-layout>.toc{grid-area:1/1/-1;align-self:start}.mechanism-layout>div{grid-column:2;min-width:0}@media (max-width:1024px){.mechanism-layout{grid-template-rows:auto;grid-template-columns:1fr}.mechanism-layout>.toc{grid-area:auto/1;position:static}.mechanism-layout>div{grid-column:1}}.split-bar{border:1px solid var(--color-ink-3);height:36px;display:grid}.split-bar>div{font-family:var(--font-mono);letter-spacing:var(--tracking-data);text-transform:uppercase;color:var(--color-paper);justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.split-bar>div.gold{background:var(--color-gold);color:var(--color-ink)}.split-bar>div.red{background:var(--color-red)}.split-bar>div.green{background:var(--color-green);color:var(--color-ink)}.split-bar>div.ink{background:var(--color-ink-3);color:var(--color-paper)}.split-legend{gap:var(--space-3);margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-data);text-transform:uppercase;color:var(--color-paper-dim);flex-wrap:wrap;display:flex}.split-legend .swatch{vertical-align:middle;width:10px;height:10px;margin-right:6px;display:inline-block}.split-path-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-data);text-transform:uppercase;color:var(--color-paper-dim);margin-bottom:var(--space-2)}