.route-comparison-panel{display:flex;flex-direction:column;min-height:0;background:#f8fbff;color:#20314c}
.route-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 7px;flex-wrap:wrap}.route-comparison-heading strong{font-size:calc(16px + var(--ui-font-increase, 2px))}.route-comparison-heading label{display:flex;align-items:center;gap:6px;font-size:calc(12px + var(--ui-font-increase, 2px));color:#526582}.route-comparison-heading select{font:inherit;padding:6px;border:1px solid #dce5ef;border-radius:5px;background:#fff;color:#243c59;max-width:230px}
.route-comparison-status{margin:0;padding:0 14px 9px;font-size:calc(11px + var(--ui-font-increase, 2px));color:#71829a}.route-comparison-status.error{color:#a32121}
.route-comparison-summary{display:flex;gap:8px;padding:0 12px 12px;flex-wrap:wrap}.route-comparison-summary>div{flex:1;min-width:100px;padding:10px;border:1px solid #e0e8f2;border-radius:7px;background:#fff}.route-comparison-summary span,.route-comparison-summary small{display:block;font-size:calc(11px + var(--ui-font-increase, 2px));color:#71829a}.route-comparison-summary strong{display:block;font-size:20px;margin:5px 0}.route-comparison-summary small{overflow-wrap:anywhere}
.route-comparison-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:white}.route-comparison-scroll table{border-collapse:separate;border-spacing:0;min-width:640px;width:100%;font-size:calc(12px + var(--ui-font-increase, 2px));font-variant-numeric:tabular-nums}.route-comparison-scroll th,.route-comparison-scroll td{padding:12px;border-bottom:1px solid #e4ebf4;text-align:right;white-space:nowrap}.route-comparison-scroll thead th{position:sticky;top:0;background:#edf3fc;z-index:2;color:#526582;font-weight:500}.route-comparison-scroll th:first-child{text-align:left;position:sticky;left:0;min-width:180px;max-width:240px;background:#fff;white-space:normal;z-index:1}.route-comparison-scroll thead th:first-child{background:#edf3fc;z-index:3}.route-comparison-scroll tbody th{font-weight:500}.route-comparison-scroll tbody th i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.route-comparison-scroll td strong{font-weight:600;font-size:calc(14px + var(--ui-font-increase, 2px))}.route-comparison-scroll small{display:block;font-size:calc(10px + var(--ui-font-increase, 2px));color:#8290a4;margin-top:5px}.route-comparison-scroll .route-best{background:#eff9f4;color:#227551}.route-comparison-scroll .route-best small{color:#448669}
/* Match the analysis tables and keep help in the panel's normal scroll flow. */
.route-comparison-panel{display:block;padding:12px;overflow:auto;background:#fff;color:#26374b;font-size:calc(13px + var(--ui-font-increase, 2px))}
.route-comparison-heading{padding:0 0 10px}
.route-comparison-status{padding:0 0 10px}
.route-comparison-summary{padding:0 0 12px}
.route-comparison-scroll{overflow:auto;margin:10px 0;overscroll-behavior:auto}
.route-comparison-scroll table{border-collapse:collapse;font-size:inherit}
.route-comparison-scroll th,.route-comparison-scroll td{padding:7px;border-bottom:1px solid #dce3eb}
.route-comparison-scroll thead th,.route-comparison-scroll thead th:first-child{position:static;border-top:1px solid #dce3eb;background:#fff;color:#26374b;font-weight:700}
.route-comparison-scroll tbody tr:hover>th,.route-comparison-scroll tbody tr:hover>td{background:#edf4ef}
.route-comparison-help{margin-top:24px;font-size:inherit}
.route-comparison-help summary{cursor:pointer}
.route-comparison-help p{line-height:1.5;margin:8px 0;color:#53657a}
.route-comparison-help summary:focus-visible{outline:2px solid #2476c8;outline-offset:2px}