/* preview/contrast-ledger.css — chrome for the two contrast-ledger cards. */
.rules{display:grid;gap:8px}
.rule{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:baseline;font-size:12px;line-height:1.45}
.rule b{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-base-400)}
.grp{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-base-400);margin-top:6px}
.led{display:grid;gap:3px}
.led .r{display:grid;grid-template-columns:1fr 92px 54px 74px;gap:10px;align-items:center;font-size:12px;padding:4px 0;border-bottom:1px solid color-mix(in oklab,var(--color-base-300) 35%,var(--color-base-100))}
.led .r:last-child{border-bottom:0}
.chip{display:flex;align-items:center;justify-content:center;height:26px;border-radius:var(--radius-field);font-size:11px;font-weight:600;white-space:nowrap;box-shadow:inset 0 0 0 1px rgb(0 0 0/.08)}
.num{font-family:var(--font-mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.vd{font-family:var(--font-sans);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:right}
.ok{color:var(--color-primary)}.lg{color:var(--case-pending-fg)}.no{color:var(--case-stopped-fg)}
.note{font-size:11px;line-height:1.5;color:var(--color-base-400);margin:0}
.note b{color:var(--color-base-content)}