/* Compare v2.1 — purpose-gated, condition-compatible comparison */
.compare-v21-scope{margin-bottom:16px;padding:18px;border:1px solid #d7e4f1;border-radius:14px;background:#fff}
.compare-v21-scope__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.compare-v21-scope__head h2{margin:2px 0 5px;color:#17395f;font-size:20px}
.compare-v21-scope__head p{max-width:760px;margin:0;color:#677d93;font-size:10.5px;line-height:1.55}
.compare-v21-current-scope{padding:7px 10px;border-radius:999px;background:#eaf4ff;color:#155d9d;font-size:9px;font-weight:800;white-space:nowrap}
.compare-v21-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.compare-v21-scope-option{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d9e4ef;border-radius:10px;background:#fbfdff;color:#244b70;text-decoration:none}
.compare-v21-scope-option:hover{border-color:#9fc3eb;background:#f4f9ff}
.compare-v21-scope-option.is-active{border-color:#2b77d4;background:#edf6ff;box-shadow:inset 0 0 0 1px #2b77d4}
.compare-v21-scope-option strong{font-size:10px}.compare-v21-scope-option small{color:#8192a4;font-size:8px;white-space:nowrap}
.compare-v2-selection__top small{display:block;margin-top:3px;color:#7b8da0;font-size:8.5px;font-weight:600}
.compare-v21-ready{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;padding:24px;border:1px dashed #c9d9e8;border-radius:13px;background:#fbfdff;color:#1e67b4;text-align:left}
.compare-v21-ready h2{margin:0 0 3px;color:#17395f;font-size:16px}.compare-v21-ready p{margin:0;color:#71859a;font-size:9.5px}
.compare-v21-excluded{display:flex;gap:8px;align-items:center;margin-bottom:12px;padding:9px 11px;border:1px solid #f0d2b6;border-radius:9px;background:#fff8f0;color:#815a34;font-size:9px}.compare-v21-excluded strong{color:#7a4318}
.compare-v2-picker__row.is-incompatible{opacity:.48;background:#f7f8fa;cursor:not-allowed}.compare-v2-picker__identity em{display:block;margin-top:3px;color:#9b5b50;font-size:7.5px;font-style:normal;font-weight:700}[data-compare-ineligible-note][hidden]{display:none!important}
.compare-v21-insufficient-note{margin-top:14px;padding:11px 12px;border:1px solid #dce5ed;border-radius:10px;background:#fff;color:#5b7186}.compare-v21-insufficient-note strong{display:block;color:#38536e;font-size:10px}.compare-v21-insufficient-note p{margin:4px 0 0;font-size:9px;line-height:1.5}
.compare-v21-insufficient-note + .compare-v21-heatmap-wrap{display:none}
.compare-v21-insufficient-note ~ .compare-v2-legend{display:none}
.compare-v21-heatmap-wrap{margin-top:15px;overflow:auto;border:1px solid #dce7f1;border-radius:12px;background:#fff}
.compare-v21-heatmap{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.compare-v21-heatmap th,.compare-v21-heatmap td{border-right:1px solid #e8eef4;border-bottom:1px solid #e8eef4}.compare-v21-heatmap tr:last-child th,.compare-v21-heatmap tr:last-child td{border-bottom:0}.compare-v21-heatmap th:last-child,.compare-v21-heatmap td:last-child{border-right:0}
.compare-v21-heatmap thead th{padding:9px;background:#f7fafe;vertical-align:bottom}.compare-v21-heatmap thead th.corner{width:170px;text-align:left;color:#62788f;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.compare-v21-heatmap tbody th{width:170px;padding:9px;background:#fbfdff;text-align:left;vertical-align:middle}.compare-v21-heatmap td{height:48px;text-align:center;font-size:15px;font-weight:900}
.compare-v21-axis-label{display:block;min-width:0}.compare-v21-axis-label strong{display:block;color:#24486b;font-size:8.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.compare-v21-axis-label small{display:block;margin-top:2px;color:#8797a7;font-size:6.8px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.compare-v21-heatmap td.self{background:#f3f5f7;color:#9aa7b3}.compare-v21-heatmap td.direct{background:#e6f7ee;color:#19744a}.compare-v21-heatmap td.partial{background:#fff6d8;color:#9b6d00}.compare-v21-heatmap td.not-direct{background:#ffebe8;color:#ad4038}.compare-v21-heatmap td.insufficient{background:#edf1f5;color:#66788b}
.compare-v2-comparability>.compare-v2-legend{justify-content:flex-end;margin-top:8px}
@media(max-width:760px){.compare-v21-scope__head{display:block}.compare-v21-current-scope{display:inline-block;margin-top:9px}.compare-v21-scope-grid{grid-template-columns:1fr 1fr}.compare-v21-scope-option{display:block}.compare-v21-scope-option small{display:block;margin-top:3px}.compare-v21-ready{justify-content:flex-start;padding:16px}.compare-v21-excluded{display:block}.compare-v21-heatmap{min-width:680px}.compare-v21-heatmap thead th.corner,.compare-v21-heatmap tbody th{width:145px}.compare-v21-axis-label strong{font-size:8px}.compare-v21-axis-label small{font-size:6.5px}}
@media(max-width:430px){.compare-v21-scope-grid{grid-template-columns:1fr}.compare-v21-scope{padding:14px}.compare-v21-scope__head h2{font-size:18px}}