/* No scroller of its own: the window's body already is one, and a second inside it draws
   the engine's bar rather than the terminal's. */
.mf-diagnostics {
	display: flex;
	flex-direction: column;
	gap: var(--mf-space-2);
	--mf-surface-pad: var(--mf-space-3);

	min-height: 100%;
	padding: var(--mf-surface-pad);
	background: var(--mf-color-surface-raised);
	font-size: var(--mf-font-size-label);
}

.mf-diagnostics-head {
	border-bottom: var(--mf-border);
	padding-bottom: var(--mf-space-2);
}

.mf-diagnostics-title {
	color: var(--mf-color-accent);
	font-size: var(--mf-font-size-tiny);
	font-weight: var(--mf-font-weight-strong);
	letter-spacing: var(--mf-track-heading);
	text-transform: uppercase;
}

/* A chip is the reading, so the value column only has to make room for one, and a
   reading that reads on one line is never worth wrapping. */
.mf-diagnostics .mf-readout {
	grid-template-columns: minmax(6em, max-content) max-content;
	align-items: center;
	font-size: inherit;
	white-space: nowrap;
}