.states-panel { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.state-composer { display: grid; grid-template-columns: 1fr 1fr 110px; gap: 10px; align-items: end; margin: 14px 0 4px; }
.state-card { border-top: 1px solid var(--line); padding: 14px 0; }
.state-card header { margin: 0; }
.state-card .state-value { font: 500 20px/1.25 Georgia,serif; }
.state-card small { color: var(--muted); }
.state-card.superseded { opacity: .58; }
.state-history-label { margin: 16px 0 0; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
@media (max-width: 700px) { .state-composer { grid-template-columns: 1fr; } }