.lead { color: var(--text-2); max-width: 62ch; line-height: 1.55; }
.hv-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 16px 0; }
.hv-narrow { max-width: 130px; }
.hv-info { font-size: .8rem; color: var(--text-2); font-variant-numeric: tabular-nums; }
[data-in] { min-height: 90px; font-family: var(--mono); font-size: .82rem; margin-top: 4px; }

.hv-out { margin-top: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); overflow: auto; max-height: 520px; padding: 10px 12px; font-family: var(--mono); font-size: .8rem; }
.hv-line { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; white-space: pre; line-height: 1.5; }
.hv-off { color: var(--text-2); }
.hv-asc { color: var(--accent-2); }