body {
            background-color: #FFFFFF;
            color: #0F172A;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
        }
        
        .code-font {
            font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }

        .data-card {
            background-color: #FFFFFF;
            border: 1px solid #E2E8F0;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
        }

        .data-card-subtle {
            background-color: #F8FAFC;
            border: 1px solid #E2E8F0;
            border-radius: 8px;
        }

        input[type=range] {
            accent-color: #1D4ED8;
        }

        .selector-active {
            background-color: #0F172A !important;
            color: #FFFFFF !important;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.2);
            transform: translateY(-1px);
        }
        .selector-inactive {
            background-color: transparent !important;
            color: #475569 !important;
        }
        .selector-pulse {
            animation: selector-pulse 260ms ease-out;
        }
        @keyframes selector-pulse {
            0% { transform: scale(0.96) translateY(0); }
            55% { transform: scale(1.04) translateY(-1px); }
            100% { transform: scale(1) translateY(-1px); }
        }
        @media (prefers-reduced-motion: reduce) {
            .selector-pulse { animation: none; }
        }

        #crisis-table-wrap {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        #crisis-table-wrap table {
            min-width: 1080px;
            table-layout: fixed;
        }
        #crisis-table-wrap .crisis-col-regime { width: 23%; }
        #crisis-table-wrap .crisis-col-metric { width: 19.25%; }
        #crisis-table-wrap th,
        #crisis-table-wrap td {
            vertical-align: top;
            white-space: normal;
            text-align: center;
            line-height: 1.35;
        }
        #crisis-table-wrap th:first-child,
        #crisis-table-wrap td:first-child { text-align: left; }
        #crisis-table-wrap td > span { display: inline-block; }
        #crisis-table-wrap td > span.text-slate-400 { margin: 0 0.18rem; }
        #crisis-table-wrap th { height: 82px; }
        #crisis-table-wrap td { min-height: 72px; }
        #crisis-table-wrap .crisis-window { display: block; margin-top: 0.3rem; font-size: 10px; color: #64748B; }
        #crisis-table-wrap .crisis-value { display: inline-block; white-space: nowrap; }
        @media (max-width: 640px) {
            #crisis-table-wrap { margin-inline: -0.5rem; padding-inline: 0.5rem; }
            #crisis-table-wrap table { min-width: 1080px; }
            #crisis-table-wrap th,
            #crisis-table-wrap td { padding: 0.65rem 0.55rem; font-size: 10px; }
            #crisis-table-wrap th:first-child,
            #crisis-table-wrap td:first-child { width: 29%; }
            #crisis-table-wrap th:not(:first-child),
            #crisis-table-wrap td:not(:first-child) { width: 17.75%; }
        }

        /* Section navigation is consolidated into the primary header. */
        .section-tabs-wrap { display: none; }
        .section-tabs {
            display: flex;
            align-items: center;
            gap: 0.35rem;
            min-height: 46px;
            overflow-x: auto;
            scrollbar-width: none;
        }
        .section-tabs::-webkit-scrollbar { display: none; }
        .section-tab {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            min-height: 30px;
            padding: 0.35rem 0.7rem;
            border: 1px solid transparent;
            border-radius: 999px;
            color: #64748B;
            font-size: 0.69rem;
            font-weight: 700;
            letter-spacing: 0.045em;
            text-transform: uppercase;
            white-space: nowrap;
            transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
        }
        .section-tab:hover,
        .section-tab:focus-visible {
            color: #0F172A;
            background: #FFFFFF;
            border-color: #CBD5E1;
            outline: none;
        }
        .section-tab-active {
            color: #1D4ED8;
            background: #EEF3FF;
            border-color: #C7D7F8;
        }
        @media (max-width: 767px) {
            .section-tabs-wrap { top: 64px; }
            .section-tabs { margin: 0 -1.5rem; padding: 0.45rem 1.5rem; }
        }