.tfi-compare{--cmp-blue:#245da3;--cmp-ink:#17314f;--cmp-muted:#60718a;--cmp-line:#d8e1ec;font-family:Arial,"Noto Sans",sans-serif;color:var(--cmp-ink)}
.tfi-compare *{box-sizing:border-box}.tfi-compare [hidden]{display:none!important}
.compare-workspace{border:1px solid var(--cmp-line);border-radius:8px;background:#fff;overflow:hidden;padding:0 30px 28px}
.compare-tabs{display:flex;gap:0;margin:0 -30px 26px;border-bottom:1px solid var(--cmp-line);background:#edf3fb;padding:0 18px}
.compare-tabs button{padding:20px 18px;background:none;border:0;border-radius:0;border-bottom:3px solid transparent;color:var(--cmp-muted);font:600 15px/1.4 Arial,sans-serif;cursor:pointer}
.compare-tabs button[aria-pressed=true]{color:var(--cmp-blue);border-bottom-color:var(--cmp-blue);background:#fff}
.compare-controls{display:grid;grid-template-columns:1fr 1fr 1.25fr 1.7fr;gap:16px}
.compare-controls label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--cmp-muted)}
.compare-controls select,.compare-picker input[type=search]{width:100%;min-width:0;border:1px solid #bdcde0;background:#fff;border-radius:5px;padding:11px 12px;color:var(--cmp-ink);font:15px/1.4 Arial,sans-serif}
.compare-controls select{padding-right:26px;cursor:pointer}
.compare-selection{margin-top:22px}.compare-selected{display:flex;flex-wrap:wrap;gap:8px;min-height:38px;align-items:flex-start}
.compare-chip{display:inline-flex;align-items:center;gap:9px;max-width:100%;border:1px solid var(--cmp-line);border-radius:20px;background:#f4f7fb;padding:8px 12px;color:var(--cmp-ink);font:13px/1.3 Arial,sans-serif;cursor:pointer;text-align:left}
.compare-chip span{overflow-wrap:anywhere}.compare-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--series-color)}
.compare-picker{border:1px solid var(--cmp-line);border-radius:5px;padding:12px 15px;margin-top:12px!important;font-size:14px!important;color:var(--cmp-ink)!important}
.compare-picker summary{font-weight:600;color:var(--cmp-blue);cursor:pointer;width:auto!important;list-style-position:inside}
.compare-picker summary span{display:inline-block;margin-left:10px;font-size:12px;font-weight:400;color:var(--cmp-muted)}
.compare-search-label{display:block;margin:17px 0 7px;font-size:13px;color:var(--cmp-muted)}
.compare-picker-actions{display:flex;flex-wrap:wrap;gap:20px;margin:12px 0}
.compare-picker-actions button{border:0;background:none;padding:3px 0;color:var(--cmp-blue);text-decoration:underline;text-underline-offset:3px;font:13px/1.5 Arial,sans-serif;cursor:pointer}
.compare-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;max-height:245px;overflow:auto;border-block:1px solid #e6edf5;padding:8px 0;overscroll-behavior:contain}
.compare-options label{display:flex;align-items:center;gap:8px;padding:8px 5px;font-size:14px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}.compare-options input{flex:0 0 auto;accent-color:var(--cmp-blue);width:16px;height:16px;margin:0}
.compare-options label:has(input:disabled){color:#7c8999;cursor:default}
.compare-selection-note{font-size:12px;line-height:1.6;color:var(--cmp-muted);margin-top:10px!important}
.compare-context{font-size:13px;line-height:1.6;color:var(--cmp-muted);margin:20px 0 16px!important;min-height:21px}
.compare-highlights{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.compare-highlight{padding:19px 21px;background:#f4f7fb;border-left:3px solid #83acd9;border-radius:3px;min-width:0}
.compare-highlight p{font-size:12px;line-height:1.5;color:var(--cmp-muted);margin:0 0 7px!important}.compare-highlight strong{font-size:24px;font-weight:500;line-height:1.3;display:block;overflow-wrap:anywhere}.compare-highlight span{display:block;font-size:13px;line-height:1.6;color:var(--cmp-muted);margin-top:5px}
.compare-chart{height:380px;position:relative;width:100%;min-width:0}
.compare-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--cmp-line);margin-top:24px;padding-top:22px}.compare-results-head h3{font-size:18px;font-weight:600;line-height:1.4;margin:0}
.tfi-compare .download-link{font-size:13px!important}.tfi-compare .download-link:disabled{opacity:.45;cursor:default}
.compare-table-scroll{overflow:auto;max-width:100%;margin-top:12px}
.tfi-compare table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}.tfi-compare th,.tfi-compare td{padding:13px 12px;border-bottom:1px solid #e5ebf2;text-align:right;font-weight:400}.tfi-compare th:first-child,.tfi-compare td:first-child{text-align:left}.tfi-compare thead th{font-size:12px;background:#edf3fb;color:var(--cmp-muted);font-weight:600}.tfi-compare tbody th{font-weight:600}.tfi-compare caption{font-size:13px;text-align:left;margin:0 0 10px;color:var(--cmp-muted)}
.compare-series-name{display:flex;gap:9px;align-items:center}.compare-up{color:#245da3}.compare-down{color:#a04c3b}
.compare-method{font-size:12px;line-height:1.8;color:var(--cmp-muted);margin-top:14px!important}.compare-method a{color:var(--cmp-blue);text-decoration:underline;text-underline-offset:3px}
.compare-empty{padding:38px 18px;text-align:center;border:1px dashed var(--cmp-line);margin:20px 0!important;color:var(--cmp-muted);font-size:16px}
.compare-message{padding:12px 15px;background:#f4f7fb;border-radius:4px;font-size:13px;line-height:1.7;color:var(--cmp-muted);margin-top:14px!important}
.compare-annual{margin-top:20px!important;font-size:14px!important}.compare-annual summary{cursor:pointer;color:var(--cmp-blue)}
.tfi-compare button:focus-visible,.tfi-compare input:focus-visible,.tfi-compare select:focus-visible,.tfi-compare summary:focus-visible{outline:3px solid #4a86ce;outline-offset:3px}
@media(max-width:800px){.compare-controls{grid-template-columns:1fr 1fr}.compare-options{grid-template-columns:1fr 1fr}.compare-workspace{padding-inline:20px}.compare-tabs{margin-inline:-20px;padding-inline:8px}.compare-tabs button{padding:17px 12px;font-size:14px}.compare-chart{height:340px}}
@media(max-width:500px){.compare-workspace{padding-inline:14px}.compare-tabs{margin-inline:-14px;padding-inline:0;display:grid;grid-template-columns:1fr 1fr 1fr}.compare-tabs button{padding:15px 8px;font-size:13px}.compare-controls{gap:13px 10px}.compare-controls label{font-size:12px}.compare-controls select{font-size:14px;padding-left:9px}.compare-highlights{gap:10px}.compare-highlight{padding:14px 12px}.compare-highlight strong{font-size:20px}.compare-highlight p,.compare-highlight span{font-size:12px}.compare-options{grid-template-columns:1fr}.compare-picker{padding-inline:11px}.compare-chart{height:350px}.compare-results-head{align-items:flex-start;flex-direction:column;gap:10px}.compare-chip{font-size:12px}.compare-context{font-size:12px}}

/* Keep the dashboard legible alongside global theme styles. */
.tfi .tfi-compare label,.tfi .tfi-compare select,.tfi .tfi-compare .compare-chip,.tfi .tfi-compare .compare-picker-actions button{font-size:15px}.tfi .tfi-compare table{font-size:15px}.tfi .tfi-compare th,.tfi .tfi-compare td{font-size:15px}.tfi .tfi-compare thead th{font-size:14px}.tfi .tfi-compare .compare-context,.tfi .tfi-compare .compare-method,.tfi .tfi-compare .download-link,.tfi .tfi-compare caption{font-size:14px!important}.compare-highlight span{margin-bottom:10px}.compare-highlight p{margin-top:9px!important;font-size:16px}.compare-chip .compare-dot{margin-right:2px}