.history-performance { margin: 16px 0; padding: 18px; border: 1px solid #707875; border-radius: 10px; color: inherit; }
.history-performance-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.history-performance h3, .history-performance h4 { margin: 0 0 12px; color: inherit; }
.history-performance-state { font-size: 12px; font-weight: 600; }
.history-performance-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr)); gap: 18px; }
.history-performance article { min-width: 0; }
.history-performance dl { margin: 0; }
.history-performance dl > div { margin-bottom: 10px; }
.history-performance dt, .history-performance p, .history-performance summary { font-size: 12px; line-height: 1.6; }
.history-performance dd { margin: 2px 0 0; font-size: 17px; font-variant-numeric: tabular-nums; }
.history-performance p, .history-performance dd { overflow-wrap: anywhere; }
.history-performance summary { cursor: pointer; }
.history-performance summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.history-performance[data-performance-state="partial"], .history-performance[data-performance-state="stale"] { border-color: #b58537; }