.mpo-app .mpo-rna-controls, .mpo-app .mpo-rna-card { min-width: 0; overflow-wrap: anywhere; }
.mpo-app .mpo-rna-controls { display: grid; gap: 10px; margin-block: 14px; }
.mpo-app .mpo-rna-controls p, .mpo-app .mpo-rna-card p { margin: 4px 0; }
.mpo-app .mpo-rna-primary { font-size: 16px; font-weight: 700; line-height: 1.4; margin-block: 5px; text-wrap: balance; }
.mpo-app .mpo-rna-observation { border-top: 1px solid rgba(127,127,127,.25); padding-block: 12px; overflow-wrap: anywhere; }
.mpo-app .mpo-rna-note { font-size: 12px; line-height: 1.5; text-wrap: pretty; overflow-wrap: anywhere; }
.mpo-app .mpo-rna-numbers, .mpo-app .mpo-rna-count { font-variant-numeric: tabular-nums; font-size: 13px; line-height: 1.5; }
.mpo-app .mpo-rna-provenance { font-size: 12px; margin-top: 10px; }
.mpo-app .mpo-rna-provenance summary { cursor: pointer; min-height: 40px; align-content: center; }
.mpo-app .mpo-rna-toggle { display: flex; gap: 8px; align-items: center; min-height: 40px; font-size: 13px; }
.mpo-app .mpo-rna-toggle input { flex: 0 0 auto; }
.mpo-app .mpo-rna-legend { display: flex; flex-wrap: wrap; gap: 8px 14px; font-size: 12px; font-weight: 600; }
.mpo-app .mpo-rna-elevated { color: #a21caf; }
.mpo-app .mpo-rna-reduced { color: #0f766e; }
.mpo-app .mpo-rna-mixed { color: #92400e; }
.mpo-app .mpo-rna-within { color: #475569; }
.mpo-app .mpo-rna-dialog { box-sizing: border-box; width: min(760px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); padding: 20px; border: 0; border-radius: 16px; background: #fff; color: #0f172a; box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 12px 48px rgba(0,0,0,.3); overflow: auto; }
.mpo-app .mpo-rna-dialog::backdrop { background: rgba(0,0,0,.55); }
.mpo-app .mpo-rna-dialog h2 { margin: 0 0 12px; font-size: 20px; line-height: 1.3; text-wrap: balance; }
.mpo-app .mpo-rna-dialog p { margin-block: 8px; }
.mpo-app .mpo-rna-filters { display: grid; gap: 8px; grid-template-columns: minmax(0,1fr); }
.mpo-app .mpo-rna-controls select, .mpo-app .mpo-rna-filters input, .mpo-app .mpo-rna-filters select { box-sizing: border-box; min-width: 0; width: 100%; min-height: 40px; }
.mpo-app .mpo-rna-pagination { display: flex; flex-wrap: wrap; gap: 8px; position: sticky; bottom: -20px; padding-block: 10px; background: inherit; }
.mpo-app .mpo-rna-dialog button, .mpo-app .mpo-rna-controls button { min-height: 40px; }
.mpo-app .mpo-rna-results { max-height: 55dvh; overflow: auto; overscroll-behavior: contain; }
html:is([data-theme="dark"], [data-mpo-system-theme="dark"]) .mpo-app .mpo-rna-dialog { background: #0f172a; color: #e2e8f0; color-scheme: dark; box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 12px 48px rgba(0,0,0,.4); }
html:is([data-theme="dark"], [data-mpo-system-theme="dark"]) .mpo-app .mpo-rna-elevated { color: #f0abfc; }
html:is([data-theme="dark"], [data-mpo-system-theme="dark"]) .mpo-app .mpo-rna-reduced { color: #5eead4; }
html:is([data-theme="dark"], [data-mpo-system-theme="dark"]) .mpo-app .mpo-rna-mixed { color: #fcd34d; }
html:is([data-theme="dark"], [data-mpo-system-theme="dark"]) .mpo-app .mpo-rna-within { color: #cbd5e1; }