/* 8.ro */
.re-box { display: flex; align-items: center; gap: 6px; font: 500 1rem var(--mono); color: var(--faint); }
.re-box .field-in { flex: 1; }
.re-view { white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; max-height: 60vh; background: var(--surface-2); }
.re-view mark { color: inherit; border-radius: 3px; padding: 1px 0; }
.re-view .m-a { background: color-mix(in srgb, var(--accent) 28%, transparent); box-shadow: inset 0 -2px 0 var(--accent); }
.re-view .m-b { background: color-mix(in srgb, #2563eb 22%, transparent); box-shadow: inset 0 -2px 0 #2563eb; }
.re-view .m-zero { display: inline-block; width: 2px; height: 1.2em; vertical-align: text-bottom; background: var(--accent); }
.re-list thead th { color: var(--faint); font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; border-top: 0; }
.re-list tbody th { width: 1%; }
.re-list td:nth-child(3) { width: 1%; white-space: nowrap; font-family: var(--mono); }
.field-text.re-out { min-height: 140px; }