/* Pulsar ledger only. Everything shared is in kit/interimm.css. */
/* .hero, .split and .legend come from the kit */
.ledger-hero h1 { font-size: var(--step-3); }
.ledger-hero .lede { max-width: 40rem; }
.is-passing #beacon-state, .is-passing #beacon-next { color: var(--accent); }

.ledger-grid { --split: minmax(0, 1.6fr) minmax(0, 1fr); }

#pulsar-rows td { vertical-align: middle; }
#pulsar-rows .psr { font-family: var(--font-mono); font-weight: 600; }
#pulsar-rows small { display: block; color: var(--muted); font-size: 0.78rem; }
#pulsar-rows .rate { color: var(--muted); font-size: 0.8rem; }
#pulsar-rows .count { min-width: 9rem; }
.beat { display: inline-block; width: 0.55rem; height: 0.55rem; margin-right: 0.6rem; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); vertical-align: 0.05em; }
@media (max-width: 40rem) { #pulsars .rate { display: none; } }

#nodes { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
#nodes li { display: grid; grid-template-columns: auto 1fr auto; gap: 0.1rem 0.6rem; align-items: center; padding: 0.7rem 0.9rem; border: 1px solid var(--border); border-radius: 0.6rem; background: var(--surface); }
#nodes .readout { grid-column: 2; font-size: 0.78rem; color: var(--muted); }
#nodes .node-ok { grid-row: 1 / span 2; grid-column: 3; font-family: var(--font-mono); font-size: 0.7rem; color: var(--muted); }
.node-dot { grid-row: 1 / span 2; width: 0.6rem; height: 0.6rem; border-radius: 50%; }

#residuals { display: block; width: 100%; height: 16rem; }
.method { margin-top: 1rem; }