.mi-page h1{margin:4px 0 6px;font-size:24px}
.mi-lead{margin:0 0 14px;color:var(--muted);font-size:14px}
.mi-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.mi-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.mi-table th,.mi-table td{padding:11px 14px;text-align:right;border-bottom:1px solid var(--line-soft);white-space:nowrap}
.mi-table th:first-child,.mi-table thead th:first-child{text-align:left}
.mi-table thead th{font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2)}
.mi-table tbody th{font-weight:600;color:var(--text)}
.mi-table .mi-group th{padding:9px 14px 6px;font-size:12px;font-weight:700;color:var(--muted);text-align:left;background:transparent}
.mi-table td.up{color:var(--up)}.mi-table td.down{color:var(--down)}
.mi-table .mi-at,.mi-table .mi-missing{color:var(--muted);font-size:12px}
.mi-table tbody tr:not(.mi-group):hover{background:var(--hover-surface)}
.mi-source{margin:10px 2px 0;font-size:12px;color:var(--muted)}
/* Phones: the table fits the screen; the %-change column stays, the absolute change is dropped. */
@media(max-width:600px){.mi-table{min-width:0;font-size:13px}.mi-table th,.mi-table td{padding:10px 8px}.mi-table thead th:nth-child(3),.mi-table tbody td:nth-child(3){display:none}.mi-table tbody th{white-space:normal}}