/* Visual comparison layer. Evidence values and selection remain shared. */
#evidence-comparison{max-width:100%;min-width:0;padding:28px;margin-top:28px;background:linear-gradient(135deg,#101c34e8,#100f24ef);border:1px solid #7abde237;border-radius:22px;box-shadow:0 0 40px #6a4bf20a;overflow-wrap:anywhere}
#evidence-comparison p,#evidence-comparison li{font-size:16px;line-height:1.65}
#evidence-comparison small{display:block;color:#c4cfe2;font-size:14px;line-height:1.5}
#evidence-comparison summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:16px;overflow-wrap:anywhere}
#evidence-comparison a{display:inline-flex;align-items:center;min-height:44px}
#evidence-comparison button{min-height:44px;min-width:44px;font:inherit;cursor:pointer}
.comparison-modes{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.comparison-modes button{font-size:16px;padding:10px 20px;border-radius:11px;border:1px solid #8db8df5c;background:#111b31;color:#e8f0ff}
.comparison-modes button[aria-pressed=true]{background:#92e9ff;color:#081525;border-color:#92e9ff;box-shadow:0 0 20px #53ccff1f}
#comparison-status{color:#b3c8e1;margin:12px 0 18px}
.compare-tool-panels{display:grid;grid-template-columns:repeat(var(--selected-tools),minmax(0,1fr));gap:16px;margin:18px 0 28px}
.compare-tool-panels:empty{display:none}
.compare-tool-panel{border:1px solid #78baff42;border-radius:16px;background:#10192ce8;min-width:0;overflow:hidden;box-shadow:inset 0 1px 0 #d2e8ff0b}
.compare-tool-panel:nth-child(2){border-color:#ab7bf05c}
.compare-tool-panel:nth-child(3){border-color:#ed8bcc45}
.compare-tool-panel .compare-visual-banner{height:92px;min-height:92px;border-radius:0;border-bottom:1px solid #8bd6ff25;position:relative;overflow:hidden}
.compare-abstract-banner{background:linear-gradient(90deg,transparent 95%,#66d0ff18 95%) 0 0/24px 24px,linear-gradient(0deg,transparent 95%,#66d0ff18 95%) 0 0/24px 24px,radial-gradient(ellipse at 70% 30%,#6139d554,transparent 70%),linear-gradient(135deg,#103f5b,#15162f);display:flex;align-items:center;justify-content:center}
.compare-abstract-banner span{font-size:12px;letter-spacing:3px;color:#b8e4ff}
.compare-tool-identity{display:flex;align-items:center;gap:12px;padding:18px 18px 0;min-width:0}
.compare-tool-identity>div{min-width:0}
.compare-tool-identity h3{font-size:20px;line-height:1.35;margin:0 0 4px;overflow-wrap:anywhere;color:#f1f6ff}
#evidence-comparison .compare-tool-identity p{font-size:14px;line-height:1.5;color:#bdcce1;margin:0}
.compare-logo-placeholder{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:14px;color:#d9faff;background:linear-gradient(135deg,#14516b,#362761);border:1px solid #8ddfff66;font-size:20px;font-weight:700}
#evidence-comparison .compare-tool-description{padding:0 18px;margin:14px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#d4dff1;min-height:52px}
.compare-tool-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 18px 12px}
.compare-tool-tags span{color:#bde7ff;border:1px solid #76c0ff3b;background:#1540652e;border-radius:6px;padding:4px 7px;font-size:13px}
.compare-tool-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 14px 14px}
.compare-tool-actions a{font-size:15px;color:#96e5ff;text-decoration:none;padding:0 4px}
.compare-tool-actions button{color:#d1dcef;background:#172039;border:1px solid #819abe5c;border-radius:9px;padding:8px 12px}
.basic-row{margin:18px 0;border-top:1px solid #aecdf52a;padding-top:16px}
.basic-row h3{font-size:18px;color:#a8eaff;margin:0 0 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.basic-row h3 small{font-size:12px!important;background:#244d5b;color:#d4f6ff;padding:4px 7px;border-radius:5px}
.basic-columns{display:grid;grid-template-columns:repeat(var(--selected-tools),minmax(0,1fr));gap:12px}
.basic-cell{background:#111e35c9;border:1px solid #89b5f029;border-radius:12px;padding:16px;min-width:0;overflow-wrap:anywhere}
.basic-cell h4{font-size:16px;line-height:1.4;margin:0 0 10px;color:#c4d6f0}
.fact-item{margin:10px 0}.fact-item:first-child{margin-top:0}.fact-item p{margin:4px 0}
.fact-state{font-size:13px!important;color:#a8e3ff!important;display:inline-block!important;border:1px solid #71c9ff30;border-radius:5px;padding:2px 7px;background:#1234487a}
.fact-state.unknown,.fact-unknown{color:#c4cfe2!important;background:#1d263e;border-color:#697b934a}
.fact-state.stale{color:#ffd38e!important;background:#49382059;border-color:#dfa7604a}
.fact-state.not_applicable{color:#c8c8dc!important;background:#252236}
.fact-evidence{margin-top:4px}.fact-evidence p{font-size:14px!important;line-height:1.7}
.fact-evidence summary,.fact-more>summary{color:#a9c8e1;font-size:14px!important}
.fact-evidence pre,#evidence-json{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:14px;color:#c4cfe2}
#evidence-comparison .table-scroll{margin:18px 0;max-width:100%;border:1px solid #91b3e329;border-radius:14px}
#evidence-comparison table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
#evidence-comparison th,#evidence-comparison td{min-width:0;overflow-wrap:anywhere;vertical-align:top;padding:16px;border-color:#9cbbe02a}
#evidence-comparison th:first-child{width:18%}
#evidence-comparison thead th{color:#c8eaff;background:#152c419c;font-size:16px}
#evidence-comparison caption{text-align:left;font-size:18px;color:#cceeff;padding:16px;background:#112139}
.evidence-coverage>h3,.evidence-coverage th{border-left:3px solid #45ccff;padding-left:10px}
.decision-form{border:1px solid #a4bbdf40;padding:16px;border-radius:12px;margin-top:22px;background:#0b172980}
.evidence-filters,.evidence-contexts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#comparison-controls label,#specialist-controls label{display:block;font-size:16px;min-width:0}
#comparison-controls select,#comparison-controls input,#specialist-controls select{display:block;width:100%;max-width:100%;min-height:44px;font:inherit;color:#edf3ff;background:#101c34;border:1px solid #73849f;padding:8px;border-radius:8px;margin:6px 0 12px;box-sizing:border-box}
#comparison-controls fieldset{min-width:0;border:1px solid #73849f;border-radius:8px;padding:12px}
#comparison-controls button{min-height:44px;font-size:16px}
.data-links{display:flex;flex-wrap:wrap;gap:4px 12px}.data-links a{overflow-wrap:anywhere}
.compare-empty{padding:30px 20px;border:1px dashed #81a4d86e;border-radius:15px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#2836773b,transparent 70%)}
.compare-empty-count{color:#9cc9ff;letter-spacing:4px;font-size:14px}.compare-empty h3{font-size:22px;color:#ecf4ff;margin:14px 0}
#evidence-comparison :focus-visible{outline:3px solid #69deff;outline-offset:3px}
@media(max-width:1000px){.compare-tool-panels{gap:10px}.compare-tool-identity{padding:14px 12px 0;gap:10px}.compare-tool-identity h3{font-size:18px}.compare-tool-description{padding:0 12px!important}.compare-tool-tags{margin-left:12px;margin-right:12px}.compare-tool-actions{padding-left:8px;padding-right:8px;flex-wrap:wrap}#evidence-comparison{padding:22px}}
@media(max-width:760px){.compare-tool-panels,.basic-columns{grid-template-columns:1fr}.compare-tool-panel .compare-visual-banner{height:64px;min-height:64px}.compare-tool-identity{padding:14px 16px 0}.compare-tool-identity h3{font-size:20px}.compare-tool-description{min-height:0!important;padding:0 16px!important}.compare-tool-tags{margin-left:16px;margin-right:16px}.compare-tool-actions{padding:0 12px 12px}.compare-tool-panels{gap:12px;margin-bottom:24px}.evidence-filters,.evidence-contexts{grid-template-columns:1fr}#evidence-comparison{padding:16px;border-radius:16px}.basic-cell{padding:14px}.basic-row{margin:18px 0}.basic-row h3{margin-bottom:10px}#evidence-comparison .table-scroll{overflow:visible;border:0}#evidence-comparison table,#evidence-comparison tbody{display:block;width:100%;min-width:0}#evidence-comparison thead{display:none}#evidence-comparison caption{display:block;border:1px solid #91b3e329;border-radius:12px;margin-bottom:16px}#evidence-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:24px}#evidence-comparison tbody th{display:block;width:auto!important;padding:8px 0;border:0;font-size:18px;color:#a8eaff;text-align:left;background:transparent}#evidence-comparison tbody td{display:block;min-width:0;padding:14px;border:1px solid #89b5f029;background:#111e35c9;border-radius:12px}#evidence-comparison tbody td::before{content:attr(data-tool-name);display:block;font-size:16px;font-weight:700;color:#c4d6f0;margin-bottom:12px}.comparison-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comparison-modes button{padding:10px 8px}.decision-form{padding:12px}}
@media(prefers-reduced-motion:reduce){#evidence-comparison *{scroll-behavior:auto;transition:none!important}}
