.flush { margin-top: 0; }
.card { margin-bottom: 16px; }
.fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px 14px; margin: 10px 0 16px; }
.field { display: flex; flex-direction: column; gap: 4px; }
.field label { font-size: 13px; color: var(--muted); }

.metric { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.metric:last-of-type { border-bottom: none; }
.metric .label { font-size: 14px; }
.metric .value { font-weight: 700; font-size: 16px; }
.metric .label.small, .metric .value.small { font-size: 13px; font-weight: 600; }
.metric details { flex-basis: 100%; margin-top: 2px; }
.metric summary { cursor: pointer; font-size: 12px; color: var(--muted); }
.metric code { font-size: 12px; display: block; margin-top: 4px; color: var(--muted); white-space: normal; overflow-wrap: anywhere; }

#lev-h + p + label { display: block; margin-top: 8px; font-size: 14px; }
#leverage-slider { width: 100%; margin: 8px 0 14px; }

.table-wrap { overflow-x: auto; margin: 10px 0; }
#year-table, #leverage-table, #compare-table { min-width: 640px; }
#compare-table { min-width: 820px; }
#year-table th, #year-table td, #leverage-table th, #leverage-table td, #compare-table th, #compare-table td { white-space: nowrap; }
#compare-table td.name { white-space: normal; min-width: 140px; }
#leverage-table tr.current { background: var(--chip); }