.lead { color: var(--text-2); max-width: 66ch; line-height: 1.55; }
[data-text] { min-height: 90px; font-family: var(--mono); font-size: .95rem; }
.ui-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 12px 0; }
.ui-summary { font-size: .84rem; color: var(--text-2); margin-bottom: 10px; }
.ui-summary.warn { color: var(--warn); }
.ui-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); }
.ui-table { border-collapse: collapse; width: 100%; font-size: .82rem; }
.ui-table th, .ui-table td { text-align: left; padding: 5px 10px; border-bottom: 1px solid var(--line-2); white-space: nowrap; }
.ui-table th { background: var(--surface-2); }
.ui-table tr.risky { background: var(--warn-bg); }
.ui-glyph { font-size: 1rem; }
.ui-ph { font-family: var(--mono); font-size: .7rem; color: var(--text-2); border: 1px dashed var(--line-3); padding: 0 3px; border-radius: 3px; }