.research-compare-dialog { box-sizing: border-box; width: min(1240px, calc(100vw - 28px)); height: min(920px, calc(100dvh - 28px)); max-height: calc(100dvh - 28px); padding: 20px; border: 1px solid var(--border, #d6dbe4); border-radius: 18px; color: var(--text, #17253b); background: var(--surface, #fff); overflow: auto; }
.research-compare-dialog::backdrop { background: #17253b85; }
.research-compare-dialog * { box-sizing: border-box; }
.research-compare-top, .research-compare-toolbar, .research-compare-editor-top, .research-compare-links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.research-compare-top { justify-content: space-between; }
.research-compare-top h2 { margin: 0; font-size: 22px; }
.research-compare-button { min-height: 42px; padding: 9px 13px; border-radius: 10px; border: 1px solid var(--border, #cbd5e1); color: inherit; background: var(--surface, #fff); cursor: pointer; font: inherit; }
.research-compare-button:hover { background: var(--surface-hover, #edf3fa); }
.research-compare-button:disabled { opacity: .55; cursor: default; }
.research-compare-button:focus-visible, .research-compare-dialog input:focus-visible, .research-compare-dialog textarea:focus-visible, .research-compare-dialog select:focus-visible { outline: 3px solid #5599e5; outline-offset: 2px; }
.research-compare-intro { line-height: 1.65; color: var(--muted, #52637b); margin: 12px 0; }
.research-compare-message { min-height: 1.4em; line-height: 1.5; }
.research-compare-message.error, .research-compare-save.error { color: #ae342c; }
.research-compare-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--border, #d6dbe4); border-radius: 12px; -webkit-overflow-scrolling: touch; }
.research-compare-table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 680px; table-layout: fixed; font-size: 14px; }
.research-compare-table th, .research-compare-table td { min-width: 230px; width: 230px; text-align: left; vertical-align: top; padding: 13px; line-height: 1.6; border-bottom: 1px solid var(--border, #e0e6ed); white-space: pre-wrap; overflow-wrap: anywhere; }
.research-compare-table tr:last-child th, .research-compare-table tr:last-child td { border-bottom: none; }
.research-compare-table th:first-child { width: 145px; min-width: 145px; position: sticky; left: 0; z-index: 1; background: var(--surface, #f8fafc); }
.research-compare-table thead th { background: var(--surface, #f3f6fa); }
.research-compare-table .research-compare-title { display: block; margin-bottom: 8px; font-weight: 650; }
.research-compare-table .research-compare-button { font-size: 13px; min-height: 36px; padding: 6px 9px; }
.research-compare-table .research-compare-unverified { color: var(--muted, #6a778b); }
.research-compare-heading { font-size: 18px; margin: 24px 0 12px; }
.research-compare-pair { border: 1px solid var(--border, #d6dbe4); padding: 12px; border-radius: 12px; margin: 10px 0; overflow-wrap: anywhere; }
.research-compare-pair summary { cursor: pointer; line-height: 1.6; }
.research-compare-category { margin: 12px 0; padding-left: 10px; border-left: 3px solid #b4c8df; }
.research-compare-category[data-status="notComparable"] { border-color: #bd6e38; }
.research-compare-category[data-status="unknown"] { border-color: #98a4b4; }
.research-compare-category p { margin: 4px 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.research-compare-editor { border: 1px solid var(--border, #d6dbe4); background: var(--surface, #f8fafc); padding: 15px; border-radius: 12px; margin-top: 22px; }
.research-compare-editor select { max-width: 100%; flex: 1; min-width: 0; min-height: 42px; font: inherit; color: inherit; background: var(--surface, #fff); border: 1px solid var(--border, #cad4df); border-radius: 8px; padding: 8px; }
.research-compare-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 14px; }
.research-compare-field { display: block; min-width: 0; }
.research-compare-field span { display: block; margin-bottom: 6px; font-size: 14px; }
.research-compare-field textarea { display: block; width: 100%; min-height: 80px; resize: vertical; font: inherit; font-size: 14px; color: inherit; border: 1px solid var(--border, #cad4df); background: var(--surface, #fff); border-radius: 8px; padding: 9px; }
.research-compare-conflict { border: 1px solid #e4b473; background: #fff9ec; padding: 12px; color: #64451c; border-radius: 10px; margin: 10px 0; }
.research-compare-conflict pre { overflow-wrap: anywhere; white-space: pre-wrap; font: inherit; font-size: 14px; }
.research-compare-evidence { margin: 14px 0; padding: 12px; border: 1px solid var(--border, #d6dbe4); border-radius: 10px; overflow-wrap: anywhere; }
.research-compare-evidence blockquote { white-space: pre-wrap; margin: 8px 0 12px; padding: 8px 10px; border-left: 3px solid #8cb2da; font-size: 14px; line-height: 1.65; }
@media (max-width: 700px) {
  .research-compare-dialog { width: calc(100vw - 12px); height: calc(100dvh - 12px); max-height: calc(100dvh - 12px); padding: 14px; border-radius: 12px; }
  .research-compare-top h2 { font-size: 19px; }
  .research-compare-fields { grid-template-columns: 1fr; }
  .research-compare-table th:first-child { width: 114px; min-width: 114px; }
  .research-compare-editor { padding: 11px; }
}