.article-page .tools-loads{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150)}.article-page .tools-row{display:grid;grid-template-columns:var(--cf-space-400) minmax(0,1fr) auto;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:center}.article-page .tools-number,.article-page .tools-time{color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-200);text-align:end}.article-page .tools-lane{position:relative;display:block;block-size:var(--cf-space-300);border-radius:var(--cf-radius-050);background:var(--cf-color-surface-raised)}.article-page .tools-startup,.article-page .tools-swatch{background:var(--cf-color-warning)}.article-page .tools-startup{position:absolute;inset-block:0;min-inline-size:var(--cf-space-050);border-radius:var(--cf-radius-050)}.article-page .tools-mark,.article-page .tools-swatch.is-mark{background:var(--cf-color-success)}.article-page .tools-mark{position:absolute;inset-block:calc(var(--cf-space-050)*-1);inline-size:var(--cf-space-050)}.article-page .tools-mark.is-lcp,.article-page .tools-swatch.is-lcp{background:var(--cf-color-text-strong)}.article-page .tools-mark.is-lcp{inline-size:var(--cf-space-100)}.article-page .tools-key{display:flex;flex-wrap:wrap;gap:var(--cf-space-100) var(--cf-space-200);align-items:center;margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200)}.article-page .tools-swatch{display:inline-block;inline-size:var(--cf-space-300);block-size:var(--cf-space-200);border-radius:var(--cf-radius-050)}.article-page .tools-swatch.is-lcp,.article-page .tools-swatch.is-mark{inline-size:var(--cf-space-100);block-size:var(--cf-space-300)}.article-page .tools-query{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .tools-sql{margin:0;padding:var(--cf-space-200);overflow-x:auto;border-radius:var(--cf-radius-050);background:var(--cf-color-surface-raised);color:var(--cf-color-text-strong);line-height:var(--cf-line-height-150);white-space:pre}.article-page .tools-sql,.article-page .tools-table{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-200)}.article-page .tools-table{inline-size:100%;border-collapse:collapse}.article-page .tools-table td,.article-page .tools-table th{padding:var(--cf-space-100) var(--cf-space-200);-webkit-border-after:1px solid var(--cf-color-border);border-block-end:1px solid var(--cf-color-border);text-align:start}.article-page .tools-table th{color:var(--cf-color-text-secondary);font-weight:var(--cf-font-weight-semibold)}.article-page .tools-table td{color:var(--cf-color-text-strong)}.article-page .illo-figure .tools-tick{stroke:var(--cf-color-illo-arrow);stroke-dasharray:none;stroke-width:3}