
.name-button{font:inherit;font-size:18px;font-weight:650;border:0;background:none;color:inherit;padding:0;cursor:pointer;text-align:left}.name-button:hover{text-decoration:underline;text-underline-offset:4px}.metric-row{cursor:pointer}.metric-row a{cursor:pointer}.focus-actions{display:flex;gap:18px;flex-wrap:wrap;margin:-8px 0 20px;font-size:14px}.detail-heading strong{font-size:24px}.focus-stats{display:flex;gap:0;margin:0 0 20px;padding:16px 0;border-top:1px solid #e5e9e6;border-bottom:1px solid #e5e9e6}.focus-stat{flex:1;min-width:0;padding:0 20px;border-right:1px solid #e5e9e6}.focus-stat:first-child{padding-left:0}.focus-stat:last-child{border:0}.focus-stat p{font-size:14px;color:#52616a;margin:0 0 5px}.focus-stat strong{display:block;font-size:18px;font-variant-numeric:tabular-nums}.focus-stat span{display:block;font-size:14px;color:#52616a;margin-top:4px}.source-range{padding:18px 20px;background:#fafaf7;border:1px solid #e5e9e6;border-radius:6px;margin:0 0 20px}.source-range h2{font-size:18px;margin:0 0 20px}.range-rail{height:7px;background:#ddd4b8;position:relative;margin:0 6px 10px}.range-rail>span{position:absolute;height:19px;width:3px;background:#6a541c;top:-6px;transform:translateX(-50%)}.range-ends{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-variant-numeric:tabular-nums}.range-ends span:nth-child(2){font-weight:650}.chart-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.chart-toolbar h2{font-size:18px;margin:0}.range-controls{display:flex;gap:5px}.range-controls button{font-size:14px;background:white;border:1px solid #d9e0dc;color:#52616a;padding:6px 12px;border-radius:4px;cursor:pointer}.range-controls [aria-pressed="true"]{border-color:#176a54;color:#176a54;background:#edf4ef}.detail-chart{margin-bottom:20px}.chart-caption{font-size:14px}.detail-info{margin-top:20px;padding-top:18px;border-top:1px solid #e5e9e6}.detail-info h2{font-size:18px}.detail-info a{font-size:14px}#metric-switcher{margin-top:24px;border-top:1px solid #d9e0dc;padding-top:16px}#metric-switcher h2{font-size:18px;margin:0 0 12px}.metric-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.metric-option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;border:1px solid #d9e0dc;border-radius:5px;background:white;color:#1c2c33;padding:12px 14px;cursor:pointer;text-align:left}.metric-option:hover{border-color:#176a54;background:#f1f6f3}.metric-option span{font-size:14px;word-break:keep-all}.metric-option strong{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-option time{font-size:14px;color:#52616a}.metric-option:focus-visible,.name-button:focus-visible{outline:2px solid #176a54;outline-offset:3px}#recent-observations{margin-bottom:20px}#recent-observations h2{font-size:18px}.observation-table{overflow-x:auto}.observation-table table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.observation-table caption{text-align:left;color:#52616a;padding:0 0 8px}.observation-table th,.observation-table td{padding:10px 14px;text-align:right;border-bottom:1px solid #d9e0dc;white-space:nowrap}.observation-table th:first-child{text-align:left}.observation-table thead{background:#f0f4f6}.observation-table tbody td:last-child{font-weight:700}.fear-focus{margin-bottom:20px}.fear-state{color:#b24f21;font-size:18px;font-weight:650;margin:0 0 16px}.fear-rail{position:relative;padding-bottom:20px}.fear-bar{height:18px;display:flex;border-radius:12px;overflow:hidden;gap:2px}.fear-bar span:nth-child(1){width:25%;background:#c33742}.fear-bar span:nth-child(2){width:20%;background:#e69a43}.fear-bar span:nth-child(3){width:10%;background:#d4ba56}.fear-bar span:nth-child(4){width:20%;background:#91b36d}.fear-bar span:nth-child(5){width:25%;background:#348b58}.fear-marker{position:absolute;top:21px;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid #1c2c33}.fear-ticks{display:flex;justify-content:space-between;font-size:14px;color:#52616a}.fear-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:#52616a;margin:10px 0 16px}.fear-legend i{display:inline-block;width:8px;height:8px;margin-right:4px}.band-0{background:#c33742}.band-1{background:#e69a43}.band-2{background:#d4ba56}.band-3{background:#91b36d}.band-4{background:#348b58}.fear-comparisons{display:flex;padding:15px 0;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee}.focus-note{font-size:14px;color:#52616a;margin:10px 0}.cnn-difference{font-size:14px;color:#52616a}.cnn-difference summary{cursor:pointer}[data-metric="vix"] .source-range{background:#f7f5fa}[data-metric="vix"] .range-rail{background:#d7cce4}[data-metric="vix"] .range-rail>span{background:#43325f}
@media(max-width:1200px){.metric-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.focus-stats{flex-wrap:wrap;gap:16px}.focus-stat{padding:0 14px 0 0;border:0;flex:1 1 40%}.chart-toolbar{align-items:flex-start;flex-wrap:wrap}.metric-options{grid-template-columns:repeat(2,minmax(0,1fr))}.source-range{padding:15px}.range-ends{flex-wrap:wrap;gap:6px}.range-ends span:nth-child(2){order:3;width:100%;text-align:center}.range-ends span:nth-child(3){margin-left:auto}.fear-comparisons .focus-stat{flex:1;padding-right:6px}.fear-legend{gap:7px}.focus-actions{gap:12px}.detail-heading{gap:16px}.detail-heading>div:last-child{word-break:keep-all}}

#detail[data-metric="gold"]{--series-color:#a27e24}#detail[data-metric="oil"]{--series-color:#3c82b1}#detail[data-metric="vix"]{--series-color:#43325f}#detail[data-metric="fx"],#detail[data-metric="yield"]{--series-color:#356c94}#detail .dot{stroke:var(--series-color,#176a54)}#detail .last-dot{fill:var(--series-color,#176a54)}#detail #cursor-line{stroke:var(--series-color,#176a54)}

.source-range h2{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.range-current{font-size:18px;font-weight:650}.range-ends span:nth-child(2){font-weight:400}@media(max-width:800px){.range-ends span:nth-child(2){order:initial;width:auto;margin-left:auto;text-align:right}}

.table-scroll-hint{display:none;font-size:14px;color:#52616a;margin:7px 0 0}@media(max-width:800px){.table-scroll-hint{display:block}}
