/* Chart styles shared by the site and the investor deck. Colours come from the page tokens. */
.chart{width:100%;position:relative}
.c-svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--mono)}
.c-label{fill:var(--ink-3);font-size:11px;letter-spacing:.02em}
.c-strong{fill:var(--ink-2)}
.c-title{fill:var(--ink);font-family:var(--serif);font-size:15px;font-weight:600}
.c-value{fill:var(--ink);font-size:11.5px;font-variant-numeric:tabular-nums}
.c-cell{font-size:11px;font-variant-numeric:tabular-nums}
.c-letter{fill:var(--ink);font-family:var(--serif);font-size:16px;font-weight:600}
.c-warn{fill:var(--red)}
.c-halo{paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}
.c-grid{stroke:var(--rule);stroke-width:1}
.c-axis{stroke:var(--rule-strong);stroke-width:1}
.c-tile{stroke:var(--phosphor);stroke-opacity:.55;stroke-width:1}
.c-tone{fill:var(--phosphor);fill-opacity:.10}
.c-tone-label{fill:var(--phosphor)}
.c-trace{fill:none;stroke:var(--phosphor);stroke-width:1.5;stroke-linejoin:round}
.c-trace-dim .c-trace{stroke-opacity:.32}
.c-area{fill:var(--phosphor);fill-opacity:.07;stroke:none}
.c-playhead{stroke:var(--phosphor);stroke-width:1.5;stroke-opacity:.9}
.c-scalebar{stroke:var(--ink-2);stroke-width:2}
.c-cross{stroke:var(--ink-2);stroke-width:1;stroke-dasharray:3 3}
.c-hit{fill:transparent;cursor:crosshair}
.c-own{fill:none;stroke:var(--ink);stroke-width:1.5}
.c-model{fill:var(--trace)}
.c-control{fill:var(--control)}
.c-null{fill:var(--ink-4)}
.c-activity{fill:var(--ink-3);fill-opacity:.55}
.c-chance{stroke:var(--ink-2);stroke-width:1;stroke-dasharray:4 3}
.c-median{stroke:var(--ink);stroke-width:1.5}
.c-dot{fill:var(--trace);stroke:var(--ground);stroke-width:2}
.c-seed-pass rect{fill:var(--trace)}
.c-seed-fail rect{fill:var(--red)}
.c-mark{fill:var(--ground);font-size:14px;font-weight:600;pointer-events:none}
.c-kind-run{fill:var(--trace)}
.c-kind-capacity{fill:var(--third)}
.c-kind-brain{fill:var(--ink-4)}
.c-tip{position:fixed;z-index:200;max-width:320px;padding:9px 11px;background:var(--raise);border:1px solid var(--rule-strong);border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.45);font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--ink-2);pointer-events:none}
.c-tip-head{color:var(--ink);margin-bottom:2px}
.c-tip-row:empty{display:none}

.ledger-scroll{overflow-x:auto;border-top:1px solid var(--rule-strong)}
.ledger{width:100%;border-collapse:collapse;min-width:760px;font-size:15px}
.ledger th{text-align:left;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:12px 14px 10px 0;border-bottom:1px solid var(--rule-strong)}
.ledger td{padding:12px 14px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--ink-2);line-height:1.45}
.ledger .l-name{color:var(--ink);font-weight:600;min-width:13rem}
.ledger .l-model{font-style:italic;min-width:10rem}
.ledger .l-result{font-family:var(--mono);font-size:13px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.ledger .l-note{font-size:14px;min-width:16rem}
.chip{display:inline-block;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;padding:2px 8px;border-radius:3px;white-space:nowrap;border:1px solid}
.chip-pass{color:var(--phosphor);border-color:color-mix(in srgb,var(--phosphor) 45%,transparent)}
.chip-red{color:var(--red);border-color:color-mix(in srgb,var(--red) 50%,transparent)}

.lc-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
.lc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.3}
.lc-name{color:var(--ink)}
.lc-right{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.lc-res{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.lc-row .chip{padding:1px 6px}
@media (max-width:640px){.lc-grid{grid-template-columns:1fr}}

.atlas-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:18px;font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.atlas-key{display:inline-flex;align-items:center;gap:8px}
.atlas-grid{display:grid;gap:8px}
.atlas-row{display:grid;grid-template-columns:minmax(9rem,12rem) 1fr;gap:14px;align-items:start}
.atlas-group{font-family:var(--mono);font-size:12px;color:var(--ink-3);padding-top:3px}
.atlas-cells{display:flex;flex-wrap:wrap;gap:4px}
.atlas-cell{width:26px;height:26px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:var(--ink-3);border:1px solid var(--rule-strong);background:transparent;cursor:default}
.atlas-cell.is-built{background:var(--trace);border-color:var(--trace);color:var(--ground)}
.atlas-cell.is-red{background:color-mix(in srgb,var(--red) 22%,transparent);border-color:var(--red);color:var(--ink)}
.atlas-cell:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}
.atlas-key .atlas-cell{width:14px;height:14px}
@media (max-width:560px){
  .atlas-row{grid-template-columns:1fr;gap:6px}
}
