/* /Components/Layout/CmsAdminLayout.razor.rz.scp.css */
.cms-admin-shell[b-8kpkyv09gy] {
    display: grid;
    grid-template-columns: 276px minmax(0, 1fr);
    min-height: 100vh;
    color: var(--ink);
    background: var(--paper);
}

.cms-sidebar[b-8kpkyv09gy] {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 28px 22px 24px;
    color: var(--paper-deep);
    background:
        radial-gradient(circle at 14% 4%, rgba(29, 161, 242, 0.26), transparent 28%),
        linear-gradient(180deg, color-mix(in srgb, var(--ink) 76%, #fff) 0%, var(--ink) 100%);
}

.cms-brand[b-8kpkyv09gy] {
    padding: 10px;
    border-radius: 8px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--on-accent);
    font-family: var(--brand);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.cms-brand > span:last-child span[b-8kpkyv09gy] {
    color: var(--accent);
}

.cms-brand[b-8kpkyv09gy]  .exalytics-logo {
    display: block;
    flex: 0 0 auto;
}

.cms-workspace-label[b-8kpkyv09gy] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 42px 10px 16px;
}

.cms-workspace-label span[b-8kpkyv09gy] {
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.cms-workspace-label strong[b-8kpkyv09gy] {
    color: var(--on-accent);
    font-size: 15px;
}

.cms-side-nav[b-8kpkyv09gy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cms-side-nav a[b-8kpkyv09gy] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: var(--r);
    color: var(--rule-2);
    font-size: 14px;
    font-weight: 600;
    transition: 150ms ease;
}

.cms-side-nav a:hover[b-8kpkyv09gy],
.cms-side-nav a:focus-visible[b-8kpkyv09gy],
.cms-side-nav a.active[b-8kpkyv09gy] {
    color: var(--on-accent);
    border-color: rgba(129, 202, 255, 0.16);
    background: rgba(40, 143, 218, 0.16);
}

.cms-side-nav a > span[b-8kpkyv09gy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    color: var(--accent);
    font-size: 18px;
}

.cms-sidebar-note[b-8kpkyv09gy] {
    display: flex;
    gap: 10px;
    margin-top: auto;
    padding: 15px;
    border: 1px solid rgba(124, 185, 228, 0.15);
    border-radius: var(--r);
    background: rgba(0, 0, 0, 0.13);
}

.cms-sidebar-note > span[b-8kpkyv09gy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    color: var(--ink);
    background: var(--pos);
    font-size: 11px;
    font-weight: 700;
}

.cms-sidebar-note p[b-8kpkyv09gy] {
    margin: 0;
    color: var(--ink-4);
    font-size: 11px;
    line-height: 1.55;
}

.cms-back-link[b-8kpkyv09gy] {
    margin-top: 18px;
    padding: 0 8px;
    color: var(--ink-4);
    font-size: 12px;
    font-weight: 600;
}

.cms-workspace[b-8kpkyv09gy] {
    min-width: 0;
}

.cms-topbar[b-8kpkyv09gy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 80px;
    padding: 0 42px;
    border-bottom: 1px solid var(--paper-deep);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
}

.cms-topbar > div:first-child[b-8kpkyv09gy] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cms-environment[b-8kpkyv09gy] {
    color: var(--accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.cms-topbar > div:first-child strong[b-8kpkyv09gy] {
    font-size: 15px;
}

.cms-editor-identity[b-8kpkyv09gy] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.cms-editor-identity > span[b-8kpkyv09gy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: var(--on-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    font-size: 12px;
    font-weight: 700;
}

.cms-editor-identity div[b-8kpkyv09gy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cms-editor-identity strong[b-8kpkyv09gy] {
    font-size: 13px;
}

.cms-editor-identity small[b-8kpkyv09gy] {
    color: var(--ink-4);
    font-size: 11px;
}

.cms-main[b-8kpkyv09gy] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 42px;
}

@media (max-width: 900px) {
    .cms-admin-shell[b-8kpkyv09gy] {
        grid-template-columns: 1fr;
    }

    .cms-sidebar[b-8kpkyv09gy] {
        position: static;
        height: auto;
        padding: 18px;
    }

    .cms-workspace-label[b-8kpkyv09gy],
    .cms-sidebar-note[b-8kpkyv09gy],
    .cms-back-link[b-8kpkyv09gy] {
        display: none;
    }

    .cms-side-nav[b-8kpkyv09gy] {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 16px;
    }

    .cms-topbar[b-8kpkyv09gy] {
        padding: 0 22px;
    }

    .cms-main[b-8kpkyv09gy] {
        padding: 28px 20px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site[b-3b8beirats] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.site-main[b-3b8beirats] {
    flex: 1;
}

.navbar[b-3b8beirats] {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--hair);
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(12px);
}

.nav-inner[b-3b8beirats] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 8px 40px;
}

.brand[b-3b8beirats] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 200px;
    text-decoration: none;
}

.brand[b-3b8beirats]  .exalytics-logo {
    display: block;
    flex: 0 1 auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Space Grotesk is the brand face. Its tighter, more mechanical grotesk
   forms suit a quantitative wordmark; the interface stays on Inter. */
.wordmark[b-3b8beirats] {
    color: var(--accent-deep);
    font-family: var(--brand);
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: lowercase;
}

.ai[b-3b8beirats] {
    display: inline-block;
    margin-left: 0.035em;
    padding: 0;
    border-radius: 0;
    color: var(--accent);
    background: none;
    font-family: inherit;
    font-size: 1em;
    font-weight: inherit;
    letter-spacing: inherit;
    box-shadow: none;
    vertical-align: baseline;
    transform: none;
}

.nav-center[b-3b8beirats] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(26px, 3.4vw, 46px);
}

.nav-item[b-3b8beirats] {
    color: var(--muted);
    font-size: 15px;
    font-weight: 700;
    transition: color 160ms ease;
}

.nav-item:hover[b-3b8beirats],
.nav-item:focus-visible[b-3b8beirats],
.nav-item.active[b-3b8beirats] {
    color: var(--ink);
}

.nav-right[b-3b8beirats] {
    display: flex;
    align-items: center;
    gap: 22px;
    white-space: nowrap;
}

.nav-login[b-3b8beirats] {
    color: var(--ink);
    font-size: 15px;
    font-weight: 650;
}

.nav-user[b-3b8beirats] {
    max-width: 210px;
    overflow: hidden;
    color: var(--muted);
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
}

.profile-menu[b-3b8beirats] {
    position: relative;
}

.profile-menu summary[b-3b8beirats] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    list-style: none;
    cursor: pointer;
}

.profile-menu summary[b-3b8beirats]::-webkit-details-marker {
    display: none;
}

.profile-menu summary:focus-visible[b-3b8beirats] {
    outline: 3px solid rgba(22, 157, 242, 0.24);
    outline-offset: 3px;
}

.profile-avatar[b-3b8beirats] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 3px solid var(--surface);
    border-radius: 999px;
    color: var(--on-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    box-shadow: 0 0 0 1px var(--paper-deep), 0 7px 18px -10px rgba(23, 55, 94, 0.7);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.profile-avatar.large[b-3b8beirats] {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-width: 2px;
    font-size: 15px;
}

.profile-popover[b-3b8beirats] {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    z-index: 120;
    width: min(340px, calc(100vw - 32px));
    overflow: hidden;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 24px 60px -24px rgba(23, 55, 94, 0.45);
}

.profile-popover[b-3b8beirats]::before {
    position: absolute;
    top: -7px;
    right: 17px;
    width: 14px;
    height: 14px;
    border-top: 1px solid var(--paper-deep);
    border-left: 1px solid var(--paper-deep);
    content: "";
    background: var(--surface);
    transform: rotate(45deg);
}

.profile-popover-head[b-3b8beirats] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px 22px 17px;
}

.profile-popover-head div[b-3b8beirats] {
    min-width: 0;
}

.profile-popover-head strong[b-3b8beirats],
.profile-popover-head span[b-3b8beirats] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-popover-head strong[b-3b8beirats] {
    color: var(--ink);
    font-size: 16px;
}

.profile-popover-head span[b-3b8beirats] {
    margin-top: 4px;
    color: var(--muted);
    font-size: 13px;
}

.profile-popover-head .profile-role-badge[b-3b8beirats] {
    display: inline-flex;
    width: fit-content;
    margin-top: 8px;
    padding: 4px 8px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--accent);
    background: var(--paper);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
}

.profile-plan-row[b-3b8beirats] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 18px 12px;
    padding: 11px 13px;
    border-radius: var(--r);
    color: var(--ink-2);
    background: var(--paper);
    font-size: 12px;
    font-weight: 650;
}

.profile-plan-row a[b-3b8beirats] {
    color: var(--blue);
}

.profile-menu-links[b-3b8beirats] {
    padding: 6px 10px 10px;
    border-bottom: 1px solid var(--paper-band);
}

.profile-menu-links a[b-3b8beirats],
.profile-logout[b-3b8beirats] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    padding: 0 12px;
    border-radius: var(--r);
    color: var(--ink-2);
    font-size: 14px;
    font-weight: 600;
}

.profile-menu-links a:hover[b-3b8beirats],
.profile-menu-links a:focus-visible[b-3b8beirats],
.profile-logout:hover[b-3b8beirats],
.profile-logout:focus-visible[b-3b8beirats] {
    color: var(--ink);
    background: var(--paper);
}

.profile-menu-links a > span[b-3b8beirats],
.profile-logout > span[b-3b8beirats] {
    width: 22px;
    color: var(--blue);
    text-align: center;
}

.profile-logout[b-3b8beirats] {
    margin: 8px 10px;
    color: var(--ink-3);
}

.btn-pill[b-3b8beirats] {
    min-height: 50px;
    padding: 0 24px;
    border-radius: var(--r);
    font-size: 15px;
}

.footer[b-3b8beirats] {
    padding: 56px 40px 30px;
    background: var(--footer);
}

.footer-grid[b-3b8beirats] {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 40px;
    max-width: var(--maxw);
    margin: 0 auto;
}

.footer-brand[b-3b8beirats] {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--on-accent);
    font-family: var(--brand);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.footer-blurb[b-3b8beirats] {
    max-width: 280px;
    margin: 0;
    color: var(--ink-4);
    font-size: 14px;
    line-height: 1.6;
}

.footer-h[b-3b8beirats] {
    margin-bottom: 16px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.footer-links[b-3b8beirats] {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.footer-links a[b-3b8beirats] {
    color: var(--rule-2);
    font-size: 14px;
    transition: color 160ms ease;
}

.footer-links a:hover[b-3b8beirats],
.footer-links a:focus-visible[b-3b8beirats] {
    color: var(--on-accent);
}

.footer-copy[b-3b8beirats] {
    max-width: var(--maxw);
    margin: 36px auto 0;
    padding-top: 22px;
    border-top: 1px solid var(--footer-div);
    color: var(--ink-3);
    font-size: 13px;
}

@media (max-width: 980px) {
    .nav-inner[b-3b8beirats] {
        flex-wrap: wrap;
        padding-right: 24px;
        padding-left: 24px;
    }

    .brand[b-3b8beirats] {
        min-width: 0;
    }

    .nav-center[b-3b8beirats] {
        order: 3;
        width: 100%;
    }

    .footer-grid[b-3b8beirats] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 680px) {
    .nav-inner[b-3b8beirats] {
        justify-content: center;
        gap: 14px;
        padding: 10px 18px 16px;
    }

    .brand[b-3b8beirats] {
        width: 100%;
        justify-content: center;
    }

    .nav-center[b-3b8beirats] {
        justify-content: flex-start;
        gap: 22px;
        overflow-x: auto;
        padding: 6px 0 2px;
    }

    .nav-right[b-3b8beirats] {
        gap: 14px;
    }

    .profile-popover[b-3b8beirats] {
        position: fixed;
        top: 86px;
        right: 16px;
    }

    .btn-pill[b-3b8beirats] {
        min-height: 44px;
        padding: 0 16px;
        font-size: 14px;
    }

    .footer[b-3b8beirats] {
        padding-right: 24px;
        padding-left: 24px;
    }

    .footer-grid[b-3b8beirats] {
        grid-template-columns: 1fr;
        gap: 34px;
    }
}
/* /Components/Pages/Admin/ContentEditor.razor.rz.scp.css */
.cms-editor-loading[b-0430aso59s],
.cms-editor-failure[b-0430aso59s] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 65vh;
    text-align: center;
}

.cms-editor-loading > span[b-0430aso59s] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--paper-deep);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: editor-spin-b-0430aso59s 700ms linear infinite;
}

.cms-editor-loading h1[b-0430aso59s],
.cms-editor-failure h1[b-0430aso59s] {
    margin: 18px 0 7px;
    color: var(--ink);
    font-size: 24px;
}

.cms-editor-loading p[b-0430aso59s],
.cms-editor-failure p[b-0430aso59s] {
    margin: 0;
    color: var(--ink-3);
    font-size: 13px;
}

.cms-editor-failure > span[b-0430aso59s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--r);
    color: var(--neg);
    background: var(--paper);
    font-size: 22px;
    font-weight: 700;
}

.cms-editor-failure a[b-0430aso59s] {
    margin-top: 20px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 650;
}

.cms-editor-heading[b-0430aso59s] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 26px;
    margin-bottom: 26px;
}

.cms-editor-heading a[b-0430aso59s] {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.cms-editor-heading p[b-0430aso59s] {
    margin: 0 0 7px;
    color: var(--accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.cms-editor-heading h1[b-0430aso59s] {
    max-width: 850px;
    margin: 0;
    overflow: hidden;
    color: var(--ink);
    font-size: var(--fs-h1);
    letter-spacing: -0.045em;
    line-height: 1.06;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cms-heading-state[b-0430aso59s] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-bottom: 3px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.cms-status-pill[b-0430aso59s] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.cms-status-pill.published[b-0430aso59s] { color: var(--pos); background: var(--paper-band); }
.cms-status-pill.inreview[b-0430aso59s] { color: var(--accent); background: var(--paper); }
.cms-status-pill.draft[b-0430aso59s] { color: var(--d-3); background: var(--warn-tint); }
.cms-status-pill.archived[b-0430aso59s] { color: var(--ink-3); background: var(--paper-band); }

.cms-editor-alert[b-0430aso59s] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 13px 16px;
    border: 1px solid;
    border-radius: var(--r);
    font-size: 12px;
    font-weight: 600;
}

.cms-editor-alert > span[b-0430aso59s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
}

.cms-editor-alert.success[b-0430aso59s] {
    color: var(--pos);
    border-color: var(--pos-tint);
    background: var(--paper);
}

.cms-editor-alert.success > span[b-0430aso59s] {
    color: var(--on-accent);
    background: var(--pos);
}

.cms-editor-alert.error[b-0430aso59s] {
    color: var(--neg);
    border-color: var(--neg-tint);
    background: var(--paper);
}

.cms-editor-alert.error > span[b-0430aso59s] {
    color: var(--on-accent);
    background: var(--neg);
}

.cms-editor-grid[b-0430aso59s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 22px;
    align-items: start;
}

.cms-editor-main[b-0430aso59s],
.cms-editor-rail[b-0430aso59s] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.cms-editor-card[b-0430aso59s],
.workflow-card[b-0430aso59s],
.editorial-checklist[b-0430aso59s],
.versioning-note[b-0430aso59s],
.change-summary-field[b-0430aso59s] {
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 18px 50px -45px rgba(23, 55, 94, 0.75);
}

.cms-editor-card[b-0430aso59s] {
    overflow: hidden;
}

.cms-editor-card > header[b-0430aso59s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--paper-band);
    background: var(--surface);
}

.cms-editor-card > header > div:first-child[b-0430aso59s] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.cms-editor-card > header > div:first-child > span[b-0430aso59s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: var(--r);
    color: var(--accent-deep);
    background: var(--paper-band);
    font-size: 10px;
    font-weight: 700;
}

.cms-editor-card header h2[b-0430aso59s] {
    margin: 0;
    color: var(--ink);
    font-size: 16px;
    letter-spacing: -0.02em;
}

.cms-editor-card header p[b-0430aso59s] {
    margin: 4px 0 0;
    color: var(--ink-4);
    font-size: 11px;
}

.cms-field-grid[b-0430aso59s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 24px;
}

.cms-field[b-0430aso59s] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.cms-field.full[b-0430aso59s] {
    grid-column: 1 / -1;
}

.cms-field > span[b-0430aso59s],
.change-summary-field > span[b-0430aso59s] {
    color: var(--ink-2);
    font-size: 11px;
    font-weight: 650;
}

.cms-field > span b[b-0430aso59s] {
    color: var(--neg);
}

.cms-field[b-0430aso59s]  input,
.cms-field[b-0430aso59s]  textarea,
.cms-field[b-0430aso59s]  select,
.cms-field > input[b-0430aso59s],
.cms-field > textarea[b-0430aso59s],
.cms-field > select[b-0430aso59s],
.change-summary-field[b-0430aso59s]  textarea {
    width: 100%;
    min-height: 44px;
    padding: 11px 13px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    outline: 0;
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
    line-height: 1.5;
    transition: 150ms ease;
}

.cms-field[b-0430aso59s]  textarea,
.cms-field > textarea[b-0430aso59s],
.change-summary-field[b-0430aso59s]  textarea {
    min-height: auto;
    resize: vertical;
}

.cms-field[b-0430aso59s]  input:focus,
.cms-field[b-0430aso59s]  textarea:focus,
.cms-field[b-0430aso59s]  select:focus,
.cms-field > input:focus[b-0430aso59s],
.cms-field > textarea:focus[b-0430aso59s],
.cms-field > select:focus[b-0430aso59s],
.change-summary-field[b-0430aso59s]  textarea:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(22, 157, 242, 0.1);
}

.cms-field[b-0430aso59s]  .validation-message,
.change-summary-field[b-0430aso59s]  .validation-message,
.field-foot[b-0430aso59s]  .validation-message,
.editor-foot[b-0430aso59s]  .validation-message {
    color: var(--neg);
    font-size: 10px;
    font-weight: 600;
}

.field-foot[b-0430aso59s],
.editor-foot[b-0430aso59s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.field-foot small[b-0430aso59s],
.slug-field > small[b-0430aso59s],
.editor-foot > span[b-0430aso59s] {
    color: var(--ink-4);
    font-size: 10px;
}

.slug-field > div[b-0430aso59s] {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.slug-field > div > span[b-0430aso59s] {
    padding-left: 13px;
    color: var(--ink-4);
    font-size: 12px;
}

.slug-field > div[b-0430aso59s]  input {
    flex: 1;
    min-width: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
}

.slug-field > div > button[b-0430aso59s] {
    align-self: stretch;
    padding: 0 13px;
    border: 0;
    border-left: 1px solid var(--paper-deep);
    color: var(--accent);
    cursor: pointer;
    background: var(--surface);
    font: inherit;
    font-size: 10px;
    font-weight: 650;
}

.editor-view-toggle[b-0430aso59s] {
    display: inline-flex;
    padding: 3px;
    border-radius: var(--r-sm);
    background: var(--paper-band);
}

.editor-view-toggle button[b-0430aso59s] {
    min-height: 31px;
    padding: 0 13px;
    border: 0;
    border-radius: var(--r-sm);
    color: var(--ink-3);
    cursor: pointer;
    background: transparent;
    font: inherit;
    font-size: 10px;
    font-weight: 650;
}

.editor-view-toggle button.active[b-0430aso59s] {
    color: var(--ink);
    background: var(--surface);
    box-shadow: 0 3px 9px rgba(36, 64, 94, 0.12);
}

.markdown-toolbar[b-0430aso59s] {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--paper-band);
    background: var(--surface);
}

.markdown-toolbar button[b-0430aso59s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 32px;
    padding: 0 9px;
    border: 0;
    border-radius: var(--r-sm);
    color: var(--ink-2);
    cursor: pointer;
    background: transparent;
    font: inherit;
    font-size: 11px;
    font-weight: 650;
}

.markdown-toolbar button:hover[b-0430aso59s],
.markdown-toolbar button:focus-visible[b-0430aso59s] {
    color: var(--accent);
    background: var(--paper);
}

.markdown-toolbar > span[b-0430aso59s] {
    width: 1px;
    height: 20px;
    margin: 0 5px;
    background: var(--paper-deep);
}

.markdown-toolbar .media-toolbar-button[b-0430aso59s] {
    width: auto;
    color: var(--accent-deep);
}

[b-0430aso59s] .markdown-editor {
    display: block;
    width: 100%;
    min-height: 520px;
    padding: 24px;
    border: 0;
    outline: 0;
    color: var(--ink);
    background: var(--surface);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 13px;
    line-height: 1.85;
    resize: vertical;
}

.editor-foot[b-0430aso59s] {
    padding: 10px 17px;
    border-top: 1px solid var(--paper-band);
    background: var(--surface);
}

.cms-article-preview[b-0430aso59s] {
    min-height: 585px;
    padding: clamp(28px, 5vw, 64px);
    background: var(--surface);
}

.preview-kicker[b-0430aso59s] {
    margin: 0 0 13px;
    color: var(--accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.cms-article-preview > h1[b-0430aso59s] {
    max-width: 820px;
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h1);
    line-height: 1.08;
    letter-spacing: -0.045em;
}

.preview-summary[b-0430aso59s] {
    max-width: 760px;
    margin: 20px 0 14px;
    color: var(--ink-3);
    font-size: 17px;
    line-height: 1.65;
}

.preview-byline[b-0430aso59s] {
    padding-bottom: 25px;
    border-bottom: 1px solid var(--paper-deep);
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 600;
}

.preview-body[b-0430aso59s] {
    max-width: 760px;
    padding-top: 24px;
    color: var(--ink-2);
    font-size: 15px;
    line-height: 1.85;
}

.preview-body[b-0430aso59s]  h2 {
    margin: 38px 0 13px;
    color: var(--ink);
    font-size: 24px;
    letter-spacing: -0.025em;
}

.preview-body[b-0430aso59s]  h3 {
    margin: 30px 0 11px;
    color: var(--ink);
    font-size: 19px;
}

.preview-body[b-0430aso59s]  blockquote {
    margin: 25px 0;
    padding: 17px 21px;
    border-left: 4px solid var(--accent);
    color: var(--accent);
    background: var(--paper);
    font-size: 16px;
    font-weight: 650;
}

.preview-body[b-0430aso59s]  img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: var(--r);
}

.media-panel-toggle[b-0430aso59s] {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    color: var(--accent);
    cursor: pointer;
    background: var(--surface);
    font: inherit;
    font-size: 10px;
    font-weight: 650;
}

.media-storage-warning[b-0430aso59s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 20px 22px 0;
    padding: 14px;
    border: 1px solid var(--d-3);
    border-radius: var(--r);
    color: var(--d-3);
    background: var(--paper);
    font-size: 11px;
}

.media-workspace[b-0430aso59s] {
    display: grid;
    grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1.4fr);
    gap: 0;
}

.media-upload-panel[b-0430aso59s],
.media-library-panel[b-0430aso59s] {
    min-width: 0;
    padding: 22px;
}

.media-upload-panel[b-0430aso59s] {
    border-right: 1px solid var(--paper-band);
    background: var(--surface);
}

.media-upload-panel h3[b-0430aso59s],
.media-library-title h3[b-0430aso59s] {
    margin: 0 0 14px;
    color: var(--ink);
    font-size: 13px;
}

.file-drop-zone[b-0430aso59s] {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 142px;
    margin-bottom: 18px;
    padding: 18px;
    border: 1px dashed var(--rule-2);
    border-radius: var(--r);
    cursor: pointer;
    text-align: center;
    background: var(--paper);
}

.file-drop-zone[b-0430aso59s]  input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-drop-zone > span[b-0430aso59s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 9px;
    border-radius: var(--r);
    color: var(--accent-deep);
    background: var(--paper-band);
    font-size: 17px;
}

.file-drop-zone strong[b-0430aso59s] {
    color: var(--ink-2);
    font-size: 11px;
}

.file-drop-zone small[b-0430aso59s] {
    margin-top: 5px;
    color: var(--ink-4);
    font-size: 9px;
}

.media-upload-panel .cms-field[b-0430aso59s] {
    margin-top: 13px;
}

.media-field-row[b-0430aso59s] {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 10px;
}

.upload-action[b-0430aso59s] {
    width: 100%;
    min-height: 42px;
    margin-top: 17px;
    border: 0;
    border-radius: var(--r);
    color: var(--on-accent);
    cursor: pointer;
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    font: inherit;
    font-size: 10px;
    font-weight: 700;
}

.upload-action:disabled[b-0430aso59s] {
    cursor: not-allowed;
    opacity: 0.5;
}

.media-library-title[b-0430aso59s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.media-library-title h3[b-0430aso59s] {
    margin: 0;
}

.media-library-title span[b-0430aso59s] {
    display: block;
    margin-top: 3px;
    color: var(--ink-4);
    font-size: 9px;
}

.media-library-title input[b-0430aso59s] {
    width: 150px;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    outline: 0;
    color: var(--ink-2);
    font: inherit;
    font-size: 10px;
}

.media-library-grid[b-0430aso59s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    max-height: 480px;
    overflow-y: auto;
    padding-right: 4px;
}

.media-library-item[b-0430aso59s] {
    overflow: hidden;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.media-library-item > img[b-0430aso59s] {
    display: block;
    width: 100%;
    height: 105px;
    object-fit: cover;
    background: var(--paper-band);
}

.media-library-item > div[b-0430aso59s] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 11px;
}

.media-library-item strong[b-0430aso59s] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ink-2);
    font-size: 10px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.media-library-item span[b-0430aso59s] {
    margin-top: 5px;
    color: var(--ink-4);
    font-size: 8px;
}

.media-library-item button[b-0430aso59s] {
    margin-top: 10px;
    padding: 0;
    border: 0;
    color: var(--accent-deep);
    cursor: pointer;
    background: transparent;
    font: inherit;
    font-size: 9px;
    font-weight: 700;
}

.media-empty[b-0430aso59s] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 220px;
    color: var(--ink-4);
    font-size: 11px;
}

.media-empty > span[b-0430aso59s] {
    font-size: 25px;
}

.workflow-card[b-0430aso59s],
.editorial-checklist[b-0430aso59s],
.versioning-note[b-0430aso59s],
.change-summary-field[b-0430aso59s] {
    padding: 20px;
}

.cms-editor-rail[b-0430aso59s] {
    position: sticky;
    top: 20px;
}

.workflow-card > p[b-0430aso59s],
.editorial-checklist > p[b-0430aso59s] {
    margin: 0;
    color: var(--accent);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.workflow-card > h2[b-0430aso59s] {
    margin: 9px 0 19px;
    color: var(--ink);
    font-size: 19px;
    letter-spacing: -0.025em;
}

.workflow-state[b-0430aso59s] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px;
    border-radius: var(--r);
    background: var(--paper);
}

.state-dot[b-0430aso59s] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border: 3px solid var(--surface);
    border-radius: 50%;
    box-shadow: 0 0 0 2px currentColor;
}

.state-dot.draft[b-0430aso59s] { color: var(--d-3); background: var(--d-3); }
.state-dot.inreview[b-0430aso59s] { color: var(--d-5); background: var(--d-5); }
.state-dot.published[b-0430aso59s] { color: var(--pos); background: var(--pos); }
.state-dot.archived[b-0430aso59s] { color: var(--ink-3); background: var(--ink-3); }

.workflow-state div[b-0430aso59s] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.workflow-state strong[b-0430aso59s] {
    color: var(--ink-2);
    font-size: 11px;
}

.workflow-state small[b-0430aso59s] {
    color: var(--ink-4);
    font-size: 9px;
}

.live-version-note[b-0430aso59s] {
    display: flex;
    gap: 8px;
    margin-top: 11px;
    padding: 11px;
    border-radius: var(--r);
    color: var(--ink-2);
    background: var(--paper-band);
    font-size: 9px;
    line-height: 1.5;
}

.live-version-note > span[b-0430aso59s] {
    color: var(--pos);
}

.workflow-feedback[b-0430aso59s] {
    display: grid;
    gap: 5px;
    margin-top: 14px;
    padding: 11px 12px;
    border: 1px solid;
    border-radius: var(--r);
    font-size: 9px;
    line-height: 1.5;
}

.workflow-feedback strong[b-0430aso59s],
.workflow-feedback span[b-0430aso59s] {
    display: block;
}

.workflow-feedback[b-0430aso59s]  ul {
    margin: 2px 0 0;
    padding-left: 16px;
}

.workflow-feedback.validation[b-0430aso59s],
.workflow-feedback.error[b-0430aso59s] {
    color: var(--neg);
    border-color: var(--neg-tint);
    background: var(--paper);
}

.workflow-feedback.success[b-0430aso59s] {
    color: var(--pos);
    border-color: var(--pos-tint);
    background: var(--paper);
}

.workflow-actions[b-0430aso59s] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 18px;
}

.workflow-actions button[b-0430aso59s] {
    min-height: 42px;
    border: 1px solid;
    border-radius: var(--r);
    cursor: pointer;
    font: inherit;
    font-size: 10px;
    font-weight: 700;
}

.workflow-actions button:disabled[b-0430aso59s] {
    cursor: wait;
    opacity: 0.55;
}

.save-draft[b-0430aso59s] {
    color: var(--ink-2);
    border-color: var(--paper-deep);
    background: var(--surface);
}

.submit-review[b-0430aso59s] {
    color: var(--accent);
    border-color: var(--paper-deep);
    background: var(--paper);
}

.publish-action[b-0430aso59s] {
    color: var(--on-accent);
    border-color: var(--pos);
    background: linear-gradient(135deg, color-mix(in srgb, var(--pos) 76%, #fff), var(--pos));
    box-shadow: 0 10px 20px -14px rgba(20, 143, 97, 0.9);
}

.publisher-note[b-0430aso59s] {
    margin: 13px 0 0;
    color: var(--ink-4);
    font-size: 9px;
    line-height: 1.5;
}

.view-live-link[b-0430aso59s] {
    display: block;
    margin-top: 16px;
    color: var(--accent-deep);
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.editorial-checklist ul[b-0430aso59s] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 17px 0 0;
    padding: 0;
    list-style: none;
}

.editorial-checklist li[b-0430aso59s] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 700;
}

.editorial-checklist li > span[b-0430aso59s] {
    width: 12px;
    height: 12px;
    border: 2px solid var(--rule);
    border-radius: 50%;
}

.editorial-checklist li.complete[b-0430aso59s] {
    color: var(--ink-2);
}

.editorial-checklist li.complete > span[b-0430aso59s] {
    position: relative;
    border-color: var(--pos);
    background: var(--pos);
}

.editorial-checklist li.complete > span[b-0430aso59s]::after {
    position: absolute;
    top: -4px;
    left: 1px;
    color: var(--on-accent);
    content: "✓";
    font-size: 8px;
    font-weight: 700;
}

.versioning-note[b-0430aso59s] {
    display: flex;
    gap: 11px;
    color: var(--ink-3);
    background: var(--paper);
}

.versioning-note > span[b-0430aso59s] {
    color: var(--accent-deep);
    font-size: 18px;
}

.versioning-note strong[b-0430aso59s] {
    display: block;
    color: var(--ink-2);
    font-size: 10px;
}

.versioning-note p[b-0430aso59s] {
    margin: 5px 0 0;
    font-size: 9px;
    line-height: 1.55;
}

.change-summary-field[b-0430aso59s] {
    gap: 9px;
}

@keyframes editor-spin-b-0430aso59s {
    to { transform: rotate(360deg); }
}

@media (max-width: 1180px) {
    .cms-editor-grid[b-0430aso59s] {
        grid-template-columns: 1fr;
    }

    .cms-editor-rail[b-0430aso59s] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .cms-editor-heading[b-0430aso59s],
    .cms-editor-card > header[b-0430aso59s],
    .writing-header[b-0430aso59s],
    .media-library-title[b-0430aso59s] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cms-editor-heading h1[b-0430aso59s] {
        white-space: normal;
    }

    .cms-field-grid[b-0430aso59s],
    .media-workspace[b-0430aso59s],
    .cms-editor-rail[b-0430aso59s] {
        grid-template-columns: 1fr;
    }

    .cms-field.full[b-0430aso59s] {
        grid-column: auto;
    }

    .media-upload-panel[b-0430aso59s] {
        border-right: 0;
        border-bottom: 1px solid var(--paper-band);
    }

    .media-library-grid[b-0430aso59s] {
        grid-template-columns: 1fr;
    }

    .markdown-toolbar[b-0430aso59s] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Admin/ContentIndex.razor.rz.scp.css */
.cms-page-heading[b-40nwn0smyj] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 32px;
}

.cms-page-heading p[b-40nwn0smyj] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.cms-page-heading h1[b-40nwn0smyj] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h1);
    letter-spacing: -0.045em;
}

.cms-page-heading > div > span[b-40nwn0smyj] {
    display: block;
    margin-top: 10px;
    color: var(--ink-3);
    font-size: 14px;
}

.cms-primary-action[b-40nwn0smyj],
.cms-secondary-action[b-40nwn0smyj],
.cms-danger-action[b-40nwn0smyj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 18px;
    border: 0;
    border-radius: var(--r);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 650;
}

.cms-primary-action[b-40nwn0smyj] {
    color: var(--on-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    box-shadow: 0 12px 24px -14px rgba(22, 157, 242, 0.9);
}

.cms-alert[b-40nwn0smyj] {
    margin-bottom: 22px;
    padding: 14px 17px;
    border: 1px solid var(--neg-tint);
    border-radius: var(--r);
    color: var(--neg);
    background: var(--paper);
    font-size: 13px;
    font-weight: 700;
}

.cms-stat-grid[b-40nwn0smyj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.cms-stat-card[b-40nwn0smyj] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 132px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    cursor: pointer;
    text-align: left;
    background: var(--surface);
    box-shadow: 0 12px 34px -30px rgba(25, 57, 92, 0.65);
}

.cms-stat-card[b-40nwn0smyj]::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";
    background: var(--stat-color);
}

.cms-stat-card.all[b-40nwn0smyj] { --stat-color: var(--accent); }
.cms-stat-card.published[b-40nwn0smyj] { --stat-color: var(--pos); }
.cms-stat-card.review[b-40nwn0smyj] { --stat-color: var(--d-5); }
.cms-stat-card.draft[b-40nwn0smyj] { --stat-color: var(--d-3); }

.cms-stat-card span[b-40nwn0smyj] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.cms-stat-card strong[b-40nwn0smyj] {
    margin-top: 9px;
    color: var(--ink);
    font-size: var(--fs-stat);
    letter-spacing: -0.04em;
}

.cms-stat-card small[b-40nwn0smyj] {
    margin-top: auto;
    color: var(--rule-2);
    font-size: 11px;
}

.cms-content-panel[b-40nwn0smyj] {
    overflow: hidden;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 20px 50px -42px rgba(23, 55, 94, 0.7);
}

.cms-panel-toolbar[b-40nwn0smyj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--paper-band);
}

.cms-search-box[b-40nwn0smyj] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: min(420px, 100%);
    min-height: 42px;
    padding: 0 13px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.cms-search-box > span[b-40nwn0smyj] {
    color: var(--ink-3);
    font-size: 20px;
}

.cms-search-box input[b-40nwn0smyj] {
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--ink);
    background: transparent;
    font: inherit;
    font-size: 13px;
}

.cms-panel-toolbar label[b-40nwn0smyj] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.cms-panel-toolbar select[b-40nwn0smyj] {
    min-height: 42px;
    padding: 0 34px 0 12px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
}

.cms-table-scroll[b-40nwn0smyj] {
    overflow-x: auto;
}

.cms-article-table[b-40nwn0smyj] {
    width: 100%;
    border-collapse: collapse;
}

.cms-article-table th[b-40nwn0smyj] {
    padding: 13px 18px;
    color: var(--ink-4);
    background: var(--surface);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
}

.cms-article-table td[b-40nwn0smyj] {
    padding: 17px 18px;
    border-top: 1px solid var(--paper-band);
    color: var(--ink-2);
    font-size: 12px;
    vertical-align: middle;
}

.cms-article-table tbody tr:hover[b-40nwn0smyj] {
    background: var(--surface);
}

.cms-article-cell[b-40nwn0smyj] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 330px;
}

.article-type-icon[b-40nwn0smyj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: var(--r);
    color: var(--accent);
    background: var(--paper);
    font-size: 10px;
    font-weight: 700;
}

.article-type-icon.aiassistedanalysis[b-40nwn0smyj] { color: var(--accent); background: var(--paper); }
.article-type-icon.methodology[b-40nwn0smyj] { color: var(--pos); background: var(--paper-band); }
.article-type-icon.dataupdate[b-40nwn0smyj] { color: var(--d-3); background: var(--warn-tint); }

.cms-article-cell div[b-40nwn0smyj] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cms-article-cell a[b-40nwn0smyj] {
    max-width: 520px;
    overflow: hidden;
    color: var(--ink);
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cms-article-cell div > span[b-40nwn0smyj] {
    color: var(--ink-4);
    font-size: 11px;
}

.cms-status[b-40nwn0smyj] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.cms-status.published[b-40nwn0smyj] { color: var(--pos); background: var(--paper-band); }
.cms-status.inreview[b-40nwn0smyj] { color: var(--accent); background: var(--paper); }
.cms-status.draft[b-40nwn0smyj] { color: var(--d-3); background: var(--warn-tint); }
.cms-status.archived[b-40nwn0smyj] { color: var(--ink-3); background: var(--paper-band); }

.cms-live-note[b-40nwn0smyj],
.cms-article-table td > small[b-40nwn0smyj] {
    display: block;
    margin-top: 5px;
    color: var(--ink-4);
    font-size: 10px;
}

.cms-version-chip[b-40nwn0smyj] {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: var(--r-sm);
    color: var(--ink-2);
    background: var(--paper);
    font-size: 10px;
    font-weight: 650;
}

.cms-row-actions[b-40nwn0smyj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    min-width: 155px;
}

.cms-row-actions a[b-40nwn0smyj],
.cms-row-actions button[b-40nwn0smyj] {
    padding: 0;
    border: 0;
    color: var(--accent);
    cursor: pointer;
    background: transparent;
    font: inherit;
    font-size: 11px;
    font-weight: 650;
}

.cms-row-actions button[b-40nwn0smyj] {
    color: var(--ink-3);
}

.cms-empty-state[b-40nwn0smyj] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 330px;
    padding: 40px;
    text-align: center;
}

.cms-empty-state .empty-icon[b-40nwn0smyj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: var(--r);
    color: var(--accent);
    background: var(--paper-band);
    font-size: 22px;
}

.cms-empty-state h2[b-40nwn0smyj] {
    margin: 16px 0 6px;
    font-size: 18px;
}

.cms-empty-state p[b-40nwn0smyj] {
    margin: 0 0 16px;
    color: var(--ink-4);
    font-size: 13px;
}

.cms-empty-state a[b-40nwn0smyj] {
    color: var(--accent);
    font-size: 13px;
    font-weight: 650;
}

.cms-loader[b-40nwn0smyj] {
    width: 34px;
    height: 34px;
    border: 3px solid var(--paper-deep);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: cms-spin-b-40nwn0smyj 700ms linear infinite;
}

.cms-modal-backdrop[b-40nwn0smyj] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8, 24, 43, 0.62);
    backdrop-filter: blur(4px);
}

.cms-confirm-modal[b-40nwn0smyj] {
    width: min(480px, 100%);
    padding: 30px;
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 36px 90px -30px rgba(5, 20, 40, 0.8);
}

.modal-warning[b-40nwn0smyj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: var(--r);
    color: var(--neg);
    background: var(--paper);
    font-weight: 700;
}

.cms-confirm-modal h2[b-40nwn0smyj] {
    margin: 18px 0 8px;
    font-size: 23px;
}

.cms-confirm-modal p[b-40nwn0smyj] {
    margin: 0;
    color: var(--ink-3);
    font-size: 13px;
    line-height: 1.65;
}

.cms-confirm-modal > div[b-40nwn0smyj] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 24px;
}

.cms-secondary-action[b-40nwn0smyj] {
    color: var(--ink-2);
    background: var(--paper-band);
}

.cms-danger-action[b-40nwn0smyj] {
    color: var(--on-accent);
    background: var(--neg);
}

@keyframes cms-spin-b-40nwn0smyj {
    to { transform: rotate(360deg); }
}

@media (max-width: 1050px) {
    .cms-stat-grid[b-40nwn0smyj] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .cms-page-heading[b-40nwn0smyj],
    .cms-panel-toolbar[b-40nwn0smyj] {
        align-items: stretch;
        flex-direction: column;
    }

    .cms-stat-grid[b-40nwn0smyj] {
        grid-template-columns: 1fr;
    }

    .cms-stat-card[b-40nwn0smyj] {
        min-height: 112px;
    }

    .cms-search-box[b-40nwn0smyj] {
        width: auto;
    }

    .cms-panel-toolbar label[b-40nwn0smyj] {
        justify-content: space-between;
    }
}
/* /Components/Pages/Admin/EditorProfile.razor.rz.scp.css */
.profile-heading[b-o2obia8bqr] {
    margin-bottom: 28px;
}

.profile-heading p[b-o2obia8bqr] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.profile-heading h1[b-o2obia8bqr] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h1);
    letter-spacing: -0.045em;
}

.profile-heading > div > span[b-o2obia8bqr] {
    display: block;
    max-width: 680px;
    margin-top: 10px;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.6;
}

.profile-alert[b-o2obia8bqr] {
    margin-bottom: 20px;
    padding: 14px 17px;
    border-radius: var(--r);
    font-size: 13px;
    font-weight: 650;
}

.profile-alert.success[b-o2obia8bqr] {
    border: 1px solid var(--pos-tint);
    color: var(--pos);
    background: var(--paper);
}

.profile-alert.error[b-o2obia8bqr] {
    border: 1px solid var(--neg-tint);
    color: var(--neg);
    background: var(--paper);
}

.profile-grid[b-o2obia8bqr] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
    gap: 20px;
    align-items: start;
}

.profile-card[b-o2obia8bqr],
.profile-preview-card[b-o2obia8bqr] {
    padding: 26px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 20px 50px -46px rgba(23, 55, 94, 0.7);
}

.profile-card header span[b-o2obia8bqr],
.profile-preview-card header span[b-o2obia8bqr] {
    color: var(--accent);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.profile-card header h2[b-o2obia8bqr],
.profile-preview-card header h2[b-o2obia8bqr] {
    margin: 6px 0 22px;
    color: var(--ink);
    font-size: var(--fs-h3);
    font-weight: 700;
}

.profile-fields[b-o2obia8bqr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.profile-fields label[b-o2obia8bqr] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.profile-fields label.full[b-o2obia8bqr] {
    grid-column: 1 / -1;
}

.profile-fields label > span[b-o2obia8bqr] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 700;
}

.profile-fields input[b-o2obia8bqr],
.profile-fields textarea[b-o2obia8bqr] {
    width: 100%;
    min-height: 44px;
    padding: 11px 13px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink);
    background: var(--paper);
    font: inherit;
    font-size: 13px;
    resize: vertical;
}

.profile-fields input:focus[b-o2obia8bqr],
.profile-fields textarea:focus[b-o2obia8bqr] {
    outline: 2px solid var(--accent-tint);
    outline-offset: 1px;
    border-color: var(--accent);
}

.profile-fields small[b-o2obia8bqr] {
    color: var(--ink-4);
    font-size: 11px;
    line-height: 1.45;
}

.profile-fields[b-o2obia8bqr]  .validation-message {
    color: var(--neg);
    font-size: 11px;
    font-weight: 650;
}

.profile-email-row[b-o2obia8bqr] {
    margin-top: 22px;
    padding: 16px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.switch[b-o2obia8bqr] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}

.switch input[b-o2obia8bqr] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex: 0 0 18px;
    accent-color: var(--accent);
}

.switch strong[b-o2obia8bqr] {
    display: block;
    color: var(--ink);
    font-size: 13px;
    font-weight: 700;
}

.switch small[b-o2obia8bqr] {
    display: block;
    margin-top: 4px;
    color: var(--ink-3);
    font-size: 11.5px;
    line-height: 1.5;
    word-break: break-word;
}

.profile-primary[b-o2obia8bqr] {
    min-height: 46px;
    margin-top: 22px;
    padding: 0 20px;
    border: 0;
    border-radius: var(--r);
    color: var(--on-accent);
    cursor: pointer;
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    box-shadow: 0 12px 24px -14px rgba(22, 157, 242, 0.9);
    font: inherit;
    font-size: 13px;
    font-weight: 650;
}

.profile-primary:disabled[b-o2obia8bqr] {
    cursor: not-allowed;
    opacity: 0.65;
}

/* ── Preview ────────────────────────────────────────────────────────── */
.byline-preview[b-o2obia8bqr] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.preview-eyebrow[b-o2obia8bqr] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.byline-preview h3[b-o2obia8bqr] {
    margin: 0;
    color: var(--ink);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.preview-meta[b-o2obia8bqr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 600;
}

.preview-meta strong[b-o2obia8bqr] {
    color: var(--ink-2);
    font-weight: 700;
}

.preview-contact[b-o2obia8bqr] {
    color: var(--accent);
    word-break: break-all;
}

.preview-note[b-o2obia8bqr] {
    margin: 16px 0 0;
    color: var(--ink-4);
    font-size: 11.5px;
    line-height: 1.55;
}

/* ── Loading ────────────────────────────────────────────────────────── */
.profile-empty[b-o2obia8bqr] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 260px;
    padding: 40px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    text-align: center;
}

.profile-empty h2[b-o2obia8bqr] {
    margin: 18px 0 0;
    color: var(--ink);
    font-size: var(--fs-h3);
}

.profile-loader[b-o2obia8bqr] {
    width: 34px;
    height: 34px;
    border: 3px solid var(--paper-deep);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: profile-spin-b-o2obia8bqr 900ms linear infinite;
}

@keyframes profile-spin-b-o2obia8bqr {
    to { transform: rotate(360deg); }
}

@media (max-width: 1000px) {
    .profile-grid[b-o2obia8bqr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .profile-fields[b-o2obia8bqr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/People.razor.rz.scp.css */
.people-heading[b-y5128e4t19] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px;
}

.people-heading p[b-y5128e4t19] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.people-heading h1[b-y5128e4t19] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h1);
    letter-spacing: -0.045em;
}

.people-heading > div > span[b-y5128e4t19] {
    display: block;
    max-width: 720px;
    margin-top: 10px;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.6;
}

.people-alert[b-y5128e4t19] {
    margin-bottom: 20px;
    padding: 14px 17px;
    border-radius: var(--r);
    font-size: 13px;
    font-weight: 650;
}

.people-alert.success[b-y5128e4t19] {
    border: 1px solid var(--pos-tint);
    color: var(--pos);
    background: var(--paper);
}

.people-alert.error[b-y5128e4t19] {
    border: 1px solid var(--neg-tint);
    color: var(--neg);
    background: var(--paper);
}

/* ── Role legend ────────────────────────────────────────────────────── */
.role-legend[b-y5128e4t19] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}

.role-legend article[b-y5128e4t19] {
    position: relative;
    padding: 16px 18px;
    overflow: hidden;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.role-legend article[b-y5128e4t19]::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: var(--role-color);
}

.role-legend .admin[b-y5128e4t19] { --role-color: var(--neg); }
.role-legend .editor[b-y5128e4t19] { --role-color: var(--accent); }
.role-legend .collaborator[b-y5128e4t19] { --role-color: var(--d-5); }
.role-legend .premium[b-y5128e4t19] { --role-color: var(--warn); }

.role-legend strong[b-y5128e4t19] {
    display: block;
    color: var(--ink);
    font-size: 13px;
    font-weight: 700;
}

.role-legend p[b-y5128e4t19] {
    margin: 6px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.5;
}

/* ── Directory panel ────────────────────────────────────────────────── */
.people-panel[b-y5128e4t19] {
    overflow: hidden;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 20px 50px -42px rgba(23, 55, 94, 0.7);
}

.people-toolbar[b-y5128e4t19] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--paper-band);
}

.people-search[b-y5128e4t19] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: min(380px, 100%);
    min-height: 42px;
    padding: 0 13px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.people-search > span[b-y5128e4t19] {
    color: var(--ink-3);
    font-size: 19px;
}

.people-search input[b-y5128e4t19] {
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--ink);
    background: transparent;
    font: inherit;
    font-size: 13px;
}

.people-toolbar label[b-y5128e4t19] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.people-toolbar select[b-y5128e4t19] {
    min-height: 42px;
    padding: 0 30px 0 12px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
}

.people-count[b-y5128e4t19] {
    margin-left: auto;
    color: var(--ink-4);
    font-size: 11.5px;
    font-weight: 650;
    white-space: nowrap;
}

.people-table-scroll[b-y5128e4t19] {
    overflow-x: auto;
}

.people-table[b-y5128e4t19] {
    width: 100%;
    border-collapse: collapse;
}

.people-table th[b-y5128e4t19] {
    padding: 13px 18px;
    color: var(--ink-4);
    background: var(--surface);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.people-table td[b-y5128e4t19] {
    padding: 16px 18px;
    border-top: 1px solid var(--paper-band);
    color: var(--ink-2);
    font-size: 12px;
    vertical-align: top;
}

.people-cell[b-y5128e4t19] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 250px;
}

.people-avatar[b-y5128e4t19] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 50%;
    color: var(--on-accent);
    background: linear-gradient(140deg, var(--accent-bright), var(--accent-deep));
    font-size: 12px;
    font-weight: 700;
}

.people-cell strong[b-y5128e4t19] {
    display: block;
    color: var(--ink);
    font-size: 13px;
    font-weight: 650;
}

.people-cell div > span[b-y5128e4t19] {
    display: block;
    margin-top: 3px;
    color: var(--ink-4);
    font-size: 11px;
    word-break: break-all;
}

.people-cell .unconfirmed[b-y5128e4t19] {
    display: inline-block;
    margin-top: 6px;
    padding: 2px 7px;
    border-radius: 999px;
    color: var(--warn);
    background: var(--warn-tint);
    font-size: 9.5px;
    font-weight: 700;
}

.tier-chip[b-y5128e4t19] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.tier-chip.admin[b-y5128e4t19] { color: var(--neg); background: var(--neg-tint); }
.tier-chip.editor[b-y5128e4t19] { color: var(--accent); background: var(--accent-wash); }
.tier-chip.premium[b-y5128e4t19] { color: var(--warn); background: var(--warn-tint); }
.tier-chip.collaborator[b-y5128e4t19] { color: var(--d-5); background: var(--paper-band); }
.tier-chip.reader[b-y5128e4t19] { color: var(--ink-3); background: var(--paper-band); }

/* ── Role toggles ───────────────────────────────────────────────────── */
.role-toggles[b-y5128e4t19] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 300px;
}

.role-toggle[b-y5128e4t19] {
    min-height: 28px;
    padding: 0 11px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-3);
    cursor: pointer;
    background: var(--paper);
    font: inherit;
    font-size: 11px;
    font-weight: 650;
    transition: border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.role-toggle:hover:not(:disabled)[b-y5128e4t19] {
    border-color: var(--rule-2);
    color: var(--ink);
}

.role-toggle.on[b-y5128e4t19] {
    border-color: var(--accent);
    color: var(--on-accent);
    background: var(--accent);
}

.role-toggle:disabled[b-y5128e4t19] {
    cursor: not-allowed;
    opacity: 0.45;
}

.legacy-note[b-y5128e4t19] {
    display: block;
    margin-top: 8px;
    color: var(--ink-4);
    font-size: 10px;
}

.activity-line[b-y5128e4t19] {
    display: block;
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

.people-table td > small[b-y5128e4t19] {
    display: block;
    margin-top: 4px;
    color: var(--ink-4);
    font-size: 10px;
    white-space: nowrap;
}

.people-row-actions[b-y5128e4t19] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.people-row-actions button[b-y5128e4t19] {
    padding: 0;
    border: 0;
    color: var(--ink-3);
    cursor: pointer;
    background: transparent;
    font: inherit;
    font-size: 11px;
    font-weight: 650;
}

.people-row-actions button.danger[b-y5128e4t19] {
    color: var(--neg);
}

.people-row-actions button:disabled[b-y5128e4t19] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* ── Empty / loading ────────────────────────────────────────────────── */
.people-empty[b-y5128e4t19] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 280px;
    padding: 40px;
    text-align: center;
}

.people-empty > span[aria-hidden][b-y5128e4t19] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: var(--r);
    color: var(--accent);
    background: var(--paper);
    font-size: 22px;
}

.people-empty h2[b-y5128e4t19] {
    margin: 18px 0 0;
    color: var(--ink);
    font-size: var(--fs-h3);
}

.people-empty p[b-y5128e4t19] {
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

.people-loader[b-y5128e4t19] {
    width: 34px;
    height: 34px;
    border: 3px solid var(--paper-deep);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: people-spin-b-y5128e4t19 900ms linear infinite;
}

@keyframes people-spin-b-y5128e4t19 {
    to { transform: rotate(360deg); }
}

/* ── Delete confirmation ────────────────────────────────────────────── */
.people-modal-backdrop[b-y5128e4t19] {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: grid;
    padding: 24px;
    place-items: center;
    background: rgba(23, 40, 60, 0.5);
    backdrop-filter: blur(3px);
}

.people-confirm-modal[b-y5128e4t19] {
    width: min(460px, 100%);
    padding: 28px;
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 40px 90px -40px rgba(15, 35, 60, 0.7);
}

.modal-warning[b-y5128e4t19] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    color: var(--neg);
    background: var(--neg-tint);
    font-size: 20px;
    font-weight: 800;
}

.people-confirm-modal h2[b-y5128e4t19] {
    margin: 18px 0 0;
    color: var(--ink);
    font-size: var(--fs-h3);
}

.people-confirm-modal p[b-y5128e4t19] {
    margin: 10px 0 0;
    color: var(--ink-3);
    font-size: 13px;
    line-height: 1.6;
}

.people-confirm-modal strong[b-y5128e4t19] {
    color: var(--ink-2);
    word-break: break-all;
}

.people-confirm-modal > div[b-y5128e4t19] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 24px;
}

.people-secondary[b-y5128e4t19],
.people-danger[b-y5128e4t19] {
    min-height: 42px;
    padding: 0 17px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 650;
}

.people-secondary[b-y5128e4t19] {
    color: var(--ink-2);
    background: var(--surface);
}

.people-danger[b-y5128e4t19] {
    border-color: transparent;
    color: var(--on-accent);
    background: var(--neg);
}

.people-danger:disabled[b-y5128e4t19] {
    cursor: not-allowed;
    opacity: 0.6;
}

.visually-hidden[b-y5128e4t19] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 900px) {
    .people-toolbar[b-y5128e4t19] {
        flex-wrap: wrap;
    }

    .people-count[b-y5128e4t19] {
        margin-left: 0;
    }
}
/* /Components/Pages/Admin/Proposals.razor.rz.scp.css */
.proposals-heading[b-qd5xna8wqw] {
    margin-bottom: 26px;
}

.proposals-heading p[b-qd5xna8wqw] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.proposals-heading h1[b-qd5xna8wqw] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h1);
    letter-spacing: -0.045em;
}

.proposals-heading > div > span[b-qd5xna8wqw] {
    display: block;
    max-width: 740px;
    margin-top: 10px;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.6;
}

.proposals-alert[b-qd5xna8wqw] {
    margin-bottom: 20px;
    padding: 14px 17px;
    border-radius: var(--r);
    font-size: 13px;
    font-weight: 650;
}

.proposals-alert.success[b-qd5xna8wqw] {
    border: 1px solid var(--pos-tint);
    color: var(--pos);
    background: var(--paper);
}

.proposals-alert.error[b-qd5xna8wqw] {
    border: 1px solid var(--neg-tint);
    color: var(--neg);
    background: var(--paper);
}

/* ── Pipeline counters ──────────────────────────────────────────────── */
.proposal-stat-grid[b-qd5xna8wqw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}

.proposal-stat[b-qd5xna8wqw] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 16px 18px;
    overflow: hidden;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    cursor: pointer;
    text-align: left;
    background: var(--surface);
    font: inherit;
}

.proposal-stat[b-qd5xna8wqw]::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: var(--stat-color);
}

.proposal-stat.submitted[b-qd5xna8wqw] { --stat-color: var(--accent); }
.proposal-stat.underreview[b-qd5xna8wqw] { --stat-color: var(--d-5); }
.proposal-stat.accepted[b-qd5xna8wqw] { --stat-color: var(--pos); }
.proposal-stat.published[b-qd5xna8wqw] { --stat-color: var(--d-2); }
.proposal-stat.all[b-qd5xna8wqw] { --stat-color: var(--rule-2); }

.proposal-stat.active[b-qd5xna8wqw] {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent-tint);
}

.proposal-stat span[b-qd5xna8wqw] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.proposal-stat strong[b-qd5xna8wqw] {
    color: var(--ink);
    font-size: var(--fs-stat);
    letter-spacing: -0.04em;
}

/* ── Proposal cards ─────────────────────────────────────────────────── */
.proposal-list[b-qd5xna8wqw] {
    display: grid;
    gap: 16px;
}

.proposal-card[b-qd5xna8wqw] {
    padding: 24px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 20px 50px -46px rgba(23, 55, 94, 0.7);
}

.proposal-card header > div[b-qd5xna8wqw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
}

.proposal-status[b-qd5xna8wqw] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.proposal-status.submitted[b-qd5xna8wqw] { color: var(--accent); background: var(--accent-wash); }
.proposal-status.underreview[b-qd5xna8wqw] { color: var(--d-5); background: var(--paper-band); }
.proposal-status.accepted[b-qd5xna8wqw] { color: var(--pos); background: var(--pos-tint); }
.proposal-status.published[b-qd5xna8wqw] { color: var(--d-2); background: var(--paper-band); }
.proposal-status.declined[b-qd5xna8wqw] { color: var(--neg); background: var(--neg-tint); }

.proposal-kind[b-qd5xna8wqw],
.proposal-card header time[b-qd5xna8wqw] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
}

.proposal-card h2[b-qd5xna8wqw] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -0.025em;
}

.proposal-proposer[b-qd5xna8wqw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 10px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 600;
}

.proposal-proposer a[b-qd5xna8wqw] {
    color: var(--accent);
    text-decoration: none;
    word-break: break-all;
}

.proposal-proposer a:hover[b-qd5xna8wqw] {
    text-decoration: underline;
}

.proposal-proposer em[b-qd5xna8wqw] {
    padding: 2px 8px;
    border-radius: 999px;
    color: var(--warn);
    background: var(--warn-tint);
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
}

.proposal-detail[b-qd5xna8wqw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin: 20px 0 0;
    padding-top: 18px;
    border-top: 1px solid var(--paper-band);
}

.proposal-detail dt[b-qd5xna8wqw] {
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.proposal-detail dd[b-qd5xna8wqw] {
    margin: 6px 0 0;
    color: var(--ink-2);
    font-size: 12.5px;
    line-height: 1.6;
    white-space: pre-wrap;
}

.proposal-detail dd a[b-qd5xna8wqw] {
    display: inline-block;
    margin-top: 6px;
    color: var(--accent);
    font-weight: 650;
    text-decoration: none;
}

.proposal-detail dd.linked[b-qd5xna8wqw] {
    color: var(--pos);
    font-weight: 700;
}

/* ── Actions ────────────────────────────────────────────────────────── */
.proposal-card footer[b-qd5xna8wqw] {
    display: grid;
    gap: 14px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--paper-band);
}

.review-note-field[b-qd5xna8wqw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.review-note-field span[b-qd5xna8wqw] {
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.review-note-field input[b-qd5xna8wqw] {
    min-height: 42px;
    padding: 0 13px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink);
    background: var(--paper);
    font: inherit;
    font-size: 12.5px;
}

.proposal-actions[b-qd5xna8wqw] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.proposal-actions button[b-qd5xna8wqw],
.proposal-link-row button[b-qd5xna8wqw] {
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
}

.proposal-actions .ghost[b-qd5xna8wqw] {
    color: var(--ink-2);
    background: var(--surface);
}

.proposal-actions .ghost:hover:not(:disabled)[b-qd5xna8wqw] {
    border-color: var(--accent);
    color: var(--accent);
}

.proposal-actions .ghost.danger[b-qd5xna8wqw] {
    color: var(--neg);
}

.proposal-actions .ghost.danger:hover:not(:disabled)[b-qd5xna8wqw] {
    border-color: var(--neg);
}

.proposal-link-row[b-qd5xna8wqw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.proposal-link-row label[b-qd5xna8wqw] {
    display: flex;
    flex: 1 1 240px;
    flex-direction: column;
    gap: 6px;
}

.proposal-link-row label span[b-qd5xna8wqw] {
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.proposal-link-row select[b-qd5xna8wqw] {
    min-height: 38px;
    padding: 0 30px 0 12px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
}

.proposal-link-row .solid[b-qd5xna8wqw] {
    border-color: transparent;
    color: var(--on-accent);
    background: var(--accent);
}

button:disabled[b-qd5xna8wqw] {
    cursor: not-allowed;
    opacity: 0.55;
}

/* ── Empty / loading ────────────────────────────────────────────────── */
.proposals-empty[b-qd5xna8wqw] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 260px;
    padding: 40px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    text-align: center;
}

.proposals-empty > span[aria-hidden][b-qd5xna8wqw] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: var(--r);
    color: var(--accent);
    background: var(--paper);
    font-size: 22px;
}

.proposals-empty h2[b-qd5xna8wqw] {
    margin: 18px 0 0;
    color: var(--ink);
    font-size: var(--fs-h3);
}

.proposals-empty p[b-qd5xna8wqw] {
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

.proposals-loader[b-qd5xna8wqw] {
    width: 34px;
    height: 34px;
    border: 3px solid var(--paper-deep);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: proposals-spin-b-qd5xna8wqw 900ms linear infinite;
}

@keyframes proposals-spin-b-qd5xna8wqw {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/Admin/TopicWorkspace.razor.rz.scp.css */
.topic-workspace-heading[b-5d2q1p7ey1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.topic-workspace-heading p[b-5d2q1p7ey1],
.topic-workspace-card header span[b-5d2q1p7ey1] {
    margin: 0 0 6px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.topic-workspace-heading h1[b-5d2q1p7ey1] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h1);
    letter-spacing: -0.045em;
}

.topic-workspace-heading > div > span[b-5d2q1p7ey1],
.card-intro[b-5d2q1p7ey1] {
    display: block;
    max-width: 760px;
    margin-top: 9px;
    color: var(--ink-3);
    line-height: 1.55;
}

.topic-workspace-heading > a[b-5d2q1p7ey1],
.topic-primary[b-5d2q1p7ey1],
.topic-secondary[b-5d2q1p7ey1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    color: var(--accent);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}

.topic-primary[b-5d2q1p7ey1] {
    border-color: var(--accent);
    color: var(--on-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
}

.topic-workspace-alert[b-5d2q1p7ey1] {
    margin-bottom: 20px;
    padding: 14px 17px;
    border: 1px solid;
    border-radius: var(--r);
    font-size: 13px;
    font-weight: 600;
}

.topic-workspace-alert.success[b-5d2q1p7ey1] { color: var(--pos); border-color: var(--pos-tint); background: var(--paper-band); }
.topic-workspace-alert.error[b-5d2q1p7ey1] { color: var(--neg); border-color: var(--neg-tint); background: var(--paper); }

.topic-picker[b-5d2q1p7ey1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-bottom: 24px;
}

.topic-picker a[b-5d2q1p7ey1] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 17px 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink);
    background: var(--surface);
}

.topic-picker a.active[b-5d2q1p7ey1] {
    border-color: var(--accent);
    box-shadow: 0 8px 24px rgba(26, 126, 203, 0.12);
}

.topic-picker span[b-5d2q1p7ey1],
.topic-picker small[b-5d2q1p7ey1] { color: var(--ink-4); font-size: 11px; }
.topic-picker strong[b-5d2q1p7ey1] { font-size: 14px; }

.topic-workspace-grid[b-5d2q1p7ey1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    align-items: start;
}

.topic-workspace-main[b-5d2q1p7ey1],
.topic-workspace-side[b-5d2q1p7ey1] { display: grid; gap: 22px; }

.topic-workspace-card[b-5d2q1p7ey1] {
    padding: 25px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 8px 28px rgba(24, 55, 94, 0.04);
}

.topic-workspace-card > header[b-5d2q1p7ey1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.topic-workspace-card h2[b-5d2q1p7ey1] { margin: 0; color: var(--ink); font-size: 22px; }
.topic-workspace-card code[b-5d2q1p7ey1] { padding: 7px 9px; border-radius: var(--r-sm); color: var(--ink-3); background: var(--paper); font-size: 11px; }

.topic-field-grid[b-5d2q1p7ey1],
.knowledge-editor[b-5d2q1p7ey1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 18px;
}

.topic-field-grid label[b-5d2q1p7ey1],
.knowledge-editor label[b-5d2q1p7ey1],
.collaborator-card form > label[b-5d2q1p7ey1] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.topic-field-grid label.full[b-5d2q1p7ey1],
.knowledge-editor label.full[b-5d2q1p7ey1] { grid-column: 1 / -1; }

.topic-field-grid input[b-5d2q1p7ey1],
.knowledge-editor input[b-5d2q1p7ey1],
.knowledge-editor select[b-5d2q1p7ey1],
.knowledge-editor textarea[b-5d2q1p7ey1],
.collaborator-card input[type="email"][b-5d2q1p7ey1] {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.topic-field-grid input:disabled[b-5d2q1p7ey1] { color: var(--ink-4); background: var(--paper); }
.topic-field-grid small[b-5d2q1p7ey1] { color: var(--ink-4); font-size: 10px; font-weight: 550; line-height: 1.5; }

.topic-switch-row[b-5d2q1p7ey1],
.collaborator-grants[b-5d2q1p7ey1] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 22px;
    margin: 0 0 20px;
}

.topic-switch-row label[b-5d2q1p7ey1],
.collaborator-grants label[b-5d2q1p7ey1] {
    display: inline-flex;
    align-items: flex-start;
    gap: 7px;
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 600;
}

.topic-switch-row label input[b-5d2q1p7ey1] {
    margin-top: 2px;
}

.topic-switch-row label small[b-5d2q1p7ey1] {
    display: block;
    max-width: 340px;
    margin-top: 4px;
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
}

.card-intro[b-5d2q1p7ey1] { margin: -8px 0 20px; font-size: 13px; }

.knowledge-list[b-5d2q1p7ey1] { display: grid; gap: 9px; margin-bottom: 22px; }
.knowledge-list article[b-5d2q1p7ey1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.knowledge-list article.selected[b-5d2q1p7ey1] { border-color: var(--accent); background: var(--paper); }
.knowledge-list article > button:first-child[b-5d2q1p7ey1] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    padding: 14px;
    border: 0;
    color: var(--ink);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.knowledge-list article > div[b-5d2q1p7ey1] { display: flex; gap: 5px; padding-right: 10px; }
.knowledge-list article > div button[b-5d2q1p7ey1] { border: 0; color: var(--accent-deep); background: transparent; font-size: 11px; font-weight: 650; cursor: pointer; }
.knowledge-list article > div button.danger[b-5d2q1p7ey1] { color: var(--neg); }
.knowledge-list small[b-5d2q1p7ey1] { color: var(--ink-4); font-size: 10px; }
.document-list article[b-5d2q1p7ey1] { align-items: stretch; }
.document-summary[b-5d2q1p7ey1] { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 5px; padding: 14px; min-width: 0; }
.document-summary code[b-5d2q1p7ey1] { padding: 3px 6px; font-size: 9px; }
.document-upload[b-5d2q1p7ey1] { margin-top: 18px; }
.document-upload small[b-5d2q1p7ey1] { color: var(--ink-4); font-size: 10px; }

.knowledge-state[b-5d2q1p7ey1] { padding: 4px 7px; border-radius: 999px; color: var(--d-3); background: var(--warn-tint); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.knowledge-state.approved[b-5d2q1p7ey1] { color: var(--pos); background: var(--paper-deep); }
.knowledge-state.retired[b-5d2q1p7ey1] { color: var(--ink-3); background: var(--paper-band); }
.knowledge-empty[b-5d2q1p7ey1] { margin-bottom: 20px; padding: 22px; border: 1px dashed var(--rule); border-radius: var(--r); color: var(--ink-4); text-align: center; }

.refresh-review-list[b-5d2q1p7ey1] { display: grid; gap: 14px; }
.refresh-review-list > article[b-5d2q1p7ey1] { padding: 18px; border: 1px solid var(--paper-deep); border-radius: var(--r); background: var(--surface); }
.refresh-review-meta[b-5d2q1p7ey1],
.refresh-review-footer[b-5d2q1p7ey1] { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.refresh-review-meta small[b-5d2q1p7ey1] { color: var(--ink-4); font-size: 10px; }
.refresh-review-list h3[b-5d2q1p7ey1] { margin: 14px 0 7px; color: var(--ink); font-size: 17px; }
.refresh-review-list p[b-5d2q1p7ey1] { margin: 0 0 15px; color: var(--ink-3); font-size: 13px; line-height: 1.55; }
.refresh-review-footer > span[b-5d2q1p7ey1] { color: var(--ink-3); font-size: 11px; }
.refresh-review-list details[b-5d2q1p7ey1] { margin-top: 14px; border-top: 1px solid var(--paper-deep); padding-top: 12px; }
.refresh-review-list summary[b-5d2q1p7ey1] { color: var(--accent-deep); font-size: 11px; font-weight: 650; cursor: pointer; }
.refresh-review-list details ul[b-5d2q1p7ey1] { display: grid; gap: 9px; margin: 12px 0 0; padding: 0; list-style: none; }
.refresh-review-list details li[b-5d2q1p7ey1] { display: flex; flex-direction: column; gap: 3px; color: var(--ink-3); font-size: 11px; }
.refresh-review-list details li strong[b-5d2q1p7ey1] { color: var(--ink-2); }

.narrative-actions[b-5d2q1p7ey1] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.narrative-missing[b-5d2q1p7ey1] { margin: 0 0 18px; padding: 14px 16px; border: 1px dashed var(--rule); border-radius: var(--r); color: var(--ink-3); font-size: 12px; }
.narrative-missing ul[b-5d2q1p7ey1] { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.narrative-missing li[b-5d2q1p7ey1] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.narrative-edit[b-5d2q1p7ey1] { display: grid; gap: 12px; margin: 14px 0; }
.narrative-edit label[b-5d2q1p7ey1] { display: grid; gap: 6px; color: var(--ink-2); font-size: 12px; font-weight: 650; }
.narrative-edit input[b-5d2q1p7ey1],
.narrative-edit textarea[b-5d2q1p7ey1] { width: 100%; padding: 9px 11px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--surface); color: var(--ink); font: inherit; font-size: 13px; }
.narrative-edit small[b-5d2q1p7ey1] { color: var(--ink-4); font-size: 11px; }
.narrative-problems[b-5d2q1p7ey1] { margin: 0; padding: 10px 14px 10px 28px; border-radius: var(--r); background: var(--warn-tint); color: var(--d-3); font-size: 12px; }

.permission-card ul[b-5d2q1p7ey1] { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.permission-card li[b-5d2q1p7ey1] { display: flex; align-items: center; gap: 9px; color: var(--ink-3); font-size: 12px; font-weight: 600; }
.permission-card li[b-5d2q1p7ey1]::before { content: "–"; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--paper-band); }
.permission-card li.allowed[b-5d2q1p7ey1] { color: var(--pos); }
.permission-card li.allowed[b-5d2q1p7ey1]::before { content: "✓"; color: var(--pos); background: var(--paper-deep); }

.collaborator-list[b-5d2q1p7ey1] { display: grid; gap: 8px; margin-bottom: 20px; }
.collaborator-list article[b-5d2q1p7ey1] { display: flex; justify-content: space-between; gap: 8px; padding: 11px; border-radius: var(--r); background: var(--paper); }
.collaborator-list article div[b-5d2q1p7ey1] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.collaborator-list strong[b-5d2q1p7ey1] { font-size: 12px; }
.collaborator-list small[b-5d2q1p7ey1] { overflow: hidden; color: var(--ink-4); font-size: 10px; text-overflow: ellipsis; }
.collaborator-list article > button[b-5d2q1p7ey1] { align-self: flex-start; border: 0; color: var(--neg); background: transparent; font-size: 10px; font-weight: 650; cursor: pointer; white-space: nowrap; }
.collaborator-list article > button:first-of-type[b-5d2q1p7ey1] { color: var(--accent); }
.collaborator-card form[b-5d2q1p7ey1] { display: grid; gap: 14px; }
.collaborator-grants[b-5d2q1p7ey1] { display: grid; grid-template-columns: 1fr; margin: 0; }
.collaborator-card label > small[b-5d2q1p7ey1] { color: var(--ink-4); font-size: 10.5px; line-height: 1.45; }

/* Credit role + revenue share, shown inline so the split is visible without
   opening the edit form. */
.credit-role[b-5d2q1p7ey1] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    padding: 2px 8px;
    border-radius: 999px;
    width: fit-content;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.credit-role.collaborator[b-5d2q1p7ey1] { color: var(--d-5); background: var(--paper-band); }
.credit-role.contributor[b-5d2q1p7ey1] { color: var(--accent); background: var(--accent-wash); }
.credit-role.editor[b-5d2q1p7ey1] { color: var(--pos); background: var(--pos-tint); }

.credit-role b[b-5d2q1p7ey1] { font-variant-numeric: tabular-nums; }
.credit-role i[b-5d2q1p7ey1] { font-style: normal; opacity: 0.75; text-transform: none; letter-spacing: 0; }

.share-total[b-5d2q1p7ey1] { margin: 4px 0 0; color: var(--ink-4); font-size: 11px; }
.share-total strong[b-5d2q1p7ey1] { color: var(--ink-2); font-variant-numeric: tabular-nums; }
.share-total.over[b-5d2q1p7ey1] { color: var(--neg); }
.share-total.over strong[b-5d2q1p7ey1] { color: var(--neg); }

.topic-workspace-empty[b-5d2q1p7ey1] { display: grid; place-items: center; min-height: 280px; padding: 40px; border: 1px dashed var(--rule); border-radius: var(--r); color: var(--ink-3); background: var(--surface); text-align: center; }
.topic-workspace-loader[b-5d2q1p7ey1] { width: 32px; height: 32px; border: 3px solid var(--paper-deep); border-top-color: var(--accent); border-radius: 50%; animation: topic-spin-b-5d2q1p7ey1 800ms linear infinite; }
@keyframes topic-spin-b-5d2q1p7ey1 { to { transform: rotate(360deg); } }

button:disabled[b-5d2q1p7ey1] { cursor: not-allowed; opacity: 0.55; }

@media (max-width: 1100px) {
    .topic-workspace-grid[b-5d2q1p7ey1] { grid-template-columns: 1fr; }
    .topic-workspace-side[b-5d2q1p7ey1] { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
}

@media (max-width: 700px) {
    .topic-workspace-heading[b-5d2q1p7ey1] { align-items: flex-start; flex-direction: column; }
    .topic-field-grid[b-5d2q1p7ey1],
    .knowledge-editor[b-5d2q1p7ey1] { grid-template-columns: 1fr; }
    .topic-field-grid label.full[b-5d2q1p7ey1],
    .knowledge-editor label.full[b-5d2q1p7ey1] { grid-column: auto; }
    .topic-workspace-card[b-5d2q1p7ey1] { padding: 19px; }
}
/* /Components/Pages/Collaborate.razor.rz.scp.css */
.collaborate-page[b-yrb1yr1yfy] {
    min-height: 100%;
    background: var(--surface);
}

.collab-shell[b-yrb1yr1yfy] {
    max-width: var(--maxw);
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px;
}

.collab-hero[b-yrb1yr1yfy] {
    padding: 64px 0 58px;
    background: linear-gradient(160deg, var(--paper) 0%, var(--paper-band) 100%);
}

.hero-grid[b-yrb1yr1yfy] {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
    gap: 48px;
    align-items: center;
}

.collab-eyebrow[b-yrb1yr1yfy] {
    margin: 0 0 12px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.collab-eyebrow.light[b-yrb1yr1yfy] {
    color: var(--paper-deep);
}

.hero-copy h1[b-yrb1yr1yfy] {
    max-width: 760px;
    margin: 0 0 18px;
    color: var(--color-navy);
    font-size: var(--fs-h1);
    font-weight: 650;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.hero-copy > p[b-yrb1yr1yfy] {
    max-width: 720px;
    margin: 0;
    color: var(--ink-3);
    font-size: 17px;
    line-height: 1.65;
}

.hero-actions[b-yrb1yr1yfy] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 32px;
}

.hero-card[b-yrb1yr1yfy] {
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 40px -28px rgba(23, 55, 94, 0.45);
}

.hero-card span[b-yrb1yr1yfy] {
    display: block;
    margin-bottom: 18px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hero-card ul[b-yrb1yr1yfy] {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hero-card li[b-yrb1yr1yfy] {
    display: flex;
    gap: 12px;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.45;
}

.hero-card li[b-yrb1yr1yfy]::before {
    color: var(--pos);
    content: "✓";
    font-weight: 700;
}

.pathways-section[b-yrb1yr1yfy] {
    padding-top: 66px;
    padding-bottom: 70px;
}

.section-heading[b-yrb1yr1yfy] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1.05fr);
    gap: 32px;
    align-items: end;
    margin-bottom: 30px;
}

.section-heading h2[b-yrb1yr1yfy] {
    margin: 0;
    color: var(--color-navy);
    font-size: var(--fs-h2);
    line-height: 1.16;
    letter-spacing: -0.025em;
}

.section-heading > p:not(.collab-eyebrow)[b-yrb1yr1yfy] {
    margin: 0;
    color: var(--ink-3);
    font-size: 16px;
    line-height: 1.58;
}

.pathway-grid[b-yrb1yr1yfy] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.pathway-card[b-yrb1yr1yfy] {
    min-height: 260px;
    padding: 26px 24px;
    border: 1px solid var(--paper-band);
    border-top: 4px solid currentColor;
    border-radius: var(--r);
    color: var(--path-accent, var(--accent));
    background: var(--surface);
    box-shadow: 0 6px 18px -12px rgba(23, 55, 94, 0.2);
}

.pathway-card.blue[b-yrb1yr1yfy] {
    --path-accent: var(--accent);
}

.pathway-card.orange[b-yrb1yr1yfy] {
    --path-accent: var(--d-3);
}

.pathway-card.green[b-yrb1yr1yfy] {
    --path-accent: var(--pos);
}

.path-number[b-yrb1yr1yfy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 22px;
    border-radius: 50%;
    color: var(--on-accent);
    background: var(--path-accent);
    font-size: 15px;
    font-weight: 700;
}

.pathway-card h3[b-yrb1yr1yfy] {
    margin: 0 0 12px;
    color: var(--color-navy);
    font-size: 22px;
    line-height: 1.2;
}

.pathway-card p[b-yrb1yr1yfy] {
    min-height: 76px;
    margin: 0 0 18px;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.55;
}

.pathway-card strong[b-yrb1yr1yfy] {
    display: block;
    color: var(--path-accent);
    font-size: 13px;
}

.collab-band[b-yrb1yr1yfy] {
    padding: 58px 0;
    color: var(--on-accent);
    background: linear-gradient(105deg, color-mix(in srgb, var(--accent) 76%, #fff) 0%, var(--accent) 100%);
}

.workflow-grid[b-yrb1yr1yfy] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
    gap: 58px;
    align-items: center;
}

.workflow-grid h2[b-yrb1yr1yfy] {
    margin: 0;
    color: var(--on-accent);
    font-size: var(--fs-h2);
    line-height: 1.12;
    letter-spacing: -0.025em;
}

.workflow-grid > div > p:not(.collab-eyebrow)[b-yrb1yr1yfy] {
    max-width: 520px;
    margin: 18px 0 0;
    color: var(--paper-band);
    font-size: 17px;
    line-height: 1.5;
}

.workflow-steps[b-yrb1yr1yfy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.workflow-steps li[b-yrb1yr1yfy] {
    display: flex;
    gap: 14px;
    min-height: 132px;
    padding: 22px 18px;
    border: 1px solid rgba(220, 229, 239, 0.9);
    border-radius: var(--r);
    color: var(--color-navy);
    background: var(--surface);
}

.workflow-steps li > span[b-yrb1yr1yfy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    color: var(--on-accent);
    background: var(--color-primary);
    font-size: 14px;
    font-weight: 650;
}

.workflow-steps li:nth-child(2) > span[b-yrb1yr1yfy] {
    background: var(--color-orange);
}

.workflow-steps li:nth-child(3) > span[b-yrb1yr1yfy] {
    background: var(--color-green);
}

.workflow-steps li:nth-child(4) > span[b-yrb1yr1yfy] {
    background: var(--color-violet);
}

.workflow-steps h3[b-yrb1yr1yfy] {
    margin: 0;
    color: var(--color-navy);
    font-size: 16px;
}

.workflow-steps p[b-yrb1yr1yfy] {
    margin: 8px 0 0;
    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.4;
}

.proposal-section[b-yrb1yr1yfy] {
    display: grid;
    grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr);
    gap: 38px;
    align-items: start;
    padding-top: 68px;
    padding-bottom: 74px;
}

.proposal-copy h2[b-yrb1yr1yfy] {
    margin: 0 0 14px;
    color: var(--color-navy);
    font-size: var(--fs-h2);
    line-height: 1.16;
    letter-spacing: -0.025em;
}

.proposal-copy > p[b-yrb1yr1yfy] {
    margin: 0;
    color: var(--ink-3);
    font-size: 16px;
    line-height: 1.6;
}

.reuse-note[b-yrb1yr1yfy] {
    margin-top: 28px;
    padding: 22px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.reuse-note h3[b-yrb1yr1yfy] {
    margin: 0 0 8px;
    color: var(--color-navy);
    font-size: 17px;
}

.reuse-note p[b-yrb1yr1yfy] {
    margin: 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.55;
}

.proposal-form[b-yrb1yr1yfy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 26px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 16px 40px -30px rgba(23, 55, 94, 0.4);
}

.proposal-form label[b-yrb1yr1yfy] {
    display: grid;
    gap: 8px;
    color: var(--color-navy);
    font-size: 13px;
    font-weight: 650;
}

.proposal-form label.full[b-yrb1yr1yfy] {
    grid-column: 1 / -1;
}

.proposal-form input[b-yrb1yr1yfy],
.proposal-form select[b-yrb1yr1yfy],
.proposal-form textarea[b-yrb1yr1yfy] {
    width: 100%;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--color-navy);
    background: var(--surface);
    font-size: 14px;
    font-weight: 500;
}

.proposal-form input[b-yrb1yr1yfy],
.proposal-form select[b-yrb1yr1yfy] {
    min-height: 48px;
    padding: 0 14px;
}

.proposal-form textarea[b-yrb1yr1yfy] {
    min-height: 150px;
    padding: 14px;
    resize: vertical;
}

.proposal-form input:focus[b-yrb1yr1yfy],
.proposal-form select:focus[b-yrb1yr1yfy],
.proposal-form textarea:focus[b-yrb1yr1yfy] {
    outline: 3px solid rgba(22, 157, 242, 0.15);
    border-color: var(--accent);
}

.proposal-form button[b-yrb1yr1yfy] {
    min-height: 50px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    box-shadow: 0 8px 18px rgba(22, 157, 242, 0.28);
    font-size: 14.5px;
    font-weight: 650;
    cursor: pointer;
}

.form-note[b-yrb1yr1yfy] {
    align-self: center;
    margin: 0;
    color: var(--ink-4);
    font-size: 12.5px;
    line-height: 1.45;
}

/* ── Revenue sharing ────────────────────────────────────────────────────
   Four steps in the order a contributor actually moves through them, with
   the promotion to editor emphasised because that is the step that changes
   both the work and the share. */
.revenue-section[b-yrb1yr1yfy] {
    padding-top: 68px;
    padding-bottom: 24px;
}

.revenue-grid[b-yrb1yr1yfy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.revenue-card[b-yrb1yr1yfy] {
    display: flex;
    flex-direction: column;
    padding: 24px 22px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 6px 18px -12px rgba(23, 55, 94, 0.2);
}

.revenue-card.highlight[b-yrb1yr1yfy] {
    border-color: var(--accent-tint);
    background: var(--accent-wash);
}

.revenue-step[b-yrb1yr1yfy] {
    margin-bottom: 14px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.revenue-card h3[b-yrb1yr1yfy] {
    margin: 0 0 10px;
    color: var(--color-navy);
    font-size: 19px;
    line-height: 1.2;
}

.revenue-card p[b-yrb1yr1yfy] {
    margin: 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.6;
}

.revenue-card strong[b-yrb1yr1yfy] {
    color: var(--ink-2);
    font-weight: 700;
}

.revenue-note[b-yrb1yr1yfy] {
    max-width: 860px;
    margin: 24px 0 0;
    color: var(--ink-4);
    font-size: 13.5px;
    line-height: 1.6;
}

/* ── Intake form states ─────────────────────────────────────────────── */
.proposal-form[b-yrb1yr1yfy]  .validation-message {
    color: var(--neg);
    font-size: 12px;
    font-weight: 600;
}

.proposal-error[b-yrb1yr1yfy] {
    padding: 13px 15px;
    border: 1px solid var(--neg-tint);
    border-radius: var(--r);
    color: var(--neg);
    background: var(--neg-tint);
    font-size: 13px;
    font-weight: 650;
}

.proposal-error.full[b-yrb1yr1yfy] {
    grid-column: 1 / -1;
}

.proposal-form button:disabled[b-yrb1yr1yfy] {
    cursor: not-allowed;
    opacity: 0.65;
}

.proposal-success[b-yrb1yr1yfy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 38px 32px;
    border: 1px solid var(--pos-tint);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 16px 40px -30px rgba(23, 55, 94, 0.4);
}

.proposal-success > span[aria-hidden][b-yrb1yr1yfy] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 50%;
    color: var(--on-accent);
    background: var(--pos);
    font-size: 22px;
    font-weight: 700;
}

.proposal-success h3[b-yrb1yr1yfy] {
    margin: 20px 0 0;
    color: var(--color-navy);
    font-size: 22px;
}

.proposal-success p[b-yrb1yr1yfy] {
    margin: 10px 0 0;
    color: var(--ink-3);
    font-size: 15px;
    line-height: 1.6;
}

.proposal-success strong[b-yrb1yr1yfy] {
    color: var(--ink-2);
}

.proposal-success button[b-yrb1yr1yfy] {
    min-height: 46px;
    margin-top: 24px;
    padding: 0 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-2);
    cursor: pointer;
    background: var(--surface);
    font: inherit;
    font-size: 14px;
    font-weight: 650;
}

@media (max-width: 1080px) {
    .revenue-grid[b-yrb1yr1yfy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .revenue-grid[b-yrb1yr1yfy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1040px) {
    .hero-grid[b-yrb1yr1yfy],
    .section-heading[b-yrb1yr1yfy],
    .workflow-grid[b-yrb1yr1yfy],
    .proposal-section[b-yrb1yr1yfy] {
        grid-template-columns: 1fr;
    }

    .pathway-grid[b-yrb1yr1yfy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .collab-shell[b-yrb1yr1yfy] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .hero-actions[b-yrb1yr1yfy],
    .workflow-steps[b-yrb1yr1yfy],
    .proposal-form[b-yrb1yr1yfy] {
        grid-template-columns: 1fr;
    }

    .hero-actions[b-yrb1yr1yfy] {
        flex-direction: column;
    }

    .hero-actions .primary-button[b-yrb1yr1yfy],
    .hero-actions .secondary-button[b-yrb1yr1yfy] {
        width: 100%;
    }

    .workflow-steps[b-yrb1yr1yfy] {
        display: grid;
    }

    .proposal-form label[b-yrb1yr1yfy],
    .proposal-form label.full[b-yrb1yr1yfy] {
        grid-column: auto;
    }
}
/* /Components/Pages/Following.razor.rz.scp.css */
.following-page[b-66nqbobj0e] {
    min-height: 100%;
    background: var(--surface);
}

.following-shell[b-66nqbobj0e] {
    max-width: var(--maxw);
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px;
}

.following-hero[b-66nqbobj0e] {
    padding: 58px 0 42px;
    background: linear-gradient(155deg, var(--paper) 0%, var(--paper-band) 100%);
}

.following-eyebrow[b-66nqbobj0e] {
    margin: 0 0 10px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.following-hero h1[b-66nqbobj0e] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h1);
    line-height: 1;
    letter-spacing: -0.05em;
}

.following-hero > div > p:not(.following-eyebrow)[b-66nqbobj0e] {
    max-width: 650px;
    margin: 18px 0 0;
    color: var(--ink-3);
    font-size: 17px;
    line-height: 1.6;
}

.following-tabs[b-66nqbobj0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 28px;
}

.following-tabs button[b-66nqbobj0e] {
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-3);
    background: var(--surface);
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.following-tabs button span[b-66nqbobj0e] {
    margin-left: 6px;
    opacity: 0.7;
}

.following-tabs button.active[b-66nqbobj0e] {
    border-color: var(--accent);
    color: var(--on-accent);
    background: var(--accent);
}

.following-content[b-66nqbobj0e] {
    padding-top: 38px;
    padding-bottom: 70px;
}

.following-grid[b-66nqbobj0e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.following-card[b-66nqbobj0e] {
    padding: 22px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--accent);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 12px 30px -25px rgba(23, 55, 94, 0.55);
}

.following-card.series[b-66nqbobj0e] {
    border-top-color: var(--d-5);
}

.following-card-top[b-66nqbobj0e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.following-card-top > span[b-66nqbobj0e] {
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.following-card.series .following-card-top > span[b-66nqbobj0e] {
    color: var(--d-5);
}

.following-card > p[b-66nqbobj0e] {
    margin: 18px 0 7px;
    color: var(--ink-4);
    font-size: 12px;
    font-weight: 650;
}

.following-card h2[b-66nqbobj0e] {
    margin: 0 0 22px;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.25;
}

.following-card h2 a[b-66nqbobj0e] {
    color: inherit;
}

.following-date[b-66nqbobj0e] {
    color: var(--ink-4);
    font-size: 12px;
    font-weight: 700;
}

.following-empty[b-66nqbobj0e] {
    min-height: 330px;
    padding: 52px 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed var(--rule);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    text-align: center;
}

.following-empty > span[b-66nqbobj0e] {
    color: var(--d-3);
    font-size: 52px;
}

.following-empty h2[b-66nqbobj0e] {
    margin: 14px 0 8px;
    color: var(--ink);
    font-size: 27px;
}

.following-empty p[b-66nqbobj0e] {
    margin: 0;
}

.following-empty div[b-66nqbobj0e] {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

.following-empty a[b-66nqbobj0e] {
    min-height: 44px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    border-radius: var(--r);
    color: var(--on-accent);
    background: var(--accent);
    font-weight: 700;
}

@media (max-width: 900px) {
    .following-grid[b-66nqbobj0e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .following-shell[b-66nqbobj0e] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .following-grid[b-66nqbobj0e] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-91547702oc] {
  color:var(--ink);
  background:var(--paper);
  overflow:hidden
}
.section-shell[b-91547702oc] {
  width:min(100%,1360px);
  margin-inline:auto;
  padding-inline:clamp(22px,5vw,72px)
}
.eyebrow[b-91547702oc] {
  margin:0 0 17px;
  color:var(--accent-deep);
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase
}
.hero-section[b-91547702oc] {
  background:linear-gradient(115deg,#f0f7f3 0%,#fbfcf8 58%,#f7f5ed 100%);
  border-bottom:1px solid var(--rule)
}
.hero-inner[b-91547702oc] {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(410px,.88fr);
  align-items:center;
  gap:clamp(40px,7vw,105px);
  padding-block:80px 87px
}
.hero-copy h1[b-91547702oc] {
  font-family:var(--serif);
  font-size:clamp(47px,5.8vw,82px);
  line-height:1.03;
  letter-spacing:-.052em;
  max-width:690px;
  margin:0
}
.hero-copy h1 em[b-91547702oc] {
  color:var(--accent-deep);
  font-weight:400
}
.hero-description[b-91547702oc] {
  max-width:540px;
  font-size:clamp(18px,2vw,23px);
  line-height:1.43;
  color:var(--ink-2);
  margin:28px 0 29px
}
.hero-actions[b-91547702oc] {
  display:flex;
  align-items:center;
  gap:28px;
  flex-wrap:wrap
}
.primary-button[b-91547702oc],.secondary-button[b-91547702oc] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:48px;
  border-radius:6px;
  text-decoration:none;
  font-weight:750;
  padding:12px 20px;
  border:1px solid var(--accent-deep);
  cursor:pointer;
  font-size:15px
}
.primary-button[b-91547702oc] {
  background:var(--accent-deep);
  color:white
}
.secondary-button[b-91547702oc] {
  color:var(--accent-deep);
  background:transparent
}
.primary-button:hover[b-91547702oc] {
  background:#074f44;
  color:white
}
.secondary-button:hover[b-91547702oc] {
  background:var(--accent-wash)
}
.text-link[b-91547702oc] {
  color:var(--accent-deep);
  font-weight:750;
  text-decoration:none;
  white-space:nowrap
}
.text-link:hover[b-91547702oc] {
  text-decoration:underline
}
.trust-line[b-91547702oc] {
  font-size:13px;
  color:var(--ink-3);
  margin:24px 0 0
}
.dashboard-preview[b-91547702oc] {
  background:white;
  border:1px solid #dae5df;
  border-radius:13px;
  padding:29px 32px 24px;
  box-shadow:0 24px 60px rgba(13,66,58,.10)
}
.preview-top[b-91547702oc] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px
}
.preview-top .eyebrow[b-91547702oc] {
  margin:0
}
.country-tag[b-91547702oc] {
  font-size:12px;
  color:var(--ink-2);
  background:#f0f5f1;
  border-radius:30px;
  padding:7px 10px
}
.dashboard-preview h2[b-91547702oc] {
  font-family:var(--serif);
  font-size:clamp(24px,2.3vw,32px);
  line-height:1.17;
  letter-spacing:-.025em;
  margin:23px 0 12px
}
.dashboard-preview h2 a[b-91547702oc] {
  color:inherit;
  text-decoration:none
}
.dashboard-preview h2 a:hover[b-91547702oc] {
  color:var(--accent-deep)
}
.preview-headline[b-91547702oc] {
  font-size:14px;
  line-height:1.5;
  color:var(--ink-2);
  margin:0 0 16px
}
.preview-source[b-91547702oc] {
  font-size:12px;
  color:var(--ink-3);
  margin:5px 0 0
}
.preview-unavailable[b-91547702oc] {
  padding:34px 0;
  color:var(--ink-2);
  line-height:1.5
}
.preview-link[b-91547702oc] {
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding-top:19px;
  margin-top:18px;
  border-top:1px solid var(--rule);
  color:var(--accent-deep);
  font-weight:750;
  text-decoration:none
}
.preview-link:hover[b-91547702oc] {
  text-decoration:underline
}
.section-heading[b-91547702oc] {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:26px
}
.section-heading h2[b-91547702oc] {
  font-family:var(--serif);
  font-size:clamp(34px,3.9vw,55px);
  letter-spacing:-.04em;
  line-height:1.08;
  margin:0;
  max-width:780px
}
.section-heading .eyebrow[b-91547702oc] {
  margin-bottom:10px
}
.section-intro[b-91547702oc] {
  max-width:680px;
  color:var(--ink-2);
  font-size:17px;
  line-height:1.55;
  margin:-7px 0 30px
}
.section-aside[b-91547702oc] {
  color:var(--ink-2);
  line-height:1.5;
  margin:0 0 6px
}
.discovery[b-91547702oc],.research-section[b-91547702oc],.topics-section[b-91547702oc],.sources-section[b-91547702oc] {
  padding-block:74px 80px
}
.discovery[b-91547702oc] {
  padding-bottom:62px
}
.discovery-form[b-91547702oc] {
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px auto;
  gap:12px;
  align-items:end;
  padding:18px;
  background:white;
  border:1px solid var(--rule);
  border-radius:12px;
  box-shadow:0 9px 30px rgba(20,56,49,.035)
}
.discovery-form label[b-91547702oc] {
  display:block;
  color:var(--ink-2);
  font-size:12px;
  font-weight:800;
  margin:0 0 7px
}
.discovery-form input[b-91547702oc],.discovery-form select[b-91547702oc] {
  width:100%;
  height:48px;
  border:1px solid var(--rule-2);
  border-radius:6px;
  background:white;
  padding:0 14px;
  color:var(--ink);
  font:inherit
}
.discovery-form input:focus[b-91547702oc],.discovery-form select:focus[b-91547702oc] {
  outline:2px solid var(--accent);
  outline-offset:1px
}
.discovery-form button[b-91547702oc] {
  height:48px
}
.search-summary[b-91547702oc] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:21px 0 9px;
  color:var(--ink-2);
  font-size:14px
}
.search-summary p[b-91547702oc] {
  margin:0
}
.search-summary a[b-91547702oc] {
  color:var(--accent-deep)
}
.search-results[b-91547702oc] {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px
}
.search-results a[b-91547702oc] {
  display:flex;
  flex-direction:column;
  gap:6px;
  background:white;
  border:1px solid var(--rule);
  border-radius:7px;
  padding:16px;
  text-decoration:none;
  color:var(--ink)
}
.search-results a:hover[b-91547702oc] {
  border-color:var(--accent)
}
.search-results span[b-91547702oc] {
  font-size:12px;
  color:var(--ink-3)
}
.search-results span:last-child[b-91547702oc] {
  color:var(--accent-deep);
  font-weight:750
}
.availability-note[b-91547702oc] {
  color:var(--ink-2);
  font-size:14px;
  margin:17px 0 0
}
.research-section[b-91547702oc] {
  background:#f1f6f2
}
.research-grid[b-91547702oc] {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.research-card[b-91547702oc] {
  display:flex;
  flex-direction:column;
  min-height:280px;
  background:white;
  border:1px solid #dce8df;
  border-radius:10px;
  padding:26px;
  box-shadow:0 10px 25px rgba(16,65,55,.035)
}
.research-card:first-child[b-91547702oc] {
  grid-column:span 2;
  background:#0b5549;
  color:white;
  box-shadow:none
}
.research-meta[b-91547702oc],.topic-meta[b-91547702oc] {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-size:12px;
  font-weight:750;
  color:var(--accent-deep)
}
.research-card:first-child .research-meta[b-91547702oc] {
  color:#bce3d2
}
.stage[b-91547702oc] {
  border:1px solid currentColor;
  border-radius:30px;
  padding:4px 9px
}
.research-card h3[b-91547702oc] {
  font-family:var(--serif);
  font-size:clamp(25px,2.4vw,34px);
  line-height:1.12;
  letter-spacing:-.025em;
  margin:30px 0 12px
}
.research-card h3 a[b-91547702oc] {
  color:inherit;
  text-decoration:none
}
.research-card h3 a:hover[b-91547702oc] {
  text-decoration:underline
}
.research-card p[b-91547702oc] {
  color:var(--ink-2);
  line-height:1.52;
  margin:0 0 26px
}
.research-card:first-child p[b-91547702oc] {
  color:#d9ebe4
}
.research-bottom[b-91547702oc] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-top:auto
}
.research-card:first-child .text-link[b-91547702oc] {
  color:#e2fff0
}
.topic-card-grid[b-91547702oc] {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.topic-card[b-91547702oc] {
  display:flex;
  flex-direction:column;
  min-height:268px;
  background:white;
  border:1px solid var(--rule);
  border-radius:9px;
  padding:22px 24px;
  transition:transform .18s ease,border-color .18s ease
}
.topic-card:hover[b-91547702oc] {
  transform:translateY(-3px);
  border-color:#a1cabe
}
.topic-card h3[b-91547702oc] {
  font-family:var(--serif);
  font-size:25px;
  line-height:1.16;
  margin:25px 0 15px
}
.topic-card h3 a[b-91547702oc] {
  color:inherit;
  text-decoration:none
}
.topic-card h3 a:hover[b-91547702oc] {
  text-decoration:underline
}
.topic-value[b-91547702oc] {
  font-size:17px;
  line-height:1.35;
  color:var(--accent-deep)
}
.topic-note[b-91547702oc] {
  font-size:13px;
  line-height:1.45;
  color:var(--ink-2);
  margin:9px 0 20px
}
.topic-bottom[b-91547702oc] {
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  border-top:1px solid var(--rule);
  padding-top:15px;
  font-size:12px;
  color:var(--ink-3);
  text-transform:capitalize
}
.topic-bottom a[b-91547702oc] {
  color:var(--accent-deep);
  font-weight:800;
  text-decoration:none;
  text-transform:none
}
.following-strip[b-91547702oc] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:25px 30px;
  margin-top:27px;
  background:#e7f1e9;
  border:1px solid #cbe0cf;
  border-radius:9px
}
.following-strip strong[b-91547702oc] {
  font-family:var(--serif);
  font-size:23px
}
.following-strip p[b-91547702oc] {
  color:var(--ink-2);
  margin:5px 0 0;
  font-size:14px
}
.following-strip .primary-button[b-91547702oc] {
  white-space:nowrap
}
.how-section[b-91547702oc] {
  padding-block:80px 88px;
  background:#0d4139;
  color:#f5fff8
}
.how-section .eyebrow[b-91547702oc] {
  color:#95d6b6
}
.how-section .section-aside[b-91547702oc] {
  color:#d0e4d8
}
.journey-grid[b-91547702oc] {
  list-style:none;
  margin:35px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}
.journey-grid li[b-91547702oc] {
  min-width:0
}
.journey-visual[b-91547702oc] {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:178px;
  padding:18px 22px;
  background:#1b594d;
  border:1px solid #3b7467;
  border-radius:8px;
  overflow:hidden
}
.journey-visual>span[b-91547702oc] {
  font-size:12px;
  letter-spacing:.14em;
  color:#ade0c3;
  font-weight:800
}
.visual-question[b-91547702oc] {
  font-family:var(--serif);
  font-size:clamp(25px,3vw,38px);
  line-height:1.02;
  letter-spacing:-.03em
}
.visual-question em[b-91547702oc] {
  color:#aee0c3
}
.visual-evidence[b-91547702oc] {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding-bottom:10px
}
.visual-evidence b[b-91547702oc] {
  background:#e8f5e9;
  color:#16463c;
  padding:10px;
  border-radius:4px;
  font-size:13px
}
.visual-evidence i[b-91547702oc] {
  color:#aee0c3;
  font-style:normal
}
.visual-library[b-91547702oc] {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:3px 12px;
  align-items:center;
  padding-bottom:13px
}
.visual-library b[b-91547702oc] {
  grid-row:span 2;
  color:#e5c96e;
  font-size:37px;
  font-weight:400
}
.visual-library small[b-91547702oc] {
  color:#afd5c4
}
.journey-grid h3[b-91547702oc] {
  font-family:var(--serif);
  font-size:25px;
  margin:22px 0 8px
}
.journey-grid p[b-91547702oc] {
  color:#d0e4d8;
  line-height:1.55;
  margin:0 0 14px;
  font-size:14px
}
.journey-grid a[b-91547702oc] {
  color:#b8f1ca;
  text-decoration:none;
  font-weight:750;
  font-size:14px
}
.journey-grid a:hover[b-91547702oc] {
  text-decoration:underline
}
.sources-section[b-91547702oc] {
  background:#fbfbf7
}
.source-grid[b-91547702oc] {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px
}
.source-grid>a[b-91547702oc] {
  display:flex;
  align-items:center;
  gap:20px;
  background:white;
  border:1px solid var(--rule);
  border-radius:8px;
  padding:24px;
  text-decoration:none;
  color:var(--ink);
  transition:border-color .18s,transform .18s
}
.source-grid>a:hover[b-91547702oc] {
  border-color:#94c8b0;
  transform:translateY(-2px)
}
.source-monogram[b-91547702oc] {
  display:grid;
  place-items:center;
  flex:0 0 78px;
  height:66px;
  background:#e7f1e7;
  color:var(--accent-deep);
  border-radius:5px;
  font-size:16px;
  font-weight:900;
  letter-spacing:.03em
}
.source-grid h3[b-91547702oc] {
  font-family:var(--serif);
  font-size:20px;
  line-height:1.2;
  margin:0 0 6px
}
.source-grid h3 span[b-91547702oc] {
  font-family:Arial,sans-serif;
  font-size:13px;
  color:var(--accent-deep)
}
.source-grid p[b-91547702oc] {
  font-size:13px;
  color:var(--ink-2);
  line-height:1.4;
  margin:0
}
.source-footnote[b-91547702oc] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  border-top:1px solid var(--rule);
  margin-top:30px;
  padding-top:19px
}
.source-footnote span[b-91547702oc] {
  font-weight:800;
  color:var(--accent-deep)
}
.source-footnote p[b-91547702oc] {
  font-size:12px;
  color:var(--ink-3);
  margin:0;
  max-width:445px;
  line-height:1.4
}
.pricing-section[b-91547702oc] {
  padding-block:62px 72px;
  border-top:1px solid var(--rule)
}
.pricing-section .section-heading[b-91547702oc] {
  display:block;
  text-align:center
}
.pricing-section .section-heading h2[b-91547702oc] {
  margin:auto;
  font-size:clamp(31px,3.3vw,42px)
}
.pricing-section .section-heading p[b-91547702oc] {
  color:var(--ink-2);
  margin:10px 0 0
}
.pricing-grid[b-91547702oc] {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:840px;
  margin:30px auto 0;
  gap:16px
}
.pricing-card[b-91547702oc] {
  border:1px solid var(--rule);
  border-radius:8px;
  background:white;
  padding:26px 29px
}
.pricing-card.premium[b-91547702oc] {
  border-color:#85bfa7;
  background:#f3faf4
}
.pricing-card h3[b-91547702oc] {
  font-family:var(--serif);
  font-size:26px;
  margin:0
}
.price[b-91547702oc] {
  margin:12px 0 1px
}
.price strong[b-91547702oc] {
  font-family:var(--serif);
  font-size:38px
}
.price span[b-91547702oc] {
  font-size:14px;
  color:var(--ink-2)
}
.pricing-card small[b-91547702oc] {
  color:var(--ink-2)
}
.pricing-card ul[b-91547702oc] {
  padding-left:18px;
  margin:19px 0 26px;
  line-height:1.85;
  color:var(--ink-2);
  font-size:14px
}
.pricing-card li[b-91547702oc]::marker {
  color:var(--accent-deep)
}
.pricing-card li.muted[b-91547702oc] {
  color:var(--ink-3)
}
.collaborate-strip[b-91547702oc] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  border-top:1px solid var(--rule);
  padding-block:40px 52px
}
.collaborate-strip .eyebrow[b-91547702oc] {
  margin-bottom:8px
}
.collaborate-strip h2[b-91547702oc] {
  font-family:var(--serif);
  font-size:30px;
  margin:0
}
.collaborate-strip p:last-child[b-91547702oc] {
  color:var(--ink-2);
  margin:6px 0 0
}
.home-page a:focus-visible[b-91547702oc],.home-page button:focus-visible[b-91547702oc] {
  outline:3px solid #e9a43c;
  outline-offset:3px
}
@media(max-width:1000px) {
  .hero-inner[b-91547702oc] {
    grid-template-columns:1fr;
    gap:37px;
    padding-block:62px
  }
  .hero-copy h1[b-91547702oc] {
    max-width:760px
  }
  .dashboard-preview[b-91547702oc] {
    max-width:680px
  }
  .research-grid[b-91547702oc],.topic-card-grid[b-91547702oc] {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .research-card:first-child[b-91547702oc] {
    grid-column:span 2
  }
  .journey-grid[b-91547702oc] {
    gap:12px
  }
  .journey-visual[b-91547702oc] {
    height:160px;
    padding:14px
  }
}
@media(max-width:700px) {
  .hero-inner[b-91547702oc] {
    padding-block:51px 58px
  }
  .hero-copy h1[b-91547702oc] {
    font-size:clamp(43px,10vw,65px)
  }
  .dashboard-preview[b-91547702oc] {
    padding:23px
  }
  .discovery[b-91547702oc],.research-section[b-91547702oc],.topics-section[b-91547702oc],.sources-section[b-91547702oc],.how-section[b-91547702oc] {
    padding-block:53px 60px
  }
  .section-heading[b-91547702oc] {
    align-items:start;
    flex-direction:column;
    gap:11px
  }
  .section-heading h2[b-91547702oc] {
    font-size:35px
  }
  .discovery-form[b-91547702oc] {
    grid-template-columns:1fr;
    padding:14px
  }
  .search-results[b-91547702oc],.research-grid[b-91547702oc],.topic-card-grid[b-91547702oc],.source-grid[b-91547702oc],.journey-grid[b-91547702oc],.pricing-grid[b-91547702oc] {
    grid-template-columns:1fr
  }
  .research-card:first-child[b-91547702oc] {
    grid-column:auto
  }
  .research-card[b-91547702oc] {
    min-height:235px
  }
  .journey-grid[b-91547702oc] {
    gap:28px
  }
  .journey-visual[b-91547702oc] {
    height:160px
  }
  .source-grid>a[b-91547702oc] {
    padding:18px
  }
  .source-monogram[b-91547702oc] {
    flex-basis:65px;
    height:60px;
    font-size:14px
  }
  .source-footnote[b-91547702oc],.following-strip[b-91547702oc],.collaborate-strip[b-91547702oc] {
    align-items:start;
    flex-direction:column
  }
  .following-strip .primary-button[b-91547702oc] {
    white-space:normal
  }
  .pricing-card[b-91547702oc] {
    padding:22px
  }
  .section-aside br[b-91547702oc] {
    display:none
  }
}
.research-card:first-child h3[b-91547702oc],.how-section h2[b-91547702oc],.how-section h3[b-91547702oc] {
  color:#f5fff8
}
.research-card:only-child[b-91547702oc] {
  grid-column:1/-1
}
/* /Components/Pages/Research/FindingList.razor.rz.scp.css */
.finding-list[b-w1rkbt21t6] {
    display: grid;
    gap: 12px;
    margin: 18px 0 22px;
    padding: 0;
    list-style: none;
}

.finding-list > li[b-w1rkbt21t6] {
    padding: 14px 18px;
    border-left: 3px solid var(--accent);
    background: var(--surface);
    border-radius: 0 8px 8px 0;
}

.finding-list > li > p[b-w1rkbt21t6] {
    margin: 0;
    color: var(--ink);
    font-size: 15px;
    line-height: 1.65;
}

.finding-list details[b-w1rkbt21t6] {
    margin-top: 8px;
}

.finding-list summary[b-w1rkbt21t6] {
    color: var(--accent);
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.finding-method[b-w1rkbt21t6] {
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.55;
}

.finding-rows[b-w1rkbt21t6] {
    display: grid;
    gap: 3px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    color: var(--ink-2);
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
}

.finding-rows li[b-w1rkbt21t6] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.finding-rows code[b-w1rkbt21t6] {
    color: var(--ink-3);
    font-size: 10.5px;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Research/IndiaBankHealthResearch.razor.rz.scp.css */
.related-topic[b-fqaopd8xpx] { background: var(--surface, #fff); border: 1px solid var(--rule, #E4E8EC); border-radius: 16px; padding: 18px 20px; margin: 12px 0; }
.related-topic h3[b-fqaopd8xpx] { margin: 0 0 6px; }
.related-topic ul[b-fqaopd8xpx] { margin: 8px 0 0; padding-left: 18px; }

.comparison-controls[b-fqaopd8xpx] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.comparison-controls label[b-fqaopd8xpx] { display: grid; gap: 8px; color: var(--ink-2); font-size: 13px; font-weight: 700; }
.comparison-controls select[b-fqaopd8xpx] { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); color: var(--ink); font: inherit; }
.comparison-results[b-fqaopd8xpx] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.comparison-results article[b-fqaopd8xpx] { display: grid; gap: 7px; padding: 16px; border: 1px solid var(--rule); border-radius: 12px; background: var(--surface); }
.comparison-results span[b-fqaopd8xpx] { color: var(--ink-3); font-size: 12px; font-weight: 700; }
.comparison-results strong[b-fqaopd8xpx] { color: var(--ink); font-size: clamp(20px, 2vw, 28px); font-variant-numeric: tabular-nums; }
.comparison-table[b-fqaopd8xpx] { max-width: 100%; overflow-x: auto; margin-top: 12px; }
.comparison-table table[b-fqaopd8xpx] { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.comparison-table th[b-fqaopd8xpx], .comparison-table td[b-fqaopd8xpx] { padding: 10px; border-bottom: 1px solid var(--rule); text-align: left; }
.evidence-ladder[b-fqaopd8xpx] { max-width: 100%; overflow-x: auto; margin: 22px 0; }
.evidence-ladder table[b-fqaopd8xpx] { width: 100%; min-width: 690px; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.evidence-ladder th[b-fqaopd8xpx], .evidence-ladder td[b-fqaopd8xpx] { padding: 14px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; }
.evidence-ladder th[b-fqaopd8xpx] { color: var(--ink-3); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.evidence-ladder td:first-child[b-fqaopd8xpx] { color: var(--ink); font-weight: 700; }
@media (max-width: 700px) { .comparison-controls[b-fqaopd8xpx] { grid-template-columns: 1fr; } .comparison-results[b-fqaopd8xpx] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Bank health desk additions */
.comparison-controls[b-fqaopd8xpx] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lag-buttons[b-fqaopd8xpx] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; }
.lag-buttons legend[b-fqaopd8xpx] { width: 100%; margin-bottom: 8px; color: var(--ink-2); font-size: 13px; font-weight: 700; }
.lag-buttons button[b-fqaopd8xpx] { min-height: 34px; padding: 0 14px; border: 1px solid var(--rule); border-radius: 999px; background: var(--surface); color: var(--ink-2); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.lag-buttons button.active[b-fqaopd8xpx] { color: #fff; background: var(--accent); border-color: var(--accent); }
.lag-buttons button:focus-visible[b-fqaopd8xpx] { outline: 2px solid var(--accent); outline-offset: 2px; }
.comparison-table th[scope="row"][b-fqaopd8xpx] { font-weight: 700; color: var(--ink); min-width: 220px; }
.comparison-table th[scope="row"] small[b-fqaopd8xpx] { display: block; margin-top: 4px; color: var(--ink-3); font-weight: 400; line-height: 1.5; }
.comparison-table td[b-fqaopd8xpx] { vertical-align: top; line-height: 1.5; }
.comparison-table tr.selected td[b-fqaopd8xpx] { background: var(--accent-wash, #eef6f3); }
.bank-panels[b-fqaopd8xpx] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 18px 0; }
.bank-panels .desk-panel[b-fqaopd8xpx] { padding: 18px; min-width: 0; }
.scatter[b-fqaopd8xpx] { margin: 18px 0; padding: 12px; border: 1px solid var(--rule); border-radius: 12px; background: var(--surface); }
.scatter svg[b-fqaopd8xpx] { display: block; width: 100%; height: auto; overflow: hidden; }
.scatter circle[b-fqaopd8xpx] { fill: var(--accent); fill-opacity: .7; }
.scatter .axis[b-fqaopd8xpx] { stroke: var(--ink-3); stroke-width: 1; }
.scatter .fit[b-fqaopd8xpx] { stroke: var(--d-4, #b4495e); stroke-width: 2; stroke-dasharray: 6 4; }
.scatter .tick[b-fqaopd8xpx] { fill: var(--ink-3); font-size: 11px; }
.scatter .tick.end[b-fqaopd8xpx] { text-anchor: end; }
.scatter figcaption[b-fqaopd8xpx] { margin-top: 8px; color: var(--ink-3); font-size: 12px; }
.flag-groups[b-fqaopd8xpx] { display: grid; gap: 8px; margin: 12px 0; padding: 0; list-style: none; }
.flag-groups li[b-fqaopd8xpx] { display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 10px 14px; border: 1px solid var(--rule); border-left: 3px solid var(--warn, #b7791f); border-radius: 8px; background: var(--surface); }
.flag-groups strong[b-fqaopd8xpx] { color: var(--ink); }
.flag-groups span[b-fqaopd8xpx] { color: var(--ink-2); }
details summary[b-fqaopd8xpx] { cursor: pointer; color: var(--accent); font-weight: 700; margin-top: 12px; }
@media (max-width: 900px) { .bank-panels[b-fqaopd8xpx] { grid-template-columns: 1fr; } }
/* /Components/Pages/Research/IndiaConsumerResearch.razor.rz.scp.css */
.related-topic[b-nvrg1qlcm7] { background: var(--surface, #fff); border: 1px solid var(--rule, #E4E8EC); border-radius: 16px; padding: 18px 20px; margin: 12px 0; }
.related-topic h3[b-nvrg1qlcm7] { margin: 0 0 6px; }
.related-topic ul[b-nvrg1qlcm7] { margin: 8px 0 0; padding-left: 18px; }

.comparison-controls[b-nvrg1qlcm7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.comparison-controls label[b-nvrg1qlcm7] { display: grid; gap: 8px; color: var(--ink-2); font-size: 13px; font-weight: 700; }
.comparison-controls select[b-nvrg1qlcm7] { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); color: var(--ink); font: inherit; }
.comparison-results[b-nvrg1qlcm7] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.comparison-results article[b-nvrg1qlcm7] { display: grid; gap: 7px; padding: 16px; border: 1px solid var(--rule); border-radius: 12px; background: var(--surface); }
.comparison-results span[b-nvrg1qlcm7] { color: var(--ink-3); font-size: 12px; font-weight: 700; }
.comparison-results strong[b-nvrg1qlcm7] { color: var(--ink); font-size: clamp(20px, 2vw, 28px); font-variant-numeric: tabular-nums; }
.comparison-table[b-nvrg1qlcm7] { max-width: 100%; overflow-x: auto; margin-top: 12px; }
.comparison-table table[b-nvrg1qlcm7] { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.comparison-table th[b-nvrg1qlcm7], .comparison-table td[b-nvrg1qlcm7] { padding: 10px; border-bottom: 1px solid var(--rule); text-align: left; }
.evidence-ladder[b-nvrg1qlcm7] { max-width: 100%; overflow-x: auto; margin: 22px 0; }
.evidence-ladder table[b-nvrg1qlcm7] { width: 100%; min-width: 690px; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.evidence-ladder th[b-nvrg1qlcm7], .evidence-ladder td[b-nvrg1qlcm7] { padding: 14px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; }
.evidence-ladder th[b-nvrg1qlcm7] { color: var(--ink-3); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.evidence-ladder td:first-child[b-nvrg1qlcm7] { color: var(--ink); font-weight: 700; }
@media (max-width: 700px) { .comparison-controls[b-nvrg1qlcm7] { grid-template-columns: 1fr; } .comparison-results[b-nvrg1qlcm7] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Components/Pages/Research/IndiaExternalBalanceResearch.razor.rz.scp.css */
.related-topic[b-lo0z6jfay8] { background: var(--surface, #fff); border: 1px solid var(--rule, #E4E8EC); border-radius: 16px; padding: 18px 20px; margin: 12px 0; }
.related-topic h3[b-lo0z6jfay8] { margin: 0 0 6px; }
.related-topic ul[b-lo0z6jfay8] { margin: 8px 0 0; padding-left: 18px; }

.comparison-table[b-lo0z6jfay8] { max-width: 100%; overflow-x: auto; margin-top: 12px; }
.comparison-table table[b-lo0z6jfay8] { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.comparison-table th[b-lo0z6jfay8], .comparison-table td[b-lo0z6jfay8] { padding: 10px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; line-height: 1.5; }
.comparison-table th[scope="row"][b-lo0z6jfay8] { font-weight: 700; color: var(--ink); min-width: 200px; }
.comparison-table tr.selected td[b-lo0z6jfay8] { background: var(--accent-wash, #eef6f3); }
.evidence-ladder[b-lo0z6jfay8] { max-width: 100%; overflow-x: auto; margin: 22px 0; }
.evidence-ladder table[b-lo0z6jfay8] { width: 100%; min-width: 690px; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.evidence-ladder th[b-lo0z6jfay8], .evidence-ladder td[b-lo0z6jfay8] { padding: 14px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; }
.evidence-ladder th[b-lo0z6jfay8] { color: var(--ink-3); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.evidence-ladder td:first-child[b-lo0z6jfay8] { color: var(--ink); font-weight: 700; }

.lab-reading[b-lo0z6jfay8] { background: var(--surface); border-left: 3px solid var(--accent); padding: 14px 18px; font-size: 14px; line-height: 1.7; color: var(--ink-2); margin: 16px 0; }

.ext-coverage[b-lo0z6jfay8] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 18px 0; border: 1px solid var(--rule-2); border-radius: 10px; overflow: hidden; background: var(--surface); }
.ext-coverage article[b-lo0z6jfay8] { display: flex; flex-direction: column; gap: 4px; min-width: 0; margin: 0 -1px -1px 0; padding: 12px 14px; border-right: 1px solid var(--rule-2); border-bottom: 1px solid var(--rule-2); background: var(--surface); }
.ext-coverage span[b-lo0z6jfay8] { color: var(--ink-3); font-size: 11px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.ext-coverage strong[b-lo0z6jfay8] { color: var(--ink); font-size: 16px; font-variant-numeric: tabular-nums; }
.ext-coverage small[b-lo0z6jfay8] { color: var(--ink-3); font-size: 11.5px; line-height: 1.45; overflow-wrap: anywhere; }

.ext-chart[b-lo0z6jfay8] { margin: 18px 0; padding: 12px; border: 1px solid var(--rule); border-radius: 12px; background: var(--surface); }
.ext-chart svg[b-lo0z6jfay8] { display: block; width: 100%; height: auto; }
.ext-chart .brent[b-lo0z6jfay8] { fill: none; stroke: var(--d-3, #c2410c); stroke-width: 2; stroke-linejoin: round; }
.ext-chart .oil[b-lo0z6jfay8] { fill: var(--accent); fill-opacity: .75; }
.ext-chart .grid[b-lo0z6jfay8] { stroke: var(--rule-2); stroke-width: 1; }
.ext-chart .tick[b-lo0z6jfay8] { fill: var(--ink-3); font-size: 11px; }
.ext-chart .panel-label[b-lo0z6jfay8] { fill: var(--ink-2); font-size: 12px; font-weight: 650; }
.ext-chart figcaption[b-lo0z6jfay8] { margin-top: 8px; color: var(--ink-3); font-size: 12px; }

.ext-screens[b-lo0z6jfay8] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 16px 0; }
.ext-screens .desk-panel[b-lo0z6jfay8] { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.ext-screens h3[b-lo0z6jfay8] { margin: 0; }
.ext-screens p[b-lo0z6jfay8] { margin: 0; color: var(--ink-2); font-size: 14px; line-height: 1.55; }
.ext-screens small[b-lo0z6jfay8] { color: var(--ink-3); font-size: 12px; line-height: 1.5; }
.ext-screens .row-ids[b-lo0z6jfay8] { display: block; margin-top: 6px; font-size: 10.5px; overflow-wrap: anywhere; }
.ext-screens details summary[b-lo0z6jfay8] { margin-top: 2px; font-size: 12px; }
.screen-hot[b-lo0z6jfay8], .screen-quiet[b-lo0z6jfay8], .screen-wait[b-lo0z6jfay8] { align-self: flex-start; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.screen-hot[b-lo0z6jfay8] { color: var(--neg, #b4495e); background: var(--neg-tint, #fbe9ec); }
.screen-quiet[b-lo0z6jfay8] { color: var(--pos, #0f766e); background: var(--accent-wash, #eef6f3); }
.screen-wait[b-lo0z6jfay8] { color: var(--ink-3); background: var(--paper); }

details summary[b-lo0z6jfay8] { cursor: pointer; color: var(--accent); font-weight: 700; margin-top: 12px; }

@media (max-width: 1100px) { .ext-coverage[b-lo0z6jfay8] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ext-screens[b-lo0z6jfay8] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ext-coverage[b-lo0z6jfay8], .ext-screens[b-lo0z6jfay8] { grid-template-columns: 1fr; } }
/* /Components/Pages/Research/IndiaInflationDriversResearch.razor.rz.scp.css */
.evidence-grid[b-nn4ygcmpr7], .attribution-grid[b-nn4ygcmpr7], .relationship-grid[b-nn4ygcmpr7], .risk-grid[b-nn4ygcmpr7] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 18px 0; }
.evidence-grid article[b-nn4ygcmpr7], .attribution-grid article[b-nn4ygcmpr7], .relationship-grid article[b-nn4ygcmpr7] { display: grid; gap: 6px; background: var(--surface, #fff); border: 1px solid var(--rule); border-radius: 9px; padding: 18px; margin: 0; min-width: 0; }
.evidence-grid span[b-nn4ygcmpr7], .attribution-grid span[b-nn4ygcmpr7], .relationship-grid span[b-nn4ygcmpr7] { font-size: 12px; color: var(--ink-3); }
.evidence-grid strong[b-nn4ygcmpr7], .attribution-grid strong[b-nn4ygcmpr7], .relationship-grid strong[b-nn4ygcmpr7] { display: block; font-size: 25px; color: var(--ink); font-variant-numeric: tabular-nums; margin: 6px 0; }
.attribution-grid[b-nn4ygcmpr7] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.risk-grid[b-nn4ygcmpr7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.risk-grid article[b-nn4ygcmpr7] { margin: 0; }
.risk-grid p[b-nn4ygcmpr7], .evidence-grid small[b-nn4ygcmpr7], .attribution-grid small[b-nn4ygcmpr7], .relationship-grid small[b-nn4ygcmpr7] { font-size: 12px; color: var(--ink-3); line-height: 1.45; }
@media (max-width: 1050px) { .evidence-grid[b-nn4ygcmpr7], .relationship-grid[b-nn4ygcmpr7] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .attribution-grid[b-nn4ygcmpr7] { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .evidence-grid[b-nn4ygcmpr7], .relationship-grid[b-nn4ygcmpr7], .risk-grid[b-nn4ygcmpr7] { grid-template-columns: 1fr; } }
/* /Components/Pages/Research/IndiaMonetaryPolicyWorkspace.razor.rz.scp.css */
.desk-paths select[b-uu7ryyf6kx] { background: #e4f2ee; border: 2px solid #33766e; color: #173c35; font-weight: 650; border-radius: 7px; padding: 12px; }
.desk-paths select:focus-visible[b-uu7ryyf6kx] { outline: 3px solid #62bbaa; outline-offset: 2px; }
.reserve-figure[b-uu7ryyf6kx] { font-size: 1.6rem; font-weight: 650; letter-spacing: -0.03em; line-height: 1.2; }
.reserve-links[b-uu7ryyf6kx] { list-style: none; margin: 12px 0 0; padding: 0; }
.reserve-links li[b-uu7ryyf6kx] { margin: 8px 0; }
.reserve-links a[b-uu7ryyf6kx] { font-weight: 650; }
.linked-topic-list[b-uu7ryyf6kx] { margin: 0; padding-left: 18px; color: var(--ink-2); font-size: 13.5px; line-height: 1.6; }
.linked-topic-list li[b-uu7ryyf6kx] { margin: 0 0 8px; }
/* /Components/Pages/Research/IndiaMutualFundResearch.razor.rz.scp.css */
/* India's mutual fund industry. The shared desk styles live in ResearchDeskLayout;
   these rules cover what this desk adds: three card groups, the chapters,
   the evidence ladder and the sources record. */

/* Three card groups stacked, four cards each. */
.desk-kpis.kpi-three[b-xkatxcxknj] {
    grid-template-columns: 1fr;
}

.desk-kpis.kpi-three .kpi-group + .kpi-group[b-xkatxcxknj] {
    border-left: 0;
    border-top: 1px solid var(--rule-2);
}

.desk-kpis.kpi-three .kpi-group-cards[b-xkatxcxknj] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.desk-kpis.kpi-three article[b-xkatxcxknj] {
    padding-bottom: 14px;
}

.desk-kpis.kpi-three strong[b-xkatxcxknj] {
    font-size: clamp(22px, 2.1vw, 30px);
}

/* The topics the desk is built from, named in the hero. */
.desk-hero-topics[b-xkatxcxknj] {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    font-size: 12.5px;
}

.desk-hero-topics li a[b-xkatxcxknj] {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink);
    text-decoration: none;
}

.desk-hero-topics li a:hover[b-xkatxcxknj] {
    border-color: var(--accent);
    color: var(--accent);
}

/* Chapters */
.chapter[b-xkatxcxknj] {
    padding-top: 28px;
    border-top: 1px solid var(--rule);
}

.chapter > h2[b-xkatxcxknj] {
    max-width: 880px;
    font-size: clamp(24px, 2.6vw, 32px);
}

.chapter-lede[b-xkatxcxknj] {
    max-width: 880px;
    margin: 0 0 6px;
    color: var(--ink-2);
    font: 400 18px/1.6 var(--serif);
}

.chart-grid[b-xkatxcxknj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 20px 0;
    align-items: start;
}

.desk-method-callout.yardstick p[b-xkatxcxknj] {
    margin: 6px 0 0;
}

.desk-method-callout[b-xkatxcxknj] {
    margin: 18px 0;
}

/* The evidence ladder */
.ladder table[b-xkatxcxknj] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 13.5px;
    line-height: 1.55;
}

.ladder th[b-xkatxcxknj],
.ladder td[b-xkatxcxknj] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--rule);
    text-align: left;
    vertical-align: top;
}

.ladder thead th[b-xkatxcxknj] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ladder tbody th[b-xkatxcxknj] {
    width: 22%;
    color: var(--ink);
}

.ladder td[b-xkatxcxknj] {
    color: var(--ink-2);
}

.verdict[b-xkatxcxknj] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.verdict.measured[b-xkatxcxknj] {
    color: #1d6b4e;
    background: #e3f2ea;
}

.verdict.partial[b-xkatxcxknj] {
    color: #8a5a00;
    background: #fbf0d9;
}

.verdict.missing[b-xkatxcxknj] {
    color: #8c3b2b;
    background: #f8e5e0;
}

/* For SIP investors */
.decision-grid[b-xkatxcxknj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.decision-grid article[b-xkatxcxknj] {
    padding: 18px 20px;
    border: 1px solid var(--rule);
    border-radius: 10px;
    background: var(--surface);
}

.decision-grid h3[b-xkatxcxknj] {
    margin-bottom: 8px;
}

.decision-grid p[b-xkatxcxknj] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 14px;
    line-height: 1.6;
}

/* What the market paid */
.ladder-block[b-xkatxcxknj] {
    margin: 18px 0;
}

.ladder-block h3[b-xkatxcxknj] {
    margin: 0 0 4px;
}

.ladder-block .desk-note[b-xkatxcxknj] {
    margin-top: 0;
}

.falls-table table[b-xkatxcxknj] {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    font-size: 13px;
}

.falls-table th[b-xkatxcxknj],
.falls-table td[b-xkatxcxknj] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--rule);
    text-align: left;
    white-space: nowrap;
}

.falls-table thead th[b-xkatxcxknj] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.falls-table td.num[b-xkatxcxknj] {
    text-align: right;
}

.falls-table td.open[b-xkatxcxknj] {
    color: #8c3b2b;
    font-weight: 650;
}

/* Relationship lab */
.monthly-lags .lag-chart[b-xkatxcxknj] {
    margin-top: 12px;
}

.interval-callout strong[b-xkatxcxknj] {
    display: block;
    margin-bottom: 4px;
}

.interval-callout p[b-xkatxcxknj] {
    margin: 0;
}

.interval-callout small[b-xkatxcxknj] {
    display: block;
    margin-top: 6px;
    color: var(--ink-3);
}

.matrix-cell.uncertain[b-xkatxcxknj] {
    /* Fade the colour without fading the coefficient or sample count. */
    box-shadow: inset 0 0 0 100px rgb(21 41 54 / .55);
}

.lab-warning[b-xkatxcxknj] {
    margin: 10px 0 0;
    padding: 9px 12px;
    border-left: 3px solid #c48925;
    background: #fbf3e2;
    color: var(--ink-2);
    font-size: 12.5px;
    line-height: 1.5;
}

.overlay-pickers[b-xkatxcxknj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 16px 0;
}

.overlay-pickers select[b-xkatxcxknj] {
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid var(--rule-2);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ink);
    font: 600 13px var(--sans);
}

.link-button[b-xkatxcxknj] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--accent);
    font: inherit;
    font-weight: 650;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

/* Sources and methods */
.snapshot-table table[b-xkatxcxknj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

.snapshot-table th[b-xkatxcxknj],
.snapshot-table td[b-xkatxcxknj] {
    padding: 9px 10px;
    border-bottom: 1px solid var(--rule);
    text-align: left;
    overflow-wrap: anywhere;
}

.snapshot-table tr.own-snapshot th[b-xkatxcxknj],
.snapshot-table tr.own-snapshot td[b-xkatxcxknj] {
    background: var(--accent-wash);
    font-weight: 650;
}

.methods-grid[b-xkatxcxknj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 20px 0;
}

.methods-grid > div[b-xkatxcxknj] {
    padding: 16px 18px;
    border: 1px solid var(--rule);
    border-radius: 10px;
    background: var(--surface);
}

.methods-grid h3[b-xkatxcxknj] {
    font-size: 15px;
}

.methods-grid p[b-xkatxcxknj] {
    margin: 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.6;
}

.series-heading[b-xkatxcxknj] {
    margin-top: 24px;
}

.series-row[b-xkatxcxknj] {
    padding: 12px 0;
    border-bottom: 1px solid var(--rule);
}

.series-row-head[b-xkatxcxknj] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.series-row-head small[b-xkatxcxknj] {
    display: block;
    margin-top: 2px;
    color: var(--ink-3);
    font-size: 12px;
}

.series-row-head p[b-xkatxcxknj] {
    margin: 6px 0 0;
    color: var(--ink-2);
    font-size: 13px;
}

.series-row .table-scroll[b-xkatxcxknj] {
    max-height: 360px;
    margin-top: 10px;
    overflow: auto;
}

.series-row table[b-xkatxcxknj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.series-row th[b-xkatxcxknj],
.series-row td[b-xkatxcxknj] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--rule);
    text-align: left;
    vertical-align: top;
}

.copy-evidence textarea[b-xkatxcxknj] {
    width: 100%;
    min-height: 260px;
    font: 11px/1.5 var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace);
}

/* Topics and series */
.related-grid[b-xkatxcxknj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.related-topic[b-xkatxcxknj] {
    padding: 18px 20px;
    border: 1px solid var(--rule);
    border-radius: 10px;
    background: var(--surface);
}

.related-topic p[b-xkatxcxknj] {
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.related-topic ul[b-xkatxcxknj] {
    margin: 10px 0 0;
    padding-left: 18px;
    font-size: 13px;
    line-height: 1.7;
}

@media (max-width: 1100px) {
    .desk-kpis.kpi-three .kpi-group-cards[b-xkatxcxknj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .methods-grid[b-xkatxcxknj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .chart-grid[b-xkatxcxknj],
    .decision-grid[b-xkatxcxknj],
    .overlay-pickers[b-xkatxcxknj],
    .methods-grid[b-xkatxcxknj] {
        grid-template-columns: 1fr;
    }

    .desk-hero-topics[b-xkatxcxknj] {
        font-size: 12px;
    }

    .desk-kpis.kpi-three .kpi-group-cards[b-xkatxcxknj] {
        grid-template-columns: 1fr;
    }

    .series-row-head[b-xkatxcxknj] {
        flex-direction: column;
    }
}

/* Comparison-first desk: six readings, then the user's own charts. */
.desk-kpis.kpi-three[b-xkatxcxknj] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.desk-kpis.kpi-three .kpi-group-cards[b-xkatxcxknj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.desk-kpis.kpi-three .kpi-group + .kpi-group[b-xkatxcxknj] { border-top: 0; border-left: 1px solid var(--rule-2); }
.desk-readout[b-xkatxcxknj] { margin: 1rem 0 2rem; }
.pair-details[b-xkatxcxknj] { margin-top: 1.5rem; }
.pair-details > summary[b-xkatxcxknj] { cursor: pointer; font-weight: 600; padding: 1rem 0; }
.desk-evidence-footer[b-xkatxcxknj] { border-top: 1px solid var(--rule); padding-top: 1.5rem; color: var(--ink-2); }
.desk-evidence-footer textarea[b-xkatxcxknj] { width: 100%; min-height: 14rem; }
.overlay-pickers .path-selector[b-xkatxcxknj] { min-width: 0; }
.overlay-pickers select[b-xkatxcxknj] { max-width: 100%; }
.desk-controls .desk-exclusions > summary[b-xkatxcxknj] { color: #d2e0e4; cursor: pointer; }
.desk-controls .filter-note[b-xkatxcxknj] { color: #d2e0e4; }
.desk-controls .link-button[b-xkatxcxknj] { color: #a9d8cc; }
@media (max-width: 900px) {
    .desk-kpis.kpi-three[b-xkatxcxknj] { grid-template-columns: 1fr; }
    .desk-kpis.kpi-three .kpi-group + .kpi-group[b-xkatxcxknj] { border-left: 0; border-top: 1px solid var(--rule-2); }
}
/* /Components/Pages/Research/IndiaTwinBalancesResearch.razor.rz.scp.css */
.evidence-grid[b-4v6385f0cq], .risk-grid[b-4v6385f0cq] { display: grid; gap: 14px; margin: 18px 0; }
.evidence-grid[b-4v6385f0cq] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.evidence-grid article[b-4v6385f0cq] { display: grid; gap: 6px; background: var(--surface, #fff); border: 1px solid var(--rule); border-radius: 9px; padding: 18px; margin: 0; }
.evidence-grid span[b-4v6385f0cq] { font-size: 12px; color: var(--ink-3); }
.evidence-grid strong[b-4v6385f0cq] { display: block; font-size: 28px; color: var(--ink); font-variant-numeric: tabular-nums; margin: 6px 0; }
.evidence-grid small[b-4v6385f0cq], .risk-grid small[b-4v6385f0cq] { font-size: 12px; color: var(--ink-3); line-height: 1.45; }
.risk-grid[b-4v6385f0cq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.risk-grid article[b-4v6385f0cq] { margin: 0; }
.risk-grid p[b-4v6385f0cq] { font-size: 13px; line-height: 1.55; }
@media (max-width: 800px) { .evidence-grid[b-4v6385f0cq], .risk-grid[b-4v6385f0cq] { grid-template-columns: 1fr; } }
/* /Components/Pages/Research/InflationBreadthPanel.razor.rz.scp.css */
.breadth > p[b-iytswn4cq7]{line-height:1.65}
.breadth-kpis[b-iytswn4cq7]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:22px 0 14px}
.breadth-kpis article[b-iytswn4cq7]{display:grid;gap:8px;align-content:start;background:var(--surface);border:1px solid var(--rule);border-radius:9px;padding:18px}
.breadth-kpis span[b-iytswn4cq7],.breadth-kpis small[b-iytswn4cq7]{font-size:12px;color:var(--ink-3);line-height:1.5}
.breadth-kpis strong[b-iytswn4cq7]{font-size:28px;font-weight:650;color:var(--ink)}
.breadth-reading[b-iytswn4cq7]{background:var(--surface);border-left:3px solid var(--accent);padding:14px 18px;font-size:14px;line-height:1.7;color:var(--ink-2);margin:0 0 20px}
.breadth-grid[b-iytswn4cq7]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;align-items:start}
.breadth-grid h3[b-iytswn4cq7]{margin:0 0 4px}.chart-sub[b-iytswn4cq7]{font-size:12px;color:var(--ink-3);margin:0 0 12px}
.breadth-legend[b-iytswn4cq7]{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:11px;color:var(--ink-3);margin:0 0 12px}
.breadth-legend span[b-iytswn4cq7]{display:inline-flex;align-items:center;gap:6px}
.key[b-iytswn4cq7]{display:inline-block;width:12px;height:10px;border-radius:2px}.key.above[b-iytswn4cq7]{background:var(--d-4)}.key.below[b-iytswn4cq7]{background:var(--d-1)}
.line[b-iytswn4cq7]{display:inline-block;width:18px;height:0;border-top:2px solid}.line.headline[b-iytswn4cq7]{border-color:var(--d-2)}.line.trimmed[b-iytswn4cq7]{border-color:var(--d-1)}
.line.median[b-iytswn4cq7]{border-color:var(--d-3)}.line.core[b-iytswn4cq7]{border-color:var(--ink-4)}
.spend-bins[b-iytswn4cq7]{display:grid;gap:2px}
.spend-bin[b-iytswn4cq7]{display:grid;grid-template-columns:76px minmax(0,1fr) 44px;grid-template-areas:"label track value" ". items items";gap:2px 10px;align-items:center;padding:6px 0}
.bin-label[b-iytswn4cq7]{grid-area:label;font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.bin-track[b-iytswn4cq7]{grid-area:track;height:18px;display:flex;align-items:center}
.bin-bar[b-iytswn4cq7]{display:block;height:16px;min-width:2px;border-radius:0 4px 4px 0}
.bin-bar.above[b-iytswn4cq7]{background:var(--d-4)}.bin-bar.below[b-iytswn4cq7]{background:var(--d-1)}.bin-bar.mixed[b-iytswn4cq7]{background:var(--d-6)}
.spend-bin strong[b-iytswn4cq7]{grid-area:value;font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.spend-bin small[b-iytswn4cq7]{grid-area:items;font-size:11px;color:var(--ink-3);line-height:1.45}
.bin-divider[b-iytswn4cq7]{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-3);margin:2px 0}
.bin-divider[b-iytswn4cq7]::before,.bin-divider[b-iytswn4cq7]::after{content:"";flex:1;border-top:1px solid var(--rule-2)}
/* Right-to-left scrolling opens narrow screens on the latest months; the chart itself stays left-to-right. */
.chart-scroll[b-iytswn4cq7]{overflow-x:auto;direction:rtl}.chart-scroll>svg[b-iytswn4cq7]{direction:ltr}.chart-scroll:focus-visible[b-iytswn4cq7]{outline:2px solid var(--accent);outline-offset:2px}
.trend-chart[b-iytswn4cq7]{width:100%;height:auto;display:block}
.trend-chart text[b-iytswn4cq7]{font:12px var(--sans);fill:var(--ink-3);font-variant-numeric:tabular-nums}
.grid-line[b-iytswn4cq7]{stroke:var(--rule);stroke-width:1}
.reference-line[b-iytswn4cq7]{stroke:var(--ink-4);stroke-width:1}
.reference-label[b-iytswn4cq7]{font-size:11px}
.selected-line[b-iytswn4cq7]{stroke:var(--rule-2);stroke-width:1}
.series[b-iytswn4cq7]{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.series.headline[b-iytswn4cq7]{stroke:var(--d-2)}.series.trimmed[b-iytswn4cq7]{stroke:var(--d-1)}.series.median[b-iytswn4cq7]{stroke:var(--d-3)}.series.core[b-iytswn4cq7]{stroke:var(--ink-4);stroke-width:1.5}
.trend-chart .end-label[b-iytswn4cq7]{fill:var(--ink-2);font-size:11px}
.hit[b-iytswn4cq7]{fill:transparent}.hit:hover[b-iytswn4cq7]{fill:rgba(31,38,48,.04)}
.tail-row td[b-iytswn4cq7]{background:var(--paper)}
.row-reference[b-iytswn4cq7]{overflow-wrap:anywhere;font-size:11px;max-width:310px}
@media(max-width:1100px){.breadth-kpis[b-iytswn4cq7]{grid-template-columns:repeat(3,minmax(0,1fr))}.breadth-grid[b-iytswn4cq7]{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.breadth-kpis[b-iytswn4cq7]{grid-template-columns:1fr 1fr}.trend-chart[b-iytswn4cq7]{min-width:560px}.trend-chart text[b-iytswn4cq7]{font-size:16px}.trend-chart .end-label[b-iytswn4cq7]{font-size:14px}}
/* /Components/Pages/Research/InflationCoMovementPanel.razor.rz.scp.css */
.co-movement > p[b-32yec7y5ju]{line-height:1.65}
.chart-sub[b-32yec7y5ju]{font-size:12px;color:var(--ink-3);margin:0 0 12px;line-height:1.5}
.pair-detail h3[b-32yec7y5ju],.lead-panel h3[b-32yec7y5ju]{margin:0 0 4px}
.pair-stats[b-32yec7y5ju]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}
.pair-stats div[b-32yec7y5ju]{background:var(--paper);border-radius:6px;padding:10px 12px}
.pair-stats dt[b-32yec7y5ju]{font-size:11px;color:var(--ink-3);margin:0 0 4px}
.pair-stats dd[b-32yec7y5ju]{margin:0;font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--ink)}
.lead-grid[b-32yec7y5ju]{min-width:720px;border-collapse:separate;border-spacing:3px}
.lead-grid th[b-32yec7y5ju]{font-size:11px;color:var(--ink-2);text-align:left;padding:6px 8px;background:var(--paper)}
.lead-grid thead th[b-32yec7y5ju]{text-align:center}
.lead-grid td[b-32yec7y5ju]{padding:0;border:0}
.lead-cell[b-32yec7y5ju]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;border-radius:4px;background:var(--paper);color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}
.lead-cell.flagged[b-32yec7y5ju]{outline:2px solid var(--ink-2);outline-offset:-2px}
.lead-cell small[b-32yec7y5ju]{font-size:9px;color:var(--ink-3);margin-top:3px}
.lab-reading[b-32yec7y5ju]{background:var(--surface);border-left:3px solid var(--accent);padding:14px 18px;font-size:14px;line-height:1.7;color:var(--ink-2);margin:0 0 20px}
@media(max-width:900px){.pair-stats[b-32yec7y5ju]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* /Components/Pages/Research/InflationContributionLab.razor.rz.scp.css */
.lab-metrics[b-mcjtswp10l]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.lab-metrics.four[b-mcjtswp10l]{grid-template-columns:repeat(4,minmax(0,1fr))}
.lab-metrics article[b-mcjtswp10l]{border:1px solid var(--rule);background:var(--surface);padding:20px;border-radius:9px;display:grid;gap:8px;align-content:start}
.lab-metrics strong[b-mcjtswp10l]{font-size:29px;font-weight:650;color:var(--accent-deep)}
.lab-metrics span[b-mcjtswp10l],.lab-metrics small[b-mcjtswp10l],.ranked-item small[b-mcjtswp10l]{font-size:12px;color:var(--ink-3);line-height:1.6}
.lab-toggle[b-mcjtswp10l]{display:inline-flex;border:1px solid var(--rule-2);border-radius:6px;overflow:hidden;margin:4px 0 6px}
.lab-toggle button[b-mcjtswp10l]{font:600 12px var(--sans);padding:10px 14px;border:0;background:var(--surface);color:var(--ink-2);cursor:pointer}
.lab-toggle button+button[b-mcjtswp10l]{border-left:1px solid var(--rule-2)}
.lab-toggle button.active[b-mcjtswp10l]{background:var(--accent);color:#fff}
.lab-toggle button:focus-visible[b-mcjtswp10l]{outline:2px solid var(--accent);outline-offset:2px}
.ranked-items[b-mcjtswp10l]{border:1px solid var(--rule);border-radius:10px;background:var(--surface);padding:8px 22px;margin-bottom:20px}
.ranked-item[b-mcjtswp10l]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 20px;padding:18px 0;border-bottom:1px solid var(--rule)}
.ranked-item:last-child[b-mcjtswp10l]{border-bottom:0}.ranked-item h3[b-mcjtswp10l]{margin:0;font-size:15px}.ranked-item p[b-mcjtswp10l]{font-size:11px;color:var(--ink-3);margin:6px 0;line-height:1.5}
.ranked-item strong[b-mcjtswp10l]{font-variant-numeric:tabular-nums;font-size:19px}.ranked-item small[b-mcjtswp10l],.contribution-track[b-mcjtswp10l],.item-facts[b-mcjtswp10l],.item-character[b-mcjtswp10l]{grid-column:1/-1}
.contribution-track[b-mcjtswp10l]{height:7px;background:var(--paper);border-radius:4px}.contribution-track span[b-mcjtswp10l]{display:block;height:100%;background:var(--accent);border-radius:0 4px 4px 0}.contribution-track span.excess[b-mcjtswp10l]{background:var(--d-4)}
.item-facts[b-mcjtswp10l]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:4px 0 0}
.item-facts li[b-mcjtswp10l]{margin:0;font-size:12px;color:var(--ink-2);line-height:1.5;background:var(--paper);border-radius:6px;padding:8px 10px}
.item-facts span[b-mcjtswp10l]{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
.ranked-item .item-character[b-mcjtswp10l]{font-size:12px;color:var(--ink-2);margin:2px 0 0}
.bridge h3[b-mcjtswp10l]{margin:0 0 4px}.chart-sub[b-mcjtswp10l]{font-size:12px;color:var(--ink-3);margin:0 0 12px;line-height:1.5}
.bridge-legend[b-mcjtswp10l],.outlook-legend[b-mcjtswp10l]{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:11px;color:var(--ink-3);margin:0 0 12px}
.bridge-legend span[b-mcjtswp10l],.outlook-legend span[b-mcjtswp10l]{display:inline-flex;align-items:center;gap:6px}
.key[b-mcjtswp10l]{display:inline-block;width:12px;height:10px;border-radius:2px}.key.up[b-mcjtswp10l]{background:var(--d-4)}.key.down[b-mcjtswp10l]{background:var(--d-1)}.key.total[b-mcjtswp10l]{background:var(--ink-3)}
.bridge-rows[b-mcjtswp10l]{display:grid;gap:2px;margin-bottom:14px}
.bridge-row[b-mcjtswp10l]{display:grid;grid-template-columns:minmax(150px,280px) minmax(0,1fr) 64px;gap:12px;align-items:center;padding:5px 0;border-bottom:1px solid var(--rule)}
.bridge-row:last-child[b-mcjtswp10l]{border-bottom:0}
.bridge-label[b-mcjtswp10l]{font-size:13px;color:var(--ink);line-height:1.35}.bridge-label small[b-mcjtswp10l]{display:block;font-size:10px;color:var(--ink-3);margin-top:2px;overflow-wrap:anywhere}
.bridge-track[b-mcjtswp10l]{position:relative;height:20px}
.bridge-bar[b-mcjtswp10l]{position:absolute;top:2px;height:16px;border-radius:2px}
.bridge-row.up .bridge-bar[b-mcjtswp10l]{background:var(--d-4)}.bridge-row.down .bridge-bar[b-mcjtswp10l]{background:var(--d-1)}
.bridge-row.neutral .bridge-bar[b-mcjtswp10l]{background:var(--d-6)}.bridge-row.total .bridge-bar[b-mcjtswp10l]{background:var(--ink-3)}
.bridge-row strong[b-mcjtswp10l]{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.bridge-row.total strong[b-mcjtswp10l]{font-weight:700}
.scenario-inputs[b-mcjtswp10l]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}
.scenario-inputs label[b-mcjtswp10l]{display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.5;background:var(--surface);padding:16px;border:1px solid var(--rule);border-radius:8px}
.scenario-inputs input[b-mcjtswp10l]{width:100%;box-sizing:border-box;min-height:42px;border:1px solid var(--rule-2);border-radius:4px;padding:8px;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink)}
.scenario-inputs small[b-mcjtswp10l]{color:var(--ink-3);font-size:11px}.scenario-inputs input:focus-visible[b-mcjtswp10l]{outline:2px solid var(--accent);outline-offset:3px}
.scenario-actions[b-mcjtswp10l]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;grid-column:span 1}
.row-reference[b-mcjtswp10l]{overflow-wrap:anywhere;font-size:11px;max-width:310px}
.outlook-panel h3[b-mcjtswp10l]{margin:0 0 4px}
.line[b-mcjtswp10l]{display:inline-block;width:18px;height:0;border-top:2px solid}
.line.published[b-mcjtswp10l]{border-color:var(--d-2)}.line.baseline[b-mcjtswp10l]{border-color:var(--d-2);border-top-style:dashed}
.line.scenario[b-mcjtswp10l]{border-color:var(--d-1)}.line.glide[b-mcjtswp10l]{border-color:var(--ink-4);border-top-style:dotted}
.band[b-mcjtswp10l]{display:inline-block;width:14px;height:10px;background:rgba(46,95,196,.14);border-radius:2px}
/* Right-to-left scrolling opens narrow screens on the latest months; the chart itself stays left-to-right. */
.chart-scroll[b-mcjtswp10l]{overflow-x:auto;direction:rtl}.chart-scroll>svg[b-mcjtswp10l]{direction:ltr}.chart-scroll:focus-visible[b-mcjtswp10l]{outline:2px solid var(--accent);outline-offset:2px}
.outlook-chart[b-mcjtswp10l]{width:100%;height:auto;display:block}
.outlook-chart text[b-mcjtswp10l]{font:12px var(--sans);fill:var(--ink-3);font-variant-numeric:tabular-nums}
.grid-line[b-mcjtswp10l]{stroke:var(--rule);stroke-width:1}
.reference-line[b-mcjtswp10l]{stroke:var(--ink-4);stroke-width:1}
.release-line[b-mcjtswp10l]{stroke:var(--rule-2);stroke-width:1}
.reference-label[b-mcjtswp10l]{font-size:11px}
.band-fill[b-mcjtswp10l]{fill:rgba(46,95,196,.12)}
.series[b-mcjtswp10l]{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.series.published[b-mcjtswp10l]{stroke:var(--d-2)}.series.baseline[b-mcjtswp10l]{stroke:var(--d-2);stroke-dasharray:7 5}
.series.scenario[b-mcjtswp10l]{stroke:var(--d-1)}.series.glide[b-mcjtswp10l]{stroke:var(--ink-4);stroke-width:1.5;stroke-dasharray:2 4}
.published-dot[b-mcjtswp10l]{fill:var(--d-2);stroke:var(--surface);stroke-width:2}
.outlook-chart .end-label[b-mcjtswp10l]{fill:var(--ink-2);font-size:11px}
.hit[b-mcjtswp10l]{fill:transparent}.hit:hover[b-mcjtswp10l]{fill:rgba(31,38,48,.04)}
.lab-reading[b-mcjtswp10l]{background:var(--surface);border-left:3px solid var(--accent);padding:14px 18px;font-size:14px;line-height:1.7;color:var(--ink-2);margin:0 0 20px}
.selected-rule td[b-mcjtswp10l]{background:var(--accent-wash)}
.frontier-table[b-mcjtswp10l]{min-width:980px}.backtest-table[b-mcjtswp10l]{min-width:640px}
li[b-mcjtswp10l]{margin-bottom:10px;line-height:1.6}.inflation-lab>p[b-mcjtswp10l]{line-height:1.65}
@media(max-width:1000px){.lab-metrics.four[b-mcjtswp10l]{grid-template-columns:repeat(2,minmax(0,1fr))}.item-facts[b-mcjtswp10l]{grid-template-columns:1fr}}
@media(max-width:700px){.lab-metrics[b-mcjtswp10l],.lab-metrics.four[b-mcjtswp10l]{grid-template-columns:1fr}.ranked-item[b-mcjtswp10l]{grid-template-columns:1fr}.scenario-inputs[b-mcjtswp10l]{grid-template-columns:1fr}.ranked-items[b-mcjtswp10l]{padding:8px 16px}
    .bridge-row[b-mcjtswp10l]{grid-template-columns:minmax(0,1fr) 58px;grid-template-areas:"label value" "track track"}.bridge-label[b-mcjtswp10l]{grid-area:label}.bridge-track[b-mcjtswp10l]{grid-area:track}.bridge-row strong[b-mcjtswp10l]{grid-area:value}
    .outlook-chart[b-mcjtswp10l]{min-width:760px}.outlook-chart text[b-mcjtswp10l]{font-size:18px}.outlook-chart .end-label[b-mcjtswp10l]{font-size:17px}}
/* /Components/Pages/Research/LagBars.razor.rz.scp.css */
.lag-chart.monthly .lag-value[b-1o64098c3y] {
    font-size: 9.5px;
    white-space: nowrap;
}

.lag-chart.monthly .lag-bar[b-1o64098c3y] {
    width: 70%;
    max-width: 22px;
}

.lag-chart.monthly .lag-name[b-1o64098c3y] {
    font-size: 11px;
}

.lag-chart.monthly .lag-column.selected .lag-name[b-1o64098c3y] {
    color: var(--accent);
    font-weight: 750;
}

.lag-chart.monthly .lag-column small[b-1o64098c3y] {
    font-size: 9px;
}
/* /Components/Pages/Research/MonetaryPolicyRiskWatch.razor.rz.scp.css */
.policy-watch[b-9rgdvr7q5x] { padding: 28px; border: 1px solid #cadbd6; border-radius: 14px; background: #f0f6f3; color: var(--ink); }
.watch-heading[b-9rgdvr7q5x] { display: flex; justify-content: space-between; align-items: start; gap: 24px; }
.eyebrow[b-9rgdvr7q5x] { color: #35786e; font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 12px; }
.policy-watch h2[b-9rgdvr7q5x] { margin: 0; font-size: clamp(27px, 3vw, 38px); line-height: 1.18; letter-spacing: -.03em; }
.lead[b-9rgdvr7q5x] { max-width: 720px; color: #566e76; line-height: 1.65; margin: 14px 0 20px; }
.watch-heading label[b-9rgdvr7q5x] { display: grid; gap: 8px; flex-shrink: 0; font-size: 13px; font-weight: 700; color: #345f57; }
.policy-watch select[b-9rgdvr7q5x] { min-width: 172px; padding: 12px 14px; border: 2px solid #548d80; border-radius: 8px; color: #20584d; background: #fff; font: inherit; }
select:focus-visible[b-9rgdvr7q5x], button:focus-visible[b-9rgdvr7q5x], summary:focus-visible[b-9rgdvr7q5x], a:focus-visible[b-9rgdvr7q5x], .table-scroll:focus-visible[b-9rgdvr7q5x] { outline: 3px solid #188c7c; outline-offset: 3px; }
.scope[b-9rgdvr7q5x] { display: flex; flex-wrap: wrap; gap: 9px 20px; color: #516a71; font-size: 12px; border-top: 1px solid #ceddd6; padding-top: 16px; }
.joint-reading[b-9rgdvr7q5x] { padding: 16px 18px; background: #e1ede7; border-left: 3px solid #4d8476; color: #35564f; line-height: 1.65; font-size: 14px; margin: 20px 0; }
.joint-reading strong[b-9rgdvr7q5x] { display: block; margin-bottom: 5px; }
.watch-grid[b-9rgdvr7q5x] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.watch-card[b-9rgdvr7q5x] { min-width: 0; padding: 24px; background: #fff; border: 1px solid #ccdad6; border-radius: 12px; }
.card-top[b-9rgdvr7q5x] { display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: space-between; align-items: start; min-height: 62px; }
.policy-watch h3[b-9rgdvr7q5x] { font-size: 19px; line-height: 1.35; margin: 0; letter-spacing: -.02em; }
.signal[b-9rgdvr7q5x] { padding: 4px 8px; color: #526b70; background: #eff4f1; border: 1px solid #d8e3dc; border-radius: 5px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.signal.flag[b-9rgdvr7q5x] { color: #a62c3d; background: #fff0f2; border-color: #e7c2c9; }
.reading[b-9rgdvr7q5x] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin-top: 14px; font-variant-numeric: tabular-nums; }
.reading strong[b-9rgdvr7q5x] { font-size: 39px; line-height: 1.15; letter-spacing: -.04em; }
.reading span[b-9rgdvr7q5x] { color: #526c73; font-size: 13px; }
.reading small[b-9rgdvr7q5x] { flex-basis: 100%; font-size: 12px; color: #677e84; }
.rule[b-9rgdvr7q5x] { margin: 18px 0 20px; font-size: 12px; font-weight: 650; color: #8e3444; min-height: 36px; line-height: 1.55; }
.explanation[b-9rgdvr7q5x] { color: #526a72; line-height: 1.7; font-size: 13px; margin: 16px 0; min-height: 66px; }
details[b-9rgdvr7q5x] { border-top: 1px solid #d8e2dd; padding-top: 12px; font-size: 12px; line-height: 1.65; }
summary[b-9rgdvr7q5x] { color: #276e5f; font-weight: 700; cursor: pointer; }
a[b-9rgdvr7q5x] { color: #206e60; text-decoration: underline; text-underline-offset: 3px; }
.table-scroll[b-9rgdvr7q5x] { overflow-x: auto; max-width: 100%; }
table[b-9rgdvr7q5x] { width: 100%; border-collapse: collapse; text-align: left; font-size: 11px; }
caption[b-9rgdvr7q5x] { text-align: left; font-weight: 700; padding: 8px 0; }
td[b-9rgdvr7q5x], th[b-9rgdvr7q5x] { padding: 9px 6px; border-bottom: 1px solid #dae4dd; vertical-align: top; }
thead th[b-9rgdvr7q5x] { background: #eff4f1; }
td:nth-child(2)[b-9rgdvr7q5x] { white-space: nowrap; font-variant-numeric: tabular-nums; }
table small[b-9rgdvr7q5x] { display: block; font-size: 10px; font-weight: 400; margin-top: 5px; overflow-wrap: anywhere; }
.legend[b-9rgdvr7q5x] { display: flex; flex-wrap: wrap; gap: 10px 22px; color: #506c72; margin: 18px 0; font-size: 12px; }
.legend span[b-9rgdvr7q5x] { display: inline-flex; gap: 8px; align-items: center; }
.line[b-9rgdvr7q5x] { width: 20px; border-top: 3px solid #167e72; }
.red[b-9rgdvr7q5x] { width: 8px; height: 8px; border-radius: 50%; background: #b42332; }
.limits[b-9rgdvr7q5x] { padding: 14px 16px; border-left: 3px solid #819b8e; color: #466158; background: #e6eee8; font-size: 13px; }
.limits p[b-9rgdvr7q5x] { margin: 6px 0 0; line-height: 1.7; }
footer[b-9rgdvr7q5x] { display: flex; gap: 18px 26px; flex-wrap: wrap; align-items: center; margin-top: 24px; padding-top: 16px; border-top: 1px solid #d0dfd6; }
footer div[b-9rgdvr7q5x] { display: grid; gap: 5px; color: #58706f; font-size: 11px; min-width: 0; }
footer strong[b-9rgdvr7q5x] { font-size: 12px; overflow-wrap: anywhere; }
button[b-9rgdvr7q5x] { padding: 10px 16px; background: #287463; color: white; border: 1px solid #287463; border-radius: 7px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; margin-left: auto; }
button:hover[b-9rgdvr7q5x] { background: #195849; }
.copy-status[b-9rgdvr7q5x] { font-size: 12px; color: #2b6e5f; }
pre[b-9rgdvr7q5x] { padding: 16px; max-height: 340px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: #35534a; background: #fff; }
@media(max-width: 900px) { .watch-grid[b-9rgdvr7q5x] { grid-template-columns: 1fr; } .card-top[b-9rgdvr7q5x], .rule[b-9rgdvr7q5x], .explanation[b-9rgdvr7q5x] { min-height: 0; } }
@media(max-width: 680px) { .policy-watch[b-9rgdvr7q5x] { padding: 20px 14px; } .watch-heading[b-9rgdvr7q5x] { flex-direction: column; gap: 0; } .watch-heading label[b-9rgdvr7q5x] { width: 100%; margin-bottom: 20px; } .watch-card[b-9rgdvr7q5x] { padding: 20px 14px; } .card-top[b-9rgdvr7q5x] { flex-direction: column; gap: 12px; } .scope[b-9rgdvr7q5x] { flex-direction: column; } button[b-9rgdvr7q5x] { margin-left: 0; } }
/* /Components/Pages/Research/MonetaryWeeklyConditions.razor.rz.scp.css */
.weekly-grid[b-uo6huk05wn] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 18px 0; border: 1px solid var(--rule-2); border-radius: 10px; overflow: hidden; background: var(--surface); }
.weekly-grid article[b-uo6huk05wn] { display: flex; flex-direction: column; gap: 4px; min-width: 0; margin: 0 -1px -1px 0; padding: 14px 16px; border-right: 1px solid var(--rule-2); border-bottom: 1px solid var(--rule-2); background: var(--surface); }
.weekly-grid span[b-uo6huk05wn] { color: var(--ink-2); font-size: 12px; line-height: 1.35; }
.weekly-grid strong[b-uo6huk05wn] { font: 650 22px/1.2 var(--sans); font-variant-numeric: tabular-nums; color: var(--ink); overflow-wrap: anywhere; }
.weekly-grid small[b-uo6huk05wn] { color: var(--ink-3); font-size: 11px; line-height: 1.45; }
.desk-method-callout[b-uo6huk05wn] { padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--accent-wash); color: var(--ink-2); font-size: 14px; line-height: 1.65; margin: 0 0 16px; }
.desk-method-callout small[b-uo6huk05wn] { display: block; margin-top: 6px; color: var(--ink-3); font-size: 11px; overflow-wrap: anywhere; }
@media (max-width: 1100px) { .weekly-grid[b-uo6huk05wn] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .weekly-grid[b-uo6huk05wn] { grid-template-columns: 1fr; } }
/* /Components/Pages/Research/MutualFundRedFlags.razor.rz.scp.css */
.fund-watch[b-yupbch0zhr] { padding: 28px; border: 1px solid #cadbd6; border-radius: 14px; background: #f0f6f3; color: var(--ink); }
.watch-heading[b-yupbch0zhr] { display: flex; justify-content: space-between; align-items: start; gap: 24px; }
.eyebrow[b-yupbch0zhr] { color: #35786e; font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 12px; }
.fund-watch h2[b-yupbch0zhr] { margin: 0; font-size: clamp(27px, 3vw, 38px); line-height: 1.18; letter-spacing: -.03em; }
.lead[b-yupbch0zhr] { max-width: 720px; color: #566e76; line-height: 1.65; margin: 14px 0 20px; }
.watch-heading label[b-yupbch0zhr] { display: grid; gap: 8px; flex-shrink: 0; font-size: 13px; font-weight: 700; color: #345f57; }
.fund-watch select[b-yupbch0zhr] { min-width: 172px; padding: 12px 14px; border: 2px solid #548d80; border-radius: 8px; color: #20584d; background: #fff; font: inherit; }
select:focus-visible[b-yupbch0zhr], button:focus-visible[b-yupbch0zhr], summary:focus-visible[b-yupbch0zhr], a:focus-visible[b-yupbch0zhr], .table-scroll:focus-visible[b-yupbch0zhr] { outline: 3px solid #188c7c; outline-offset: 3px; }
.scope[b-yupbch0zhr] { display: flex; flex-wrap: wrap; gap: 9px 20px; color: #516a71; font-size: 12px; border-top: 1px solid #ceddd6; padding-top: 16px; }
.joint-reading[b-yupbch0zhr] { padding: 16px 18px; background: #e1ede7; border-left: 3px solid #4d8476; color: #35564f; line-height: 1.65; font-size: 14px; margin: 20px 0; }
.joint-reading strong[b-yupbch0zhr] { display: block; margin-bottom: 5px; }
.watch-grid[b-yupbch0zhr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.watch-card[b-yupbch0zhr] { min-width: 0; padding: 24px; background: #fff; border: 1px solid #ccdad6; border-radius: 12px; }
.card-top[b-yupbch0zhr] { display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: space-between; align-items: start; min-height: 62px; }
.fund-watch h3[b-yupbch0zhr] { font-size: 19px; line-height: 1.35; margin: 0; letter-spacing: -.02em; }
.signal[b-yupbch0zhr] { padding: 4px 8px; color: #526b70; background: #eff4f1; border: 1px solid #d8e3dc; border-radius: 5px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.signal.flag[b-yupbch0zhr] { color: #a62c3d; background: #fff0f2; border-color: #e7c2c9; }
.reading[b-yupbch0zhr] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin-top: 14px; font-variant-numeric: tabular-nums; }
.reading strong[b-yupbch0zhr] { font-size: 39px; line-height: 1.15; letter-spacing: -.04em; }
.reading span[b-yupbch0zhr] { color: #526c73; font-size: 13px; }
.reading small[b-yupbch0zhr] { flex-basis: 100%; font-size: 12px; color: #677e84; }
.rule[b-yupbch0zhr] { margin: 18px 0 6px; font-size: 12px; font-weight: 650; color: #8e3444; min-height: 36px; line-height: 1.55; }
.rule.percentile[b-yupbch0zhr] { margin: 0 0 14px; min-height: 0; color: var(--ink-2); font-weight: 500; }
.explanation[b-yupbch0zhr] { color: #526a72; line-height: 1.7; font-size: 13px; margin: 16px 0; min-height: 66px; }
details[b-yupbch0zhr] { border-top: 1px solid #d8e2dd; padding-top: 12px; font-size: 12px; line-height: 1.65; }
summary[b-yupbch0zhr] { color: #276e5f; font-weight: 700; cursor: pointer; }
a[b-yupbch0zhr] { color: #206e60; text-decoration: underline; text-underline-offset: 3px; }
.table-scroll[b-yupbch0zhr] { overflow-x: auto; max-width: 100%; }
table[b-yupbch0zhr] { width: 100%; border-collapse: collapse; text-align: left; font-size: 11px; }
caption[b-yupbch0zhr] { text-align: left; font-weight: 700; padding: 8px 0; }
td[b-yupbch0zhr], th[b-yupbch0zhr] { padding: 9px 6px; border-bottom: 1px solid #dae4dd; vertical-align: top; }
thead th[b-yupbch0zhr] { background: #eff4f1; }
td:nth-child(2)[b-yupbch0zhr] { white-space: nowrap; font-variant-numeric: tabular-nums; }
table small[b-yupbch0zhr] { display: block; font-size: 10px; font-weight: 400; margin-top: 5px; overflow-wrap: anywhere; }
.legend[b-yupbch0zhr] { display: flex; flex-wrap: wrap; gap: 10px 22px; color: #506c72; margin: 18px 0; font-size: 12px; }
.legend span[b-yupbch0zhr] { display: inline-flex; gap: 8px; align-items: center; }
.line[b-yupbch0zhr] { width: 20px; border-top: 3px solid #167e72; }
.red[b-yupbch0zhr] { width: 8px; height: 8px; border-radius: 50%; background: #b42332; }
.limits[b-yupbch0zhr] { padding: 14px 16px; border-left: 3px solid #819b8e; color: #466158; background: #e6eee8; font-size: 13px; }
.limits p[b-yupbch0zhr] { margin: 6px 0 0; line-height: 1.7; }
footer[b-yupbch0zhr] { display: flex; gap: 18px 26px; flex-wrap: wrap; align-items: center; margin-top: 24px; padding-top: 16px; border-top: 1px solid #d0dfd6; }
footer div[b-yupbch0zhr] { display: grid; gap: 5px; color: #58706f; font-size: 11px; min-width: 0; }
footer strong[b-yupbch0zhr] { font-size: 12px; overflow-wrap: anywhere; }
button[b-yupbch0zhr] { padding: 10px 16px; background: #287463; color: white; border: 1px solid #287463; border-radius: 7px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; margin-left: auto; }
button:hover[b-yupbch0zhr] { background: #195849; }
.copy-status[b-yupbch0zhr] { font-size: 12px; color: #2b6e5f; }
pre[b-yupbch0zhr] { padding: 16px; max-height: 340px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: #35534a; background: #fff; }
@media(max-width: 900px) { .watch-grid[b-yupbch0zhr] { grid-template-columns: 1fr; } .card-top[b-yupbch0zhr], .rule[b-yupbch0zhr], .explanation[b-yupbch0zhr] { min-height: 0; } }
@media(max-width: 680px) { .fund-watch[b-yupbch0zhr] { padding: 20px 14px; } .watch-heading[b-yupbch0zhr] { flex-direction: column; gap: 0; } .watch-heading label[b-yupbch0zhr] { width: 100%; margin-bottom: 20px; } .watch-card[b-yupbch0zhr] { padding: 20px 14px; } .card-top[b-yupbch0zhr] { flex-direction: column; gap: 12px; } .scope[b-yupbch0zhr] { flex-direction: column; } button[b-yupbch0zhr] { margin-left: 0; } }

.question[b-yupbch0zhr] { margin: 0 0 10px; color: var(--ink-2); font-size: 13px; line-height: 1.5; }
.fund-watch td small[b-yupbch0zhr], .fund-watch th small[b-yupbch0zhr] { display: block; color: var(--ink-3); font-size: 11px; font-weight: 500; overflow-wrap: anywhere; }
.copy-evidence pre[b-yupbch0zhr] { max-height: 320px; overflow: auto; white-space: pre-wrap; font-size: 11px; }
/* /Components/Pages/Research/ResearchCoMovementMatrix.razor.rz.scp.css */
.co-movement > p[b-zhddmudwzr]{line-height:1.65}
.chart-sub[b-zhddmudwzr]{font-size:12px;color:var(--ink-3);margin:0 0 12px;line-height:1.5}
.pair-detail h3[b-zhddmudwzr],.lead-panel h3[b-zhddmudwzr]{margin:0 0 4px}
.pair-stats[b-zhddmudwzr]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}
.pair-stats div[b-zhddmudwzr]{background:var(--paper);border-radius:6px;padding:10px 12px}
.pair-stats dt[b-zhddmudwzr]{font-size:11px;color:var(--ink-3);margin:0 0 4px}
.pair-stats dd[b-zhddmudwzr]{margin:0;font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--ink)}
.lead-grid[b-zhddmudwzr]{min-width:640px;border-collapse:separate;border-spacing:3px}
.lead-grid th[b-zhddmudwzr]{font-size:11px;color:var(--ink-2);text-align:left;padding:6px 8px;background:var(--paper)}
.lead-grid thead th[b-zhddmudwzr]{text-align:center}
.lead-grid td[b-zhddmudwzr]{padding:0;border:0}
.lead-cell[b-zhddmudwzr]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;border-radius:4px;background:var(--paper);color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}
.lead-cell.flagged[b-zhddmudwzr]{outline:2px solid var(--ink-2);outline-offset:-2px}
.lead-cell small[b-zhddmudwzr]{font-size:9px;color:var(--ink-3);margin-top:3px}
.lab-reading[b-zhddmudwzr]{background:var(--surface);border-left:3px solid var(--accent);padding:14px 18px;font-size:14px;line-height:1.7;color:var(--ink-2);margin:0 0 20px}
.variable-notes[b-zhddmudwzr]{margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.6;color:var(--ink-2)}
.variable-notes li[b-zhddmudwzr]{margin:0 0 6px}
@media(max-width:900px){.pair-stats[b-zhddmudwzr]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* /Components/Pages/Research/ResearchComparisonOverlay.razor.rz.scp.css */
.comparison-overlay[b-n1cknj9k05] { border-top: 1px solid var(--rule); padding-top: 24px; }
h3[b-n1cknj9k05] { font-size: 19px; margin: 0 0 8px; }
p[b-n1cknj9k05] { color: var(--ink-3); font-size: 13px; line-height: 1.65; }
.overlay-legend[b-n1cknj9k05] { display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: 13px; margin: 18px 0; }
.overlay-legend span[b-n1cknj9k05] { display: flex; align-items: center; gap: 8px; }
i[b-n1cknj9k05] { display: inline-block; width: 24px; height: 3px; }
svg[b-n1cknj9k05] { width: 100%; height: auto; }
svg text[b-n1cknj9k05] { font: 13px var(--sans); fill: var(--ink-3); }
.grid[b-n1cknj9k05] { stroke: var(--rule); }
.zero[b-n1cknj9k05] { stroke: var(--ink-3); stroke-dasharray: 4 4; }
polyline[b-n1cknj9k05] { fill: none; stroke-width: 2.5; vector-effect: non-scaling-stroke; }
circle[b-n1cknj9k05] { stroke: white; stroke-width: 1; }
summary[b-n1cknj9k05] { cursor: pointer; color: var(--accent); font-size: 13px; }
.overlay-table[b-n1cknj9k05] { overflow-x: auto; }
table[b-n1cknj9k05] { width: 100%; border-collapse: collapse; font-size: 12px; margin: 12px 0; }
th[b-n1cknj9k05], td[b-n1cknj9k05] { padding: 10px; text-align: left; border-bottom: 1px solid var(--rule); font-variant-numeric: tabular-nums; }
.overlay-plot[b-n1cknj9k05] { overflow-x: auto; }
@media(max-width:650px) { svg[b-n1cknj9k05] { width: 700px; max-width: none; } svg text[b-n1cknj9k05] { font-size: 19px; } }
/* /Components/Pages/Research/ResearchDeskLayout.razor.rz.scp.css */
.policy-desk[b-zvlnq7jthv] { --paper: #f4f6f4; --surface: #fff; --ink: #172b36; --ink-2: #354a52; --ink-3: #607078; --accent: #33766e; --accent-deep: #285f59; --accent-wash: #edf4f0; --rule: #d9e0dd; --rule-2: #cbd5d1; background: var(--paper); padding-bottom: 72px; color: var(--ink); }
[b-zvlnq7jthv] .desk-shell { max-width: var(--maxw, 1480px); margin: 0 auto; padding: 0 24px; }
[b-zvlnq7jthv] .desk-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; padding: 32px 0 20px; }
[b-zvlnq7jthv] .desk-hero-context p { margin: 0 0 4px; color: var(--ink-3); font-size: 14px; line-height: 1.6; }
[b-zvlnq7jthv] .desk-eyebrow, [b-zvlnq7jthv] .desk-section-label { color: var(--accent); font-size: 11px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 12px; }
[b-zvlnq7jthv] a { color: var(--accent); text-underline-offset: 3px; }
[b-zvlnq7jthv] .desk-eyebrow a { text-decoration: none; }
[b-zvlnq7jthv] h1 { font-family: var(--sans); font-size: clamp(30px, 3.5vw, 42px); font-weight: 750; line-height: 1.12; letter-spacing: -.025em; margin: 0 0 14px; }
[b-zvlnq7jthv] h2 { font: 700 clamp(22px, 2.5vw, 28px)/1.25 var(--sans); letter-spacing: -.02em; margin: 0 0 16px; }
[b-zvlnq7jthv] h3 { font-size: 17px; line-height: 1.45; margin: 0 0 12px; font-weight: 650; }
[b-zvlnq7jthv] .desk-deck { font: 400 23px/1.4 var(--serif); margin: 0 0 12px; }
[b-zvlnq7jthv] .desk-intro { max-width: 700px; margin: 0 0 28px; color: var(--ink-3); line-height: 1.65; }
[b-zvlnq7jthv] .desk-nav { padding: 0 0 16px; border-bottom: 1px solid var(--rule); }
[b-zvlnq7jthv] .desk-nav-menu { display: flex; flex-wrap: wrap; gap: 8px 24px; }
[b-zvlnq7jthv] .desk-nav a { padding: 6px 0; color: var(--accent); font-size: 13px; font-weight: 650; text-decoration: none; }
[b-zvlnq7jthv] .desk-nav a:hover { text-decoration: underline; }
[b-zvlnq7jthv] .desk-shell:not(:has(:target)) .desk-nav a[href$="#relationship-lab"], [b-zvlnq7jthv] .desk-shell:has(#relationship-lab:target) .desk-nav a[href$="#relationship-lab"], [b-zvlnq7jthv] .desk-shell:has(#overview:target) .desk-nav a[href$="#overview"], [b-zvlnq7jthv] .desk-shell:has(#credit-pulse:target) .desk-nav a[href$="#credit-pulse"], [b-zvlnq7jthv] .desk-shell:has(#data-methods:target) .desk-nav a[href$="#data-methods"] { border-bottom: 2px solid var(--accent); }
[b-zvlnq7jthv] .desk-section { margin: 32px 0; scroll-margin-top: 100px; }
[b-zvlnq7jthv] .section-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
[b-zvlnq7jthv] .desk-badge { color: var(--ink-3); font-size: 11px; padding: 6px 10px; border: 1px solid var(--rule-2); border-radius: 4px; }
[b-zvlnq7jthv] .desk-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--rule-2); border-radius: 10px; overflow: hidden; background: var(--surface); }
[b-zvlnq7jthv] .kpi-group { min-width: 0; }
[b-zvlnq7jthv] .kpi-group + .kpi-group { border-left: 1px solid var(--rule-2); }
[b-zvlnq7jthv] .kpi-group-head { display: flex; align-items: center; gap: 9px; padding: 11px 16px; background: var(--accent-wash); border-bottom: 1px solid var(--accent-tint); }
[b-zvlnq7jthv] .kpi-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
[b-zvlnq7jthv] .kpi-group-name { color: var(--accent); font-size: 11px; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
[b-zvlnq7jthv] .kpi-group-hint { color: var(--ink-3); font-size: 11px; }
[b-zvlnq7jthv] .kpi-group-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
[b-zvlnq7jthv] .desk-kpis article { display: flex; flex-direction: column; padding: 16px 15px 0; border-left: 1px solid var(--rule); min-width: 0; }
[b-zvlnq7jthv] .kpi-group-cards article:first-child { border-left: 0; }
[b-zvlnq7jthv] .kpi-label { display: block; color: var(--ink-2); font-size: 12px; line-height: 1.35; min-height: 32px; }
[b-zvlnq7jthv] .desk-kpis strong { display: block; font: 650 clamp(24px, 2.4vw, 32px)/1.15 var(--sans); font-variant-numeric: tabular-nums; margin: 8px 0 6px; }
[b-zvlnq7jthv] .kpi-period { display: block; color: var(--ink-3); font-size: 10px; line-height: 1.6; }
[b-zvlnq7jthv] .kpi-change { display: flex; align-items: center; gap: 5px; min-height: 30px; margin: 9px 0 14px; color: var(--ink-2); font-size: 11px; line-height: 1.45; font-variant-numeric: tabular-nums; }
[b-zvlnq7jthv] .kpi-change svg, [b-zvlnq7jthv] .kpi-legend svg { flex-shrink: 0; }
[b-zvlnq7jthv] .dir-up { fill: var(--accent); }
[b-zvlnq7jthv] .dir-down { fill: var(--d-4); }
[b-zvlnq7jthv] .kpi-check { fill: none; stroke: var(--accent); stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; margin-top: 2px; }
[b-zvlnq7jthv] .kpi-foot { display: flex; align-items: flex-start; gap: 6px; margin-top: auto; padding: 10px 0 14px; border-top: 1px solid var(--rule); }
[b-zvlnq7jthv] .kpi-foot a { color: var(--ink-3); font-size: 10px; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; }
[b-zvlnq7jthv] .kpi-foot a:hover { color: var(--accent); text-decoration: underline; }
[b-zvlnq7jthv] .kpi-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 12px 0 0; color: var(--ink-3); font-size: 11px; }
[b-zvlnq7jthv] .kpi-legend span { display: inline-flex; align-items: center; gap: 5px; }
[b-zvlnq7jthv] .status-tag { display: inline-block; color: var(--accent); background: var(--accent-wash); padding: 2px 5px; border-radius: 3px; font-size: 9px; }
[b-zvlnq7jthv] .status-qualified { color: var(--warn); background: var(--warn-tint); }
[b-zvlnq7jthv] .desk-caption { color: var(--ink-3); font-size: 11px; line-height: 1.7; margin: 14px 0; }
[b-zvlnq7jthv] .desk-note { color: var(--ink-3); line-height: 1.65; font-size: 13px; margin: 0 0 20px; }
[b-zvlnq7jthv] .desk-panel { background: var(--surface); border: 1px solid var(--rule); border-radius: 11px; padding: 20px; margin-bottom: 20px; min-width: 0; }
[b-zvlnq7jthv] .desk-method-callout { background: var(--accent-wash); border-left: 3px solid var(--accent); padding: 14px 18px; font-size: 12px; line-height: 1.7; color: var(--ink-2); }
[b-zvlnq7jthv] .desk-method-callout p { margin: 8px 0; }
[b-zvlnq7jthv] .desk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
[b-zvlnq7jthv] .desk-chips button, [b-zvlnq7jthv] .desk-button { font: 600 12px var(--sans); padding: 10px 12px; border: 1px solid var(--rule-2); border-radius: 5px; background: var(--surface); color: var(--ink-2); cursor: pointer; }
[b-zvlnq7jthv] .desk-chips button.active { background: var(--accent); border-color: var(--accent); color: white; }
[b-zvlnq7jthv] .desk-controls { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; padding: 20px; background: var(--surface); border: 1px solid var(--rule); border-radius: 8px; margin: 20px 0; }
[b-zvlnq7jthv] .desk-controls label, [b-zvlnq7jthv] .path-selector { display: flex; flex-direction: column; gap: 7px; font-size: 11px; color: var(--ink-3); min-width: 0; }
[b-zvlnq7jthv] select { font: 12px var(--sans); color: var(--ink); width: 100%; min-width: 0; min-height: 40px; padding: 8px; border: 1px solid var(--rule-2); border-radius: 4px; background: var(--surface); }
[b-zvlnq7jthv] .desk-controls .desk-check { flex-direction: row; align-items: center; grid-column: 1 / -1; }
[b-zvlnq7jthv] .desk-check input { accent-color: var(--accent); width: 16px; height: 16px; }
[b-zvlnq7jthv] .filter-note { grid-column: 1 / -1; margin: -7px 0 0; color: var(--ink-3); font-size: 11px; line-height: 1.6; }
[b-zvlnq7jthv] .desk-compare { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; align-items: start; }
[b-zvlnq7jthv] .sample-note { color: var(--ink-3); font-size: 12px; margin: 0 0 12px; }
[b-zvlnq7jthv] .axis-label { color: var(--ink-2); font-size: 11px; margin: 8px 0; }
[b-zvlnq7jthv] .axis-bottom { text-align: center; }
[b-zvlnq7jthv] .desk-svg { width: 100%; height: auto; }
[b-zvlnq7jthv] .desk-svg .axis { stroke: var(--rule); }
[b-zvlnq7jthv] .desk-svg text { fill: var(--ink-3); font: 12px var(--sans); }
[b-zvlnq7jthv] .desk-svg .fit { stroke: var(--ink-3); stroke-dasharray: 5 4; stroke-width: 1.5; }
[b-zvlnq7jthv] .desk-svg circle { fill: var(--accent); fill-opacity: .75; stroke: white; stroke-width: 1; }
[b-zvlnq7jthv] .desk-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 24px 0; }
[b-zvlnq7jthv] .path-selector { margin-bottom: 22px; }
[b-zvlnq7jthv] summary { cursor: pointer; color: var(--ink-2); font-size: 13px; font-weight: 600; line-height: 1.6; }
[b-zvlnq7jthv] details[open] > summary { margin-bottom: 18px; }
[b-zvlnq7jthv] .evidence-table { margin: 18px 0; }
[b-zvlnq7jthv] .evidence-table summary { font-size: 11px; color: var(--accent); }
[b-zvlnq7jthv] .table-scroll { overflow: auto; max-width: 100%; }
[b-zvlnq7jthv] table { border-collapse: collapse; font-size: 11px; width: 100%; }
[b-zvlnq7jthv] th, [b-zvlnq7jthv] td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--rule); line-height: 1.5; vertical-align: top; }
[b-zvlnq7jthv] td { font-variant-numeric: tabular-nums; }
[b-zvlnq7jthv] .desk-matrix { min-width: 850px; }
[b-zvlnq7jthv] .desk-matrix td, [b-zvlnq7jthv] .desk-matrix th { text-align: center; padding: 4px; border: 0; }
[b-zvlnq7jthv] .matrix-cell { display: flex; flex-direction: column; align-items: center; width: 100%; min-width: 61px; padding: 10px 4px; border: 0; border-radius: 4px; background: var(--paper); color: var(--ink); font-variant-numeric: tabular-nums; cursor: pointer; }
[b-zvlnq7jthv] .matrix-cell small { font-size: 9px; color: var(--ink-3); margin-top: 4px; }
[b-zvlnq7jthv] .matrix-cell.hot { background: var(--accent-wash); }
[b-zvlnq7jthv] .matrix-cell.cold { background: var(--neg-tint); }
[b-zvlnq7jthv] .matrix-cell.empty { color: var(--ink-3); }
[b-zvlnq7jthv] .desk-provenance { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin: 20px 0; padding: 20px 0; border-block: 1px solid var(--rule); }
[b-zvlnq7jthv] .desk-provenance span { display: block; color: var(--ink-3); font-size: 11px; margin-bottom: 8px; }
[b-zvlnq7jthv] .desk-provenance strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
[b-zvlnq7jthv] .source-detail { padding: 16px 0; border-bottom: 1px solid var(--rule); }
[b-zvlnq7jthv] .source-detail summary small { display: block; color: var(--ink-3); font-size: 10px; font-weight: 400; margin: 5px 0 0 17px; }
[b-zvlnq7jthv] .source-detail p { font-size: 12px; line-height: 1.65; }
[b-zvlnq7jthv] .source-detail td:last-child { min-width: 280px; }
[b-zvlnq7jthv] .copy-evidence { margin-top: 24px; }
[b-zvlnq7jthv] .copy-evidence textarea { width: 100%; min-height: 240px; border: 1px solid var(--rule-2); padding: 14px; font: 11px/1.65 var(--mono); resize: vertical; color: var(--ink-2); background: var(--paper); }
[b-zvlnq7jthv] .desk-empty { margin-top: 30px; padding: 30px; color: var(--ink-3); }
[b-zvlnq7jthv] button:focus-visible, [b-zvlnq7jthv] a:focus-visible, [b-zvlnq7jthv] select:focus-visible, [b-zvlnq7jthv] summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (max-width: 1200px) { [b-zvlnq7jthv] .desk-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } [b-zvlnq7jthv] .desk-exclusions { grid-column: 1 / -1; } }
@media (max-width: 1000px) { [b-zvlnq7jthv] .desk-kpis { grid-template-columns: 1fr; } [b-zvlnq7jthv] .kpi-group + .kpi-group { border-left: 0; border-top: 1px solid var(--rule-2); } [b-zvlnq7jthv] .desk-compare { grid-template-columns: 1fr; } [b-zvlnq7jthv] .desk-paths { grid-template-columns: 1fr; } }
@media (max-width: 650px) { [b-zvlnq7jthv] .desk-svg text { font-size: 22px; } [b-zvlnq7jthv] .desk-shell { padding: 0 20px; } [b-zvlnq7jthv] .desk-hero { padding-top: 28px; } [b-zvlnq7jthv] .desk-deck { font-size: 20px; } [b-zvlnq7jthv] .desk-nav-menu { width: 100%; } [b-zvlnq7jthv] .kpi-group-cards { grid-template-columns: 1fr; } [b-zvlnq7jthv] .kpi-group-cards article { border-left: 0; } [b-zvlnq7jthv] .kpi-group-cards article + article { border-top: 1px solid var(--rule); } [b-zvlnq7jthv] .kpi-label, [b-zvlnq7jthv] .kpi-change { min-height: 0; } [b-zvlnq7jthv] .section-heading { align-items: flex-start; flex-direction: column; gap: 0; margin-bottom: 18px; } [b-zvlnq7jthv] .desk-controls, [b-zvlnq7jthv] .desk-provenance { grid-template-columns: 1fr; } [b-zvlnq7jthv] .lag-bar { width: 34px; } [b-zvlnq7jthv] .desk-panel { padding: 18px; } [b-zvlnq7jthv] .desk-section { margin-block: 28px; } }

/* ---- Relationship lab ------------------------------------------------- */
[b-zvlnq7jthv] .desk-chips-lead { align-self: center; margin-right: 6px; color: var(--ink-3); font-size: 13px; }

/* Match the standalone correlation lab: one dark control surface. */
[b-zvlnq7jthv] .desk-controls { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 16px; padding: 20px; background: var(--ink); border: 0; border-radius: 10px; margin: 16px 0; }
[b-zvlnq7jthv] .desk-controls label { display: flex; flex-direction: column; gap: 7px; min-width: 0; color: #d2e0e4; font-size: 13px; letter-spacing: 0; }
[b-zvlnq7jthv] .desk-controls select { min-height: 42px; padding: 10px 12px; border: 1px solid #506671; border-radius: 4px; background: #213d4a; color: #f4f8f7; font: 600 14px var(--sans); }
[b-zvlnq7jthv] .desk-exclusions { grid-column: 3 / -1; display: flex; flex-direction: column; gap: 9px; justify-content: flex-end; }
[b-zvlnq7jthv] .desk-exclusions-lead { color: #d2e0e4; font-size: 13px; letter-spacing: 0; }
[b-zvlnq7jthv] .desk-controls .desk-check { flex-direction: row; align-items: center; gap: 9px; color: var(--paper-deep); font-size: 12.5px; letter-spacing: 0; }
[b-zvlnq7jthv] .desk-controls .filter-note { grid-column: 1 / -1; margin: 0; color: var(--ink-4); font-size: 11px; line-height: 1.6; }

[b-zvlnq7jthv] .relationship-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
[b-zvlnq7jthv] .relationship-r { flex-shrink: 0; text-align: right; }
[b-zvlnq7jthv] .relationship-r span { display: block; color: var(--ink-3); font-size: 12px; }
[b-zvlnq7jthv] .relationship-r strong { display: block; font: 700 36px/1.05 var(--sans); color: var(--accent); font-variant-numeric: tabular-nums; }
[b-zvlnq7jthv] .relationship-foot { display: flex; flex-wrap: wrap; gap: 8px 26px; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--rule); color: var(--ink-3); font-size: 12px; font-variant-numeric: tabular-nums; }

/* Bars either side of a zero line: sign is readable without decoding a fill. */
[b-zvlnq7jthv] .lag-chart { display: flex; gap: 10px; margin: 18px 0 12px; }
[b-zvlnq7jthv] .lag-axis { display: flex; flex-direction: column; justify-content: space-between; height: 170px; color: var(--ink-3); font-size: 10px; font-variant-numeric: tabular-nums; }
[b-zvlnq7jthv] .lag-plot { position: relative; flex: 1; display: flex; justify-content: space-around; align-items: stretch; height: 210px; border-left: 1px solid var(--rule-2); }
[b-zvlnq7jthv] .lag-zero-line { position: absolute; left: 0; right: 0; top: 85px; height: 1px; background: var(--ink-4); }
[b-zvlnq7jthv] .lag-column { display: flex; flex-direction: column; align-items: center; min-width: 0; flex: 1; }
[b-zvlnq7jthv] .lag-bar-area { position: relative; width: 100%; height: 170px; }
[b-zvlnq7jthv] .lag-bar { position: absolute; left: 50%; transform: translateX(-50%); width: 46px; max-width: 60%; border-radius: 2px; }
[b-zvlnq7jthv] .lag-bar.pos { background: var(--accent); }
[b-zvlnq7jthv] .lag-bar.neg { background: var(--d-4); }
[b-zvlnq7jthv] .lag-value { position: absolute; left: 50%; transform: translateX(-50%); color: var(--ink); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
[b-zvlnq7jthv] .lag-value.above { margin-bottom: 4px; }
[b-zvlnq7jthv] .lag-value.below { margin-top: 4px; }
[b-zvlnq7jthv] .lag-name { margin-top: 8px; color: var(--ink-2); font-size: 12px; }
[b-zvlnq7jthv] .lag-column small { color: var(--ink-3); font-size: 10px; }
[b-zvlnq7jthv] .lag-explainer { margin: 0 0 12px; font-size: 12px; }

[b-zvlnq7jthv] #relationship-lab { margin-top: 16px; }
[b-zvlnq7jthv] .desk-control-readout { display: flex; flex-direction: column; gap: 7px; color: #d2e0e4; font-size: 13px; }
[b-zvlnq7jthv] .desk-control-readout strong { display: flex; align-items: center; min-height: 42px; padding: 10px 12px; border: 1px solid #506671; border-radius: 4px; background: #213d4a; color: #f4f8f7; font-size: 14px; font-weight: 600; }
[b-zvlnq7jthv] .filter-note { margin: 0 0 18px; font-size: 12px; }
[b-zvlnq7jthv] .desk-interpretation { padding: 20px; margin: 0 0 28px; background: #edf4f0; border: 1px solid var(--rule); border-radius: 10px; }
[b-zvlnq7jthv] .desk-interpretation .research-ask { border-top: 0; padding-top: 0; margin-top: 0; }
[b-zvlnq7jthv] .desk-interpretation .evidence-table { margin: 0 0 14px; }
[b-zvlnq7jthv] .desk-controls select:focus-visible { outline-color: #a9d8cc; }
@media (max-width: 1000px) {
    [b-zvlnq7jthv] .desk-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [b-zvlnq7jthv] .desk-exclusions { grid-column: 1 / -1; }
    [b-zvlnq7jthv] .desk-compare { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
}
@media (max-width: 760px) {
    [b-zvlnq7jthv] .desk-hero, [b-zvlnq7jthv] .desk-compare { grid-template-columns: 1fr; }
    [b-zvlnq7jthv] .desk-hero { gap: 8px; }
    [b-zvlnq7jthv] .desk-paths { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    [b-zvlnq7jthv] .desk-shell { padding: 0 16px; }
    [b-zvlnq7jthv] .desk-controls { grid-template-columns: 1fr; padding: 16px; }
    [b-zvlnq7jthv] .desk-panel, [b-zvlnq7jthv] .desk-interpretation { padding: 16px; }
    [b-zvlnq7jthv] .relationship-r strong { font-size: 30px; }
}

/* Diverging correlation scale: neutral at zero; saturation tracks |r|. */
[b-zvlnq7jthv] .matrix-details { background: #0b2836; color: #e3f0f3; border-color: #34515e; }
[b-zvlnq7jthv] .matrix-details summary { color: #e3f0f3; font-size: 25px; }
[b-zvlnq7jthv] .matrix-details .desk-section-label { color: #73d5c8; margin-top: 16px; }
[b-zvlnq7jthv] .matrix-details .desk-note, [b-zvlnq7jthv] .matrix-details .desk-caption { color: #bed1d8; }
[b-zvlnq7jthv] .desk-matrix th { background: #103241; color: #d8e7ed; }
[b-zvlnq7jthv] .desk-matrix td, [b-zvlnq7jthv] .desk-matrix th { border: 1px solid #34515e; padding: 0; }
[b-zvlnq7jthv] .desk-matrix th { padding: 10px; }
[b-zvlnq7jthv] .matrix-cell { border-radius: 0; min-height: 66px; color: #fff; font-size: 13px; }
[b-zvlnq7jthv] .matrix-cell small, [b-zvlnq7jthv] .matrix-cell.empty { color: #dce5e8; }
[b-zvlnq7jthv] .matrix-cell:hover { outline: 2px solid #fff; outline-offset: -3px; }
[b-zvlnq7jthv] .matrix-legend { display: flex; justify-content: space-between; gap: 16px; padding-top: 20px; margin-top: 16px; background: linear-gradient(90deg, #97533b, #273c48, #128578) top / 100% 10px no-repeat; font-size: 12px; }
[b-zvlnq7jthv] .overlay-correlations { margin: 20px 0; }
[b-zvlnq7jthv] .overlay-correlations td { font-variant-numeric: tabular-nums; }
[b-zvlnq7jthv] .desk-shell:not(:has(:target)) .desk-nav a[href$="#relationship-lab"] { border-bottom: 0; }
[b-zvlnq7jthv] .desk-shell:not(:has(:target)) .desk-nav a[href$="#overview"] { border-bottom: 2px solid var(--accent); }

[b-zvlnq7jthv] .monthly-choices button { display: inline-flex; align-items: center; gap: 8px; }
[b-zvlnq7jthv] .monthly-swatch { width: 10px; height: 10px; border-radius: 2px; border: 1px solid rgba(255,255,255,.6); }
[b-zvlnq7jthv] .monthly-choices button:disabled { opacity: .5; cursor: not-allowed; }

[b-zvlnq7jthv] .desk-controls input[type="month"] { min-height: 42px; width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 12px; border: 1px solid #506671; border-radius: 4px; background: #213d4a; color: #f4f8f7; color-scheme: dark; font: 600 14px var(--sans); }
[b-zvlnq7jthv] input:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
[b-zvlnq7jthv] .desk-shell:has(#transmission:target) .desk-nav a[href$="#transmission"], [b-zvlnq7jthv] .desk-shell:has(#simulation:target) .desk-nav a[href$="#simulation"], [b-zvlnq7jthv] .desk-shell:has(#risk:target) .desk-nav a[href$="#risk"] { border-bottom: 2px solid var(--accent); }

[b-zvlnq7jthv] .comparison-table { max-width: 100%; overflow-x: auto; margin-top: 12px; }
[b-zvlnq7jthv] .comparison-table table { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
[b-zvlnq7jthv] .comparison-table th, [b-zvlnq7jthv] .comparison-table td { padding: 10px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; line-height: 1.5; }
[b-zvlnq7jthv] .comparison-table th[scope="row"] { font-weight: 700; color: var(--ink); min-width: 160px; }
[b-zvlnq7jthv] .comparison-table th[scope="row"] small, [b-zvlnq7jthv] .comparison-table td small { display: block; margin-top: 4px; color: var(--ink-3); font-weight: 400; }
[b-zvlnq7jthv] .comparison-table tr.selected td { background: var(--accent-wash); }
[b-zvlnq7jthv] .ext-coverage { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 18px 0; border: 1px solid var(--rule-2); border-radius: 10px; overflow: hidden; background: var(--surface); }
[b-zvlnq7jthv] .ext-coverage article { display: flex; flex-direction: column; gap: 4px; min-width: 0; margin: 0 -1px -1px 0; padding: 12px 14px; border-right: 1px solid var(--rule-2); border-bottom: 1px solid var(--rule-2); }
[b-zvlnq7jthv] .ext-coverage span { color: var(--ink-3); font-size: 11px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
[b-zvlnq7jthv] .ext-coverage strong { color: var(--ink); font-size: 16px; font-variant-numeric: tabular-nums; }
[b-zvlnq7jthv] .ext-coverage small { color: var(--ink-3); font-size: 11.5px; line-height: 1.45; }
[b-zvlnq7jthv] .ext-screens { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
[b-zvlnq7jthv] .ext-screens h3 { margin: 8px 0; }
[b-zvlnq7jthv] .ext-screens p { margin: 0; color: var(--ink-2); font-size: 14px; line-height: 1.55; }
[b-zvlnq7jthv] .ext-screens small { color: var(--ink-3); font-size: 12px; line-height: 1.5; }
[b-zvlnq7jthv] .screen-hot, [b-zvlnq7jthv] .screen-quiet, [b-zvlnq7jthv] .screen-wait { align-self: flex-start; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
[b-zvlnq7jthv] .screen-hot { color: var(--neg, #b4495e); background: var(--neg-tint, #fbe9ec); }
[b-zvlnq7jthv] .screen-quiet { color: var(--pos, #0f766e); background: var(--accent-wash); }
[b-zvlnq7jthv] .screen-wait { color: var(--ink-3); background: var(--paper); }
[b-zvlnq7jthv] .ext-chart { margin: 16px 0; }
[b-zvlnq7jthv] .ext-chart svg { width: 100%; height: auto; }
[b-zvlnq7jthv] .ext-chart .grid { stroke: var(--rule); stroke-width: 1; }
[b-zvlnq7jthv] .ext-chart .brent { fill: none; stroke: var(--accent-deep); stroke-width: 2; }
[b-zvlnq7jthv] .ext-chart .tick { fill: var(--ink-3); font-size: 11px; }
[b-zvlnq7jthv] .ext-chart figcaption, [b-zvlnq7jthv] .evidence-ladder { color: var(--ink-3); font-size: 13px; line-height: 1.5; }
[b-zvlnq7jthv] .evidence-ladder table { width: 100%; border-collapse: collapse; }
[b-zvlnq7jthv] .evidence-ladder th, [b-zvlnq7jthv] .evidence-ladder td { padding: 10px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; }
@media (max-width: 1100px) { [b-zvlnq7jthv] .ext-coverage { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { [b-zvlnq7jthv] .ext-coverage, [b-zvlnq7jthv] .ext-screens { grid-template-columns: 1fr; } }
/* /Components/Pages/Research/ResearchEvidenceChart.razor.rz.scp.css */
.research-chart[b-sdi93ond6k] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 14px;
    min-width: 0;
    padding: 20px 20px 14px;
    border: 1px solid var(--rule);
    border-radius: 10px;
    background: var(--surface);
    scroll-margin-top: 96px;
}

.research-chart:target[b-sdi93ond6k] {
    box-shadow: 0 0 0 2px var(--accent);
}

.chart-heading[b-sdi93ond6k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.chart-eyebrow[b-sdi93ond6k] {
    margin: 0 0 6px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.chart-heading h3[b-sdi93ond6k] {
    margin: 0;
    font-size: 17px;
    line-height: 1.3;
}

.chart-subtitle[b-sdi93ond6k] {
    margin: 6px 0 0;
    color: var(--ink-2);
    font-size: 13.5px;
    line-height: 1.55;
}

.chart-example[b-sdi93ond6k] {
    margin: 8px 0 0;
    padding: 6px 10px;
    border-left: 3px solid var(--accent);
    border-radius: 0 6px 6px 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.chart-example b[b-sdi93ond6k] {
    color: var(--ink);
    font-weight: 650;
}

.status-chip[b-sdi93ond6k] {
    flex: none;
    padding: 4px 9px;
    border-radius: 999px;
    color: var(--warn, #9a6200);
    background: var(--warn-tint, #fbf1dc);
    font-size: 10.5px;
    font-weight: 700;
    white-space: nowrap;
}

.chart-body[b-sdi93ond6k] {
    min-width: 0;
}

.table-scroll[b-sdi93ond6k] {
    max-height: 420px;
    overflow: auto;
}

.table-scroll table[b-sdi93ond6k] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
}

.table-scroll caption[b-sdi93ond6k] {
    padding-bottom: 8px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.table-scroll th[b-sdi93ond6k],
.table-scroll td[b-sdi93ond6k] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--rule);
    text-align: right;
    white-space: nowrap;
}

.table-scroll th[scope="row"][b-sdi93ond6k],
.table-scroll thead th:first-child[b-sdi93ond6k] {
    text-align: left;
}

.table-scroll thead th[b-sdi93ond6k] {
    position: sticky;
    top: 0;
    background: var(--surface);
}

.table-scroll sup[b-sdi93ond6k] {
    margin-left: 2px;
    color: var(--ink-3);
    font-size: 9px;
    font-weight: 700;
}

.missing[b-sdi93ond6k] {
    color: var(--ink-3);
}

.table-note[b-sdi93ond6k] {
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 11.5px;
}

.chart-notes[b-sdi93ond6k] {
    margin: 0;
    padding-left: 18px;
    color: var(--ink-2);
    font-size: 12.5px;
    line-height: 1.55;
}

.chart-footer[b-sdi93ond6k] {
    display: grid;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--rule);
}

.provenance[b-sdi93ond6k],
.snapshots[b-sdi93ond6k] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin: 0;
    color: var(--ink-3);
    font-size: 11.5px;
    line-height: 1.5;
}

.snapshots span[b-sdi93ond6k] {
    margin-right: 8px;
    font-family: var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 10.5px;
    overflow-wrap: anywhere;
}

.provenance a[b-sdi93ond6k],
.snapshots a[b-sdi93ond6k] {
    color: var(--accent-deep, var(--accent));
    font-weight: 650;
}

.chart-actions[b-sdi93ond6k] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.chart-actions button[b-sdi93ond6k] {
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.chart-actions button:hover[b-sdi93ond6k],
.chart-actions button[aria-pressed="true"][b-sdi93ond6k] {
    border-color: var(--accent);
    color: var(--accent-deep, var(--accent));
}

.action-status[b-sdi93ond6k] {
    min-height: 1em;
    margin: 0;
    color: var(--ink-3);
    font-size: 11.5px;
}

.copy-fallback pre[b-sdi93ond6k] {
    max-height: 240px;
    overflow: auto;
    white-space: pre-wrap;
    font-size: 11px;
}
/* /Components/Pages/Research/ReturnLadder.razor.rz.scp.css */
/* Holding-period ladders: one row per horizon, the whole range on one scale. */
.ladder-table table[b-v31pwjdrpo] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: 13px;
}

.ladder-table th[b-v31pwjdrpo],
.ladder-table td[b-v31pwjdrpo] {
    padding: 9px 10px;
    border-bottom: 1px solid var(--rule);
    text-align: left;
    vertical-align: middle;
}

.ladder-table thead th[b-v31pwjdrpo] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ladder-table thead th.range-head[b-v31pwjdrpo] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.ladder-table tbody th[b-v31pwjdrpo] {
    white-space: nowrap;
    color: var(--ink);
}

.ladder-table td.num[b-v31pwjdrpo],
.ladder-table th.num[b-v31pwjdrpo] {
    text-align: right;
    white-space: nowrap;
}

.ladder-table td.num small[b-v31pwjdrpo] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 400;
}

.ladder-table td.range-cell[b-v31pwjdrpo] {
    width: 40%;
    min-width: 260px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ladder-table svg[b-v31pwjdrpo] {
    display: block;
    width: 100%;
    height: 34px;
    overflow: visible;
}

.ladder-table .zero[b-v31pwjdrpo] {
    stroke: var(--ink-3);
    stroke-width: 1;
    stroke-dasharray: 2 3;
}

.ladder-table .whisker[b-v31pwjdrpo] {
    stroke: var(--ink-3);
    stroke-width: 1.5;
}

.ladder-table .band[b-v31pwjdrpo] {
    fill: var(--accent, #16897c);
    fill-opacity: .28;
}

.ladder-table .median[b-v31pwjdrpo] {
    fill: var(--accent, #16897c);
    stroke: var(--surface, #fff);
    stroke-width: 1.5;
}

.ladder-table .end[b-v31pwjdrpo] {
    fill: var(--ink-3);
    font-size: 9px;
    dominant-baseline: middle;
}

.visually-hidden[b-v31pwjdrpo] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* /Components/Pages/Research/SipBehaviourSimulator.razor.rz.scp.css */
.sip-lab[b-i8o1jaycnf] {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid var(--rule);
    border-radius: 12px;
    background: var(--surface);
}

.sip-lab h3[b-i8o1jaycnf] {
    font-size: 21px;
}

.lab-intro[b-i8o1jaycnf],
.lab-reading[b-i8o1jaycnf],
.lab-note[b-i8o1jaycnf] {
    max-width: 880px;
    color: var(--ink-2);
    font-size: 14px;
    line-height: 1.65;
}

.lab-reading[b-i8o1jaycnf] {
    padding: 14px 16px;
    border-left: 3px solid var(--accent);
    background: var(--accent-wash);
    color: var(--ink);
}

.lab-note[b-i8o1jaycnf] {
    color: var(--ink-3);
    font-size: 12.5px;
}

.lab-controls[b-i8o1jaycnf] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.outcomes[b-i8o1jaycnf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.outcome[b-i8o1jaycnf] {
    display: grid;
    gap: 4px;
    padding: 16px 18px;
    border: 1px solid var(--rule);
    border-radius: 10px;
}

.outcome.best[b-i8o1jaycnf] {
    border-color: var(--accent);
    box-shadow: inset 0 3px 0 var(--accent);
}

.outcome-name[b-i8o1jaycnf] {
    margin: 0;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.outcome strong[b-i8o1jaycnf] {
    font-size: 26px;
    font-variant-numeric: tabular-nums;
}

.outcome > span[b-i8o1jaycnf] {
    color: var(--ink-2);
    font-size: 13px;
    font-weight: 600;
}

.outcome dl[b-i8o1jaycnf] {
    display: grid;
    gap: 4px;
    margin: 10px 0 0;
    font-size: 12.5px;
}

.outcome dl div[b-i8o1jaycnf] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.outcome dt[b-i8o1jaycnf] {
    color: var(--ink-3);
}

.outcome dd[b-i8o1jaycnf] {
    margin: 0;
    font-variant-numeric: tabular-nums;
}

.lab-details[b-i8o1jaycnf] {
    margin: 14px 0;
}

.lab-details .table-scroll[b-i8o1jaycnf] {
    max-height: 360px;
    overflow: auto;
}

.lab-details table[b-i8o1jaycnf] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.lab-details th[b-i8o1jaycnf],
.lab-details td[b-i8o1jaycnf] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--rule);
    text-align: right;
    vertical-align: top;
}

.lab-details th[scope="row"][b-i8o1jaycnf],
.lab-details thead th:first-child[b-i8o1jaycnf] {
    text-align: left;
}

.lab-details td small[b-i8o1jaycnf] {
    display: block;
    color: var(--ink-3);
    font-size: 10.5px;
}

.lab-actions[b-i8o1jaycnf] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--ink-3);
    font-size: 12px;
}

@media (max-width: 1100px) {
    .lab-controls[b-i8o1jaycnf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .outcomes[b-i8o1jaycnf],
    .lab-controls[b-i8o1jaycnf] {
        grid-template-columns: 1fr;
    }

    .sip-lab[b-i8o1jaycnf] {
        padding: 18px 14px;
    }
}
/* /Components/Pages/Research/TreasurySaleSimulator.razor.rz.scp.css */
p[b-x0ehq5e5ur]{line-height:1.65}input[b-x0ehq5e5ur]{width:100%;accent-color:#007f79}.actions[b-x0ehq5e5ur],.legend[b-x0ehq5e5ur]{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0}.warning[b-x0ehq5e5ur]{border-left:3px solid #bb741e;padding:12px 18px;background:#fff7e8;color:#634714}.legend[b-x0ehq5e5ur]{font-size:.8rem}.low[b-x0ehq5e5ur]{color:#559399;stroke:#559399}.central[b-x0ehq5e5ur]{color:#007f79;stroke:#007f79}.high[b-x0ehq5e5ur]{color:#bc7422;stroke:#bc7422}svg[b-x0ehq5e5ur]{width:100%;height:auto;overflow:visible}polyline[b-x0ehq5e5ur]{fill:none;stroke-width:2.5}.low[b-x0ehq5e5ur]{stroke-dasharray:4 3}.high[b-x0ehq5e5ur]{stroke-dasharray:8 3}.grid[b-x0ehq5e5ur]{stroke:#dce5e2}.base[b-x0ehq5e5ur]{stroke:#758580;stroke-dasharray:5 5}.sale-end[b-x0ehq5e5ur]{stroke:#a0aaa7;stroke-dasharray:3 4}text[b-x0ehq5e5ur]{fill:var(--ink-3);font-size:12px}summary[b-x0ehq5e5ur]{cursor:pointer;padding:12px 0}pre[b-x0ehq5e5ur]{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.76rem}.table-scroll[b-x0ehq5e5ur]{overflow:auto}table[b-x0ehq5e5ur]{width:100%;border-collapse:collapse;font-size:.82rem}th[b-x0ehq5e5ur],td[b-x0ehq5e5ur]{text-align:right;padding:9px;border-bottom:1px solid #dce5e2}

button:focus-visible[b-x0ehq5e5ur],input:focus-visible[b-x0ehq5e5ur],select:focus-visible[b-x0ehq5e5ur],summary:focus-visible[b-x0ehq5e5ur],a:focus-visible[b-x0ehq5e5ur]{outline:2px solid var(--accent);outline-offset:3px}

.scenario-controls[b-x0ehq5e5ur] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.scenario-controls label[b-x0ehq5e5ur] { gap: 12px; }
@media(max-width:760px) { .scenario-controls[b-x0ehq5e5ur] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:480px) { .scenario-controls[b-x0ehq5e5ur] { grid-template-columns: 1fr; } }
/* /Components/Pages/Research/UsDollarJapanYen.razor.rz.scp.css */
/* Topic-specific arrangements; the shared ResearchDeskLayout owns the template. */
.channels[b-u4tn6k1w9n] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.channels p[b-u4tn6k1w9n], .reserve-panel p[b-u4tn6k1w9n], #risk > p[b-u4tn6k1w9n] { font-size: 13px; line-height: 1.7; }
.channels a[b-u4tn6k1w9n] { font-size: 11px; }
.number[b-u4tn6k1w9n] { display: block; color: var(--accent); font-size: 11px; letter-spacing: .1em; margin-bottom: 12px; }
.kpis[b-u4tn6k1w9n] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 24px 0; }
.kpis article[b-u4tn6k1w9n] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.kpis span[b-u4tn6k1w9n], .kpis a[b-u4tn6k1w9n] { font-size: 11px; color: var(--ink-3); }
.kpis strong[b-u4tn6k1w9n] { font-size: 26px; font-weight: 650; font-variant-numeric: tabular-nums; }
.kpis small[b-u4tn6k1w9n] { font-size: 11px; }
.yen-paths[b-u4tn6k1w9n], .signals[b-u4tn6k1w9n] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 24px 0; }
.yen-paths article[b-u4tn6k1w9n] { min-width: 0; }
.signals h3[b-u4tn6k1w9n] { margin-top: 16px; }
.signals p[b-u4tn6k1w9n] { font-size: 12px; line-height: 1.7; }
.stale[b-u4tn6k1w9n] { color: var(--warn); font-size: 12px; }
code[b-u4tn6k1w9n] { overflow-wrap: anywhere; font-size: 11px; }
.signals code[b-u4tn6k1w9n] { display: block; }
pre[b-u4tn6k1w9n] { white-space: pre-wrap; overflow-wrap: anywhere; font: 11px/1.65 var(--mono); max-height: 500px; overflow: auto; background: var(--paper); padding: 16px; border: 1px solid var(--rule); }
@media(max-width:1100px) { .channels[b-u4tn6k1w9n], .kpis[b-u4tn6k1w9n] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:760px) { .yen-paths[b-u4tn6k1w9n] { grid-template-columns: 1fr; } }
@media(max-width:650px) { .channels[b-u4tn6k1w9n], .kpis[b-u4tn6k1w9n], .signals[b-u4tn6k1w9n] { grid-template-columns: 1fr; } }

.yen-comparison-paths[b-u4tn6k1w9n] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 24px 0; }
.yen-comparison-paths article[b-u4tn6k1w9n] { min-width: 0; }
.yen-comparison-paths label[b-u4tn6k1w9n] { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; color: var(--ink-3); font-size: 13px; }
.channel-context[b-u4tn6k1w9n] { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--rule); }
.channel-context .channels[b-u4tn6k1w9n] { margin-top: 18px; }
@media(max-width:850px) { .yen-comparison-paths[b-u4tn6k1w9n] { grid-template-columns: 1fr; } }

.yen-comparison-paths select[b-u4tn6k1w9n] { background: #e4f2ee; border: 2px solid #33766e; color: #173c35; font-weight: 650; border-radius: 7px; padding: 12px; }
.yen-comparison-paths select:focus-visible[b-u4tn6k1w9n] { outline: 3px solid #62bbaa; outline-offset: 2px; }
.yen-matrix[b-u4tn6k1w9n] { background: #0b2836; color: #e3f0f3; }
.yen-matrix h2[b-u4tn6k1w9n], .yen-matrix p[b-u4tn6k1w9n] { color: inherit; }
.yen-matrix table[b-u4tn6k1w9n] { min-width: 1000px; width: 100%; border-collapse: collapse; font-size: 11px; }
.yen-matrix th[b-u4tn6k1w9n], .yen-matrix td[b-u4tn6k1w9n] { border: 1px solid #34515e; padding: 0; }
.yen-matrix th[b-u4tn6k1w9n] { padding: 8px; }
.yen-matrix button[b-u4tn6k1w9n] { width: 100%; min-height: 62px; border: 0; padding: 10px; cursor: pointer; }
.yen-matrix small[b-u4tn6k1w9n] { display: block; margin-top: 5px; }
.reserve-choices[b-u4tn6k1w9n] { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
.reserve-choices button[b-u4tn6k1w9n] { padding: 10px 14px; border: 1px solid #33766e; background: white; color: #245b51; border-radius: 6px; cursor: pointer; }
.reserve-choices button.active[b-u4tn6k1w9n] { background: #33766e; color: white; }

.reserve-comparisons[b-u4tn6k1w9n] { display: grid; gap: 18px; margin: 24px 0; }
.reserve-comparison[b-u4tn6k1w9n] { border: 1px solid #bdd4cf; border-radius: 10px; padding: 20px; background: #f7fbfa; min-width: 0; }
.reserve-comparison h4[b-u4tn6k1w9n] { margin: 0 0 18px; font-size: 16px; }
.reserve-bar-row[b-u4tn6k1w9n] { display: grid; grid-template-columns: 100px minmax(0, 1fr) 90px; align-items: center; gap: 16px; margin: 12px 0; font-size: 13px; font-variant-numeric: tabular-nums; }
.reserve-bar-row strong[b-u4tn6k1w9n] { text-align: right; }
.reserve-bar-track[b-u4tn6k1w9n] { background: #e4eeeb; border-left: 1px solid #859e98; height: 22px; }
.reserve-bar[b-u4tn6k1w9n] { height: 100%; border-radius: 0 3px 3px 0; }
.reserve-bar.prior[b-u4tn6k1w9n] { background: #457cce; }
.reserve-bar.current[b-u4tn6k1w9n] { background: #168b7c; }
.reserve-delta[b-u4tn6k1w9n] { display: flex; flex-wrap: wrap; gap: 12px; border-top: 1px solid #d7e4e0; padding-top: 12px; }
.reserve-delta span[b-u4tn6k1w9n] { color: #526b65; }
.reserve-comparison > a[b-u4tn6k1w9n] { display: inline-block; margin-top: 12px; font-size: 12px; }
.reserve-comparison td[b-u4tn6k1w9n] { overflow-wrap: anywhere; }
@media(max-width:600px) { .reserve-comparison[b-u4tn6k1w9n] { padding: 14px; } .reserve-bar-row[b-u4tn6k1w9n] { grid-template-columns: 75px minmax(0,1fr) 65px; gap: 8px; font-size: 11px; } }
/* /Components/Pages/Research/UsInflationDrivers.razor.rz.scp.css */
[b-difw0owrhs] .evidence-grid,[b-difw0owrhs] .attribution-grid,[b-difw0owrhs] .relationship-grid,[b-difw0owrhs] .risk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
[b-difw0owrhs] .evidence-grid article{display:grid;gap:10px;background:#fff;border:1px solid var(--rule);border-radius:9px;padding:18px}
[b-difw0owrhs] .evidence-grid span,[b-difw0owrhs] .attribution-grid span,[b-difw0owrhs] .relationship-grid span{font-size:12px;color:var(--ink-3)}
[b-difw0owrhs] .evidence-grid strong,[b-difw0owrhs] .attribution-grid strong,[b-difw0owrhs] .relationship-grid strong{display:block;font-size:25px;color:var(--ink);font-variant-numeric:tabular-nums;margin:9px 0}
[b-difw0owrhs] .attribution-grid article,[b-difw0owrhs] .relationship-grid article{margin:0;min-width:0}
[b-difw0owrhs] .attribution-grid small,[b-difw0owrhs] .relationship-grid small,[b-difw0owrhs] .risk-grid small{font-size:10px;color:var(--ink-3);overflow-wrap:anywhere}
[b-difw0owrhs] .risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[b-difw0owrhs] .risk-grid article{margin:0}
[b-difw0owrhs] .risk-grid p{font-size:13px;line-height:1.6}
[b-difw0owrhs] .risk-hot,[b-difw0owrhs] .risk-quiet{display:inline-block;padding:5px 8px;border-radius:4px;font-size:11px;font-weight:700}
[b-difw0owrhs] .risk-hot{background:#fff0e8;color:#a34c29}[b-difw0owrhs] .risk-quiet{background:#edf4f0;color:var(--accent)}
[b-difw0owrhs] .linked-topics{margin:25px 0;border-top:1px solid var(--rule);padding-top:18px}
[b-difw0owrhs] .linked-topics h3{margin:0 0 8px}
[b-difw0owrhs] .linked-topics p{font-size:12px;color:var(--ink-3);line-height:1.6}
[b-difw0owrhs] .projection-panel{border-left:5px solid var(--accent)}
[b-difw0owrhs] .projection-panel strong{display:block;font-size:38px;color:var(--ink);margin:12px 0}
[b-difw0owrhs] .projection-panel p{font-size:13px;line-height:1.6}
@media(max-width:1050px){[b-difw0owrhs] .evidence-grid,[b-difw0owrhs] .attribution-grid,[b-difw0owrhs] .relationship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){[b-difw0owrhs] .evidence-grid,[b-difw0owrhs] .attribution-grid,[b-difw0owrhs] .relationship-grid,[b-difw0owrhs] .risk-grid{grid-template-columns:1fr}}
[b-difw0owrhs] .desk-controls input[type=number]{width:100%;box-sizing:border-box;min-height:42px;padding:10px 12px;border:1px solid #506671;border-radius:4px;background:#213d4a;color:#f4f8f7;font:600 14px var(--sans);font-variant-numeric:tabular-nums}
[b-difw0owrhs] .desk-controls input[type=number]:focus-visible{outline:2px solid #a9d8cc;outline-offset:2px}
/* /Components/Pages/ResearchCatalog.razor.rz.scp.css */
/* Research library. Layout, filters and cards follow the Topics catalog so the
   two libraries read as one system; research cards carry a headline block
   instead of a sparkline. */
.research-page[b-745fpnol1g] {
    min-height: 100%;
    background: var(--surface);
}

.research-shell[b-745fpnol1g] {
    max-width: var(--maxw);
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px;
}

/* ── Hero ── */
.research-hero[b-745fpnol1g] {
    padding: 56px 0 50px;
    background: linear-gradient(160deg, var(--paper) 0%, var(--paper-band) 100%);
}

.research-eyebrow[b-745fpnol1g] {
    margin: 0 0 12px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.research-hero-grid[b-745fpnol1g] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
    gap: 42px;
    align-items: start;
}

.research-hero h1[b-745fpnol1g] {
    margin: 0 0 14px;
    color: var(--color-navy);
    font-size: var(--fs-h1);
    font-weight: 650;
    line-height: 1.12;
    letter-spacing: -0.03em;
}

.research-intro[b-745fpnol1g] {
    max-width: 620px;
    margin: 0;
    color: var(--ink-3);
    font-size: 16.5px;
    line-height: 1.6;
}

.research-summary-card[b-745fpnol1g] {
    padding: 24px 26px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: color-mix(in srgb, var(--surface) 80%, transparent);
    box-shadow: 0 16px 34px -26px rgba(23, 55, 94, 0.4);
}

.research-summary-card span[b-745fpnol1g] {
    display: block;
    margin-bottom: 10px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.research-summary-card strong[b-745fpnol1g] {
    display: block;
    margin-bottom: 10px;
    color: var(--color-navy);
    font-size: 19px;
    line-height: 1.25;
}

.research-summary-card p[b-745fpnol1g] {
    margin: 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.55;
}

.research-search-row[b-745fpnol1g] {
    display: flex;
    gap: 14px;
    max-width: 860px;
    margin: 30px 0 24px;
}

.research-search[b-745fpnol1g] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-4);
    background: var(--surface);
    box-shadow: 0 6px 16px -10px rgba(23, 55, 94, 0.2);
}

.research-search input[b-745fpnol1g] {
    flex: 1;
    min-width: 0;
    border: 0;
    color: var(--ink);
    background: none;
    font-size: 14.5px;
    outline: none;
}

.research-search input[b-745fpnol1g]::placeholder {
    color: var(--ink-4);
}

.research-search:focus-within[b-745fpnol1g] {
    border-color: var(--accent);
    box-shadow: var(--ring);
}

.suggest-button[b-745fpnol1g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    box-shadow: 0 8px 18px rgba(22, 157, 242, 0.28);
    font-size: 14.5px;
    font-weight: 650;
    white-space: nowrap;
}

.research-chips[b-745fpnol1g] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.research-chips button[b-745fpnol1g] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font: inherit;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.research-chips button span[b-745fpnol1g] {
    font-weight: 600;
    opacity: 0.65;
}

.research-chips button.active[b-745fpnol1g] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.library-view-toggle[b-745fpnol1g] {
    display: inline-flex;
    gap: 6px;
    margin-top: 20px;
    padding: 5px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: color-mix(in srgb, var(--surface) 86%, transparent);
}

.library-view-toggle button[b-745fpnol1g] {
    min-height: 40px;
    padding: 0 17px;
    border-radius: var(--r);
    color: var(--ink-3);
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.library-view-toggle button.active[b-745fpnol1g] {
    color: var(--ink);
    background: var(--paper-band);
}

.library-view-toggle button span[b-745fpnol1g] {
    margin-left: 5px;
    opacity: 0.7;
}

.following-signin[b-745fpnol1g] {
    display: inline-flex;
    margin-top: 20px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
}

/* ── Filters and grid ── */
.research-body[b-745fpnol1g] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 32px;
    align-items: start;
    padding-top: 40px;
    padding-bottom: 20px;
}

.research-filter[b-745fpnol1g] {
    padding: 24px 22px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: var(--surface);
}

.research-filter h2[b-745fpnol1g] {
    margin: 0 0 22px;
    color: var(--color-navy);
    font-size: 17px;
    font-weight: 650;
}

.filter-group[b-745fpnol1g] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-bottom: 26px;
}

.filter-group.last[b-745fpnol1g] {
    margin-bottom: 0;
}

.filter-group h3[b-745fpnol1g] {
    margin: 0 0 1px;
    color: var(--color-navy);
    font-size: 13px;
    font-weight: 650;
}

.filter-group label[b-745fpnol1g] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ink-2);
    font-size: 14px;
    cursor: pointer;
}

.filter-checkbox[b-745fpnol1g] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.filter-checkbox:focus-visible + .check[b-745fpnol1g] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.check[b-745fpnol1g] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border: 1.5px solid var(--rule);
    border-radius: var(--r-sm);
    color: var(--on-accent);
    font-size: 11px;
}

.check.is-checked[b-745fpnol1g] {
    border-color: var(--accent);
    background: var(--accent);
}

.status-pills[b-745fpnol1g] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.status-pills button[b-745fpnol1g] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 16px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--paper);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.status-pills button.selected[b-745fpnol1g] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-summary[b-745fpnol1g] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--rule);
    color: var(--ink-3);
    font-size: 12.5px;
}

.reset-filters[b-745fpnol1g] {
    border: 0;
    background: none;
    color: var(--accent);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}

.reset-filters:hover[b-745fpnol1g] {
    color: var(--accent-deep);
}

.catalog-fallback-note[b-745fpnol1g] {
    margin: 14px 0 0;
    color: var(--warn);
    font-size: 12px;
    line-height: 1.5;
}

.research-grid[b-745fpnol1g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

/* ── Cards ── */
.research-card[b-745fpnol1g] {
    display: flex;
    flex-direction: column;
    padding: 22px 24px 24px;
    border: 1px solid var(--paper-band);
    border-top: 4px solid var(--desk-accent, var(--accent));
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 6px 18px -12px rgba(23, 55, 94, 0.2);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.research-card:hover[b-745fpnol1g],
.research-card:focus-within[b-745fpnol1g] {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px -20px rgba(23, 55, 94, 0.35);
}

.research-card.tone-blue[b-745fpnol1g] { --desk-accent: var(--accent); }
.research-card.tone-teal[b-745fpnol1g] { --desk-accent: var(--pos); }
.research-card.tone-green[b-745fpnol1g] { --desk-accent: var(--pos); }
.research-card.tone-orange[b-745fpnol1g] { --desk-accent: var(--d-3); }
.research-card.tone-violet[b-745fpnol1g] { --desk-accent: var(--d-5); }
.research-card.tone-red[b-745fpnol1g] { --desk-accent: var(--neg); }

.research-card-meta[b-745fpnol1g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.research-card-meta > span[b-745fpnol1g] {
    color: var(--desk-accent, var(--accent));
    font-size: 12px;
    font-weight: 650;
}

.research-card-actions[b-745fpnol1g] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.stage-badge[b-745fpnol1g] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 11px;
    border: 1px solid var(--warn-tint);
    border-radius: var(--r);
    color: var(--warn);
    background: var(--warn-tint);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.research-card-link[b-745fpnol1g] {
    display: flex;
    flex: 1;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.research-card h2[b-745fpnol1g] {
    margin: 0 0 10px;
    color: var(--color-navy);
    font-size: 20px;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.research-subtitle[b-745fpnol1g] {
    margin: 0 0 16px;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.55;
}

.research-card-foot[b-745fpnol1g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
    padding: 12px 14px;
    border-radius: var(--r-sm);
    background: var(--paper);
}

.research-card-foot strong[b-745fpnol1g] {
    color: var(--color-navy);
    font-size: 14.5px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.research-card-foot span[b-745fpnol1g] {
    color: var(--ink-4);
    font-size: 12.5px;
    line-height: 1.45;
}

.research-open[b-745fpnol1g] {
    margin-top: 16px;
    color: var(--accent);
    font-size: 14px;
    font-weight: 650;
}

.research-card-foot + .research-open[b-745fpnol1g] {
    margin-top: 14px;
}

.research-subtitle + .research-open[b-745fpnol1g] {
    margin-top: auto;
}

.research-card-topics[b-745fpnol1g] {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--rule);
}

.research-card-topics > span[b-745fpnol1g] {
    display: block;
    margin-bottom: 8px;
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.research-card-topics ul[b-745fpnol1g] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.research-card-topics a[b-745fpnol1g] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 3px 10px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 12.5px;
    line-height: 1.3;
    text-decoration: none;
}

.research-card-topics a:hover[b-745fpnol1g],
.research-card-topics a:focus-visible[b-745fpnol1g] {
    border-color: var(--desk-accent, var(--accent));
    color: var(--desk-accent, var(--accent));
}

.research-summary-count[b-745fpnol1g] {
    margin-top: 10px;
    color: var(--ink-2);
    font-size: 13px;
    font-weight: 600;
}

.library-empty[b-745fpnol1g] {
    grid-column: 1 / -1;
    min-height: 300px;
    padding: 44px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed var(--rule);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    text-align: center;
}

.library-empty > span[b-745fpnol1g] {
    color: var(--d-3);
    font-size: 48px;
}

.library-empty h2[b-745fpnol1g] {
    margin: 12px 0 8px;
    color: var(--color-navy);
}

.library-empty p[b-745fpnol1g] {
    margin: 0;
}

.library-empty button[b-745fpnol1g] {
    min-height: 43px;
    margin-top: 22px;
    padding: 0 18px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: var(--accent);
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
}

/* ── Methods strip and call to action ── */
.research-methods[b-745fpnol1g] {
    padding-top: 36px;
    padding-bottom: 40px;
}

.research-methods h2[b-745fpnol1g] {
    margin: 0 0 18px;
    color: var(--color-navy);
    font-size: 20px;
    font-weight: 650;
    letter-spacing: -0.01em;
}

.research-methods-grid[b-745fpnol1g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.research-methods-grid article[b-745fpnol1g] {
    padding: 20px 22px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: var(--paper);
}

.research-methods-grid h3[b-745fpnol1g] {
    margin: 0 0 8px;
    color: var(--color-navy);
    font-size: 15px;
    font-weight: 650;
}

.research-methods-grid p[b-745fpnol1g] {
    margin: 0;
    color: var(--ink-3);
    font-size: 13.5px;
    line-height: 1.55;
}

.expert-band[b-745fpnol1g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 60px;
    padding-top: 32px;
    padding-bottom: 32px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: linear-gradient(120deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    box-shadow: 0 20px 44px -20px rgba(22, 110, 214, 0.5);
}

.expert-band h2[b-745fpnol1g] {
    margin: 0 0 8px;
    color: var(--on-accent);
    font-size: 24px;
    font-weight: 650;
    letter-spacing: -0.01em;
}

.expert-band p[b-745fpnol1g] {
    max-width: 640px;
    margin: 0;
    color: color-mix(in srgb, var(--on-accent) 90%, transparent);
    font-size: 14.5px;
    line-height: 1.55;
}

.expert-button[b-745fpnol1g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 26px;
    flex: 0 0 auto;
    border-radius: var(--r);
    color: var(--accent);
    background: var(--surface);
    font-size: 14.5px;
    font-weight: 650;
}

/* ── Responsive ── */
@media (max-width: 980px) {
    .research-hero-grid[b-745fpnol1g] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .research-body[b-745fpnol1g] {
        grid-template-columns: 1fr;
    }

    .research-filter[b-745fpnol1g] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
    }

    .research-filter h2[b-745fpnol1g],
    .research-filter .filter-summary[b-745fpnol1g],
    .research-filter .catalog-fallback-note[b-745fpnol1g] {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }

    .research-methods-grid[b-745fpnol1g] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .research-shell[b-745fpnol1g] {
        padding-right: 16px;
        padding-left: 16px;
    }

    .research-search-row[b-745fpnol1g] {
        align-items: stretch;
        flex-direction: column;
    }

    .suggest-button[b-745fpnol1g] {
        width: 100%;
        min-height: 48px;
    }

    .research-filter[b-745fpnol1g],
    .research-grid[b-745fpnol1g] {
        grid-template-columns: 1fr;
    }

    .expert-band[b-745fpnol1g] {
        align-items: stretch;
        flex-direction: column;
        margin-right: 16px;
        margin-left: 16px;
    }

    .expert-button[b-745fpnol1g] {
        width: 100%;
    }
}
/* /Components/Pages/Series.razor.rz.scp.css */
.series-page[b-0bf6kr9e1z] {
    min-height: 100%;
    background: var(--surface);
}

.series-shell[b-0bf6kr9e1z] {
    max-width: var(--maxw);
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px;
}

.series-hero[b-0bf6kr9e1z] {
    padding: 58px 0 50px;
    background: linear-gradient(160deg, var(--paper) 0%, var(--paper-band) 100%);
}

.series-eyebrow[b-0bf6kr9e1z] {
    margin: 0 0 12px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hero-grid[b-0bf6kr9e1z] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 42px;
    align-items: start;
}

.series-hero h1[b-0bf6kr9e1z] {
    max-width: 720px;
    margin: 0 0 16px;
    color: var(--color-navy);
    font-size: var(--fs-h1);
    font-weight: 650;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.series-hero p[b-0bf6kr9e1z] {
    max-width: 680px;
    margin: 0;
    color: var(--ink-3);
    font-size: 17px;
    line-height: 1.65;
}

.hero-summary-card[b-0bf6kr9e1z] {
    padding: 26px 28px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 16px 34px -26px rgba(23, 55, 94, 0.4);
}

.hero-summary-card span[b-0bf6kr9e1z] {
    display: block;
    margin-bottom: 10px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hero-summary-card strong[b-0bf6kr9e1z] {
    display: block;
    margin-bottom: 10px;
    color: var(--color-navy);
    font-size: 20px;
    line-height: 1.25;
}

.hero-summary-card p[b-0bf6kr9e1z] {
    font-size: 14px;
    line-height: 1.55;
}

.series-toolbar[b-0bf6kr9e1z] {
    display: flex;
    gap: 14px;
    max-width: 900px;
    margin-top: 32px;
}

.series-search[b-0bf6kr9e1z] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-4);
    background: var(--surface);
    box-shadow: 0 6px 16px -10px rgba(23, 55, 94, 0.2);
}

.series-search input[b-0bf6kr9e1z] {
    flex: 1;
    min-width: 0;
    border: 0;
    color: var(--ink);
    background: transparent;
    font: inherit;
    font-size: 14.5px;
}

.series-search input[b-0bf6kr9e1z]::placeholder {
    color: var(--ink-4);
}

.series-search input:focus[b-0bf6kr9e1z] {
    outline: none;
}

.series-search:focus-within[b-0bf6kr9e1z] {
    border-color: var(--accent);
    box-shadow: var(--ring);
}

.toolbar-button[b-0bf6kr9e1z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 26px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    box-shadow: 0 8px 18px rgba(22, 157, 242, 0.28);
    font-size: 14.5px;
    font-weight: 650;
    white-space: nowrap;
}

.series-chips[b-0bf6kr9e1z] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.series-chips button[b-0bf6kr9e1z] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
}

.series-chips button span[b-0bf6kr9e1z] {
    font-size: 11.5px;
    opacity: 0.7;
}

.series-chips button.active[b-0bf6kr9e1z] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.series-chips button:focus-visible[b-0bf6kr9e1z] {
    outline: none;
    box-shadow: var(--ring);
}

.library-view-toggle[b-0bf6kr9e1z] {
    display: inline-flex;
    gap: 6px;
    margin-top: 20px;
    padding: 5px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: rgba(255, 255, 255, 0.86);
}

.library-view-toggle button[b-0bf6kr9e1z] {
    min-height: 40px;
    padding: 0 17px;
    border-radius: var(--r);
    color: var(--ink-3);
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.library-view-toggle button.active[b-0bf6kr9e1z] {
    color: var(--ink);
    background: var(--paper-band);
}

.library-view-toggle button span[b-0bf6kr9e1z] {
    margin-left: 5px;
    opacity: 0.7;
}

.following-signin[b-0bf6kr9e1z] {
    display: inline-flex;
    margin-top: 20px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
}

.series-grid-section[b-0bf6kr9e1z] {
    padding-top: 62px;
    padding-bottom: 68px;
}

.section-heading[b-0bf6kr9e1z] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr);
    gap: 28px;
    align-items: end;
    margin-bottom: 28px;
}

.section-heading h2[b-0bf6kr9e1z] {
    margin: 0;
    color: var(--color-navy);
    font-size: var(--fs-h2);
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.section-heading > p:not(.series-eyebrow)[b-0bf6kr9e1z] {
    margin: 0;
    color: var(--ink-3);
    font-size: 16px;
    line-height: 1.58;
}

.series-grid[b-0bf6kr9e1z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.series-card[b-0bf6kr9e1z] {
    display: flex;
    flex-direction: column;
    padding: 22px 22px 20px;
    border: 1px solid var(--paper-band);
    border-top: 4px solid currentColor;
    border-radius: var(--r);
    color: var(--accent);
    background: var(--surface);
    box-shadow: 0 6px 18px -12px rgba(23, 55, 94, 0.2);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.series-card:hover[b-0bf6kr9e1z],
.series-card:focus-visible[b-0bf6kr9e1z] {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px -20px rgba(23, 55, 94, 0.35);
}

.series-card-link[b-0bf6kr9e1z] {
    display: flex;
    flex: 1;
    flex-direction: column;
    color: inherit;
}

.series-card-actions[b-0bf6kr9e1z] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.library-empty[b-0bf6kr9e1z] {
    grid-column: 1 / -1;
    min-height: 330px;
    padding: 44px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed var(--rule);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    text-align: center;
}

.library-empty > span[b-0bf6kr9e1z] {
    color: var(--d-3);
    font-size: 48px;
}

.library-empty h2[b-0bf6kr9e1z] {
    margin: 12px 0 8px;
    color: var(--ink);
}

.library-empty p[b-0bf6kr9e1z] {
    margin: 0;
}

.library-empty button[b-0bf6kr9e1z] {
    min-height: 43px;
    margin-top: 22px;
    padding: 0 18px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: var(--accent);
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
}

.card-topline[b-0bf6kr9e1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.card-topline span[b-0bf6kr9e1z] {
    color: var(--accent);
    font-size: 12px;
    font-weight: 650;
}

.card-topline strong[b-0bf6kr9e1z] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 12px;
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--paper-band);
    font-size: 11.5px;
    font-weight: 650;
}

.series-card h3[b-0bf6kr9e1z] {
    min-height: 50px;
    margin: 0 0 12px;
    color: var(--color-navy);
    font-size: 20px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.series-note[b-0bf6kr9e1z] {
    margin: 0 0 14px;
    color: var(--ink-3);
    font-size: 13px;
    line-height: 1.5;
}

/* The lines a series draws, as the legend will show them. */
.series-lines[b-0bf6kr9e1z] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: auto 0 14px;
    padding: 0;
    list-style: none;
}

.series-lines li[b-0bf6kr9e1z] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: var(--r);
    color: var(--ink-2);
    background: var(--paper-band);
    font-size: 11.5px;
    font-weight: 650;
}

.series-lines li.more[b-0bf6kr9e1z] {
    color: var(--ink-3);
    background: transparent;
    border: 1px dashed var(--paper-deep);
}

.series-topic[b-0bf6kr9e1z] {
    margin: 0;
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 600;
}

@media (max-width: 1080px) {
    .hero-grid[b-0bf6kr9e1z],
    .section-heading[b-0bf6kr9e1z] {
        grid-template-columns: 1fr;
    }

    .series-grid[b-0bf6kr9e1z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .series-shell[b-0bf6kr9e1z] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .series-toolbar[b-0bf6kr9e1z] {
        flex-direction: column;
    }

    .toolbar-button[b-0bf6kr9e1z] {
        width: 100%;
    }

    .series-grid[b-0bf6kr9e1z] {
        grid-template-columns: 1fr;
    }

    .card-topline[b-0bf6kr9e1z] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/SeriesDetails/PublishedTopicSeries.razor.rz.scp.css */
.published-series[b-6cffk1wnan] { max-width: 1080px; padding: 40px 24px 80px; margin: 0 auto; color: var(--ink); }
h1[b-6cffk1wnan] { font-family: var(--serif); font-size: clamp(30px, 4vw, 48px); line-height: 1.1; margin: 14px 0 12px; }
h2[b-6cffk1wnan] { font-size: var(--fs-h3); margin: 0 0 10px; }
p[b-6cffk1wnan] { line-height: 1.7; overflow-wrap: anywhere; color: var(--ink-2); }
a[b-6cffk1wnan] { color: var(--accent); }
nav[b-6cffk1wnan] { font-size: 13px; color: var(--ink-3); }
.series-lede[b-6cffk1wnan] { font-family: var(--serif); font-size: var(--fs-lede); max-width: 860px; }
.series-summary[b-6cffk1wnan] { max-width: 860px; }
.series-meta[b-6cffk1wnan] { font-size: 13px; color: var(--ink-3); }
.series-charts[b-6cffk1wnan] { display: flex; flex-direction: column; gap: 22px; }

/* Line filters double as the legend: each key carries the line's chart colour. */
.line-toggles[b-6cffk1wnan] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 12px; padding: 10px 14px; border: 1px solid var(--rule); border-radius: var(--r-sm); background: var(--surface); }
.line-toggles legend[b-6cffk1wnan] { padding: 0 6px; color: var(--ink-3); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.line-toggles label[b-6cffk1wnan] { display: inline-flex; align-items: center; gap: 8px; color: var(--ink-2); font-size: 13px; font-weight: 600; cursor: pointer; }
.line-toggles label.off[b-6cffk1wnan] { color: var(--ink-4); }
.line-toggles label.off .key[b-6cffk1wnan] { opacity: 0.3; }
.line-toggles input[b-6cffk1wnan] { accent-color: var(--accent); width: 15px; height: 15px; margin: 0; }
.line-toggles .key[b-6cffk1wnan] { width: 18px; height: 4px; border-radius: 2px; background: var(--ink-4); }
.line-toggles .key.tone-teal[b-6cffk1wnan] { background: var(--d-1); }
.line-toggles .key.tone-navy[b-6cffk1wnan] { background: var(--d-2); }
.line-toggles .key.tone-ochre[b-6cffk1wnan] { background: var(--d-3); }
.line-toggles .key.tone-rose[b-6cffk1wnan] { background: var(--d-4); }
.line-toggles .key.tone-slate[b-6cffk1wnan] { background: var(--d-5); }
.line-toggles .key.tone-grey[b-6cffk1wnan] { background: var(--d-6); }
.line-toggles .key.tone-ink[b-6cffk1wnan] { background: var(--ink); }
.toggle-actions[b-6cffk1wnan] { display: inline-flex; gap: 6px; margin-left: auto; }
.toggle-actions button[b-6cffk1wnan] { min-height: 28px; padding: 0 10px; border: 1px solid var(--rule-2); border-radius: var(--r-sm); color: var(--ink-2); background: var(--surface); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.toggle-actions button:disabled[b-6cffk1wnan] { color: var(--ink-4); cursor: default; }
.toggle-actions button:focus-visible[b-6cffk1wnan] { outline: none; box-shadow: var(--ring); }
.missing-lines[b-6cffk1wnan] { margin: 0; font-size: 13px; color: var(--ink-3); }

.series-research[b-6cffk1wnan], .series-siblings[b-6cffk1wnan] { margin: 28px 0; padding: 20px 22px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--surface); }
.series-research ul[b-6cffk1wnan], .series-siblings ul[b-6cffk1wnan] { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.series-research li[b-6cffk1wnan], .series-siblings li[b-6cffk1wnan] { display: grid; gap: 2px; }
.series-research span[b-6cffk1wnan], .series-siblings span[b-6cffk1wnan] { color: var(--ink-3); font-size: 13px; line-height: 1.5; }
@media (max-width: 680px) { .published-series[b-6cffk1wnan] { padding: 24px 16px 60px; } .toggle-actions[b-6cffk1wnan] { margin-left: 0; } }
/* /Components/Pages/TopicDetails/FiscalDeficitMonitor/FiscalCountryComparison.razor.rz.scp.css */
.comparison[b-s5ne5j8gk0] { margin: 0 0 40px; padding: 28px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--paper); color: var(--ink); scroll-margin-top: 96px; }
.panel-heading[b-s5ne5j8gk0] { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.eyebrow[b-s5ne5j8gk0] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
h2[b-s5ne5j8gk0] { margin: 0; font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.03em; }
.intro[b-s5ne5j8gk0] { max-width: 820px; margin: 10px 0 22px; color: var(--ink-2); line-height: 1.6; }
.table-scroll[b-s5ne5j8gk0] { max-width: 100%; overflow: auto; border: 1px solid var(--rule); border-radius: var(--r-sm); background: var(--surface); }
table[b-s5ne5j8gk0] { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 12.5px; text-align: left; }
th[b-s5ne5j8gk0], td[b-s5ne5j8gk0] { padding: 10px 12px; border-bottom: 1px solid var(--paper-band); vertical-align: top; }
thead th[b-s5ne5j8gk0] { background: var(--paper-band); color: var(--ink-2); font-size: 12px; }
tbody th[b-s5ne5j8gk0] { font-weight: 650; color: var(--ink); }
td[b-s5ne5j8gk0] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
th.selected[b-s5ne5j8gk0], td.selected[b-s5ne5j8gk0] { background: var(--accent-wash); }
small[b-s5ne5j8gk0] { display: block; margin-top: 3px; color: var(--ink-3); font-size: 10.5px; font-weight: 400; }
.reading[b-s5ne5j8gk0] { margin: 18px 0 0; padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--surface); color: var(--ink-2); font-size: 14px; line-height: 1.7; }
.panel-footer[b-s5ne5j8gk0] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; color: var(--ink-3); font-size: 12px; line-height: 1.55; }
.panel-footer p[b-s5ne5j8gk0] { max-width: 820px; margin: 0; }
.copy-button[b-s5ne5j8gk0] { padding: 9px 16px; border: 1px solid var(--accent); border-radius: 999px; color: var(--on-accent); background: var(--accent); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.copy-button:hover[b-s5ne5j8gk0] { background: var(--accent-deep); }
.copy-status[b-s5ne5j8gk0] { min-height: 1em; margin: 8px 0 0; color: var(--accent-deep); font-size: 12px; }
.copy-detail pre[b-s5ne5j8gk0] { max-height: 320px; overflow: auto; padding: 12px; background: var(--surface); font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
button:focus-visible[b-s5ne5j8gk0], .table-scroll:focus-visible[b-s5ne5j8gk0] { outline: none; box-shadow: var(--ring); }
@media (max-width: 680px) { .comparison[b-s5ne5j8gk0] { padding: 20px 14px; } }
/* /Components/Pages/TopicDetails/FiscalDeficitMonitor/FiscalDebtDynamicsPanel.razor.rz.scp.css */
.dynamics[b-3126h1uze6] { margin: 0 0 40px; padding: 28px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--paper); color: var(--ink); scroll-margin-top: 96px; }
.panel-heading[b-3126h1uze6] { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.eyebrow[b-3126h1uze6] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
h2[b-3126h1uze6] { margin: 0; font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.03em; }
h3[b-3126h1uze6] { margin: 0 0 4px; font-size: 16px; line-height: 1.35; }
h3.second[b-3126h1uze6] { margin-top: 22px; }
.intro[b-3126h1uze6] { max-width: 820px; margin: 10px 0 22px; color: var(--ink-2); line-height: 1.6; }
.panel-empty[b-3126h1uze6] { margin: 0 0 18px; color: var(--ink-3); }
.verdict[b-3126h1uze6] { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 12px; margin: 0 0 12px; }
.verdict > div[b-3126h1uze6] { display: grid; gap: 6px; align-content: start; padding: 16px 18px; border: 1px solid var(--rule); border-radius: var(--r-sm); background: var(--surface); }
.verdict span[b-3126h1uze6], .verdict small[b-3126h1uze6] { color: var(--ink-3); font-size: 11.5px; line-height: 1.45; }
.verdict strong[b-3126h1uze6] { font-size: 24px; font-weight: 750; letter-spacing: -0.02em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.verdict-level strong small[b-3126h1uze6] { font-size: 12px; font-weight: 500; letter-spacing: 0; white-space: nowrap; }
.verdict .arrow[b-3126h1uze6] { margin: 0 10px; color: var(--ink-3); font-style: normal; font-weight: 500; }
.verdict-change.up strong[b-3126h1uze6] { color: var(--neg); }
.verdict-change.down strong[b-3126h1uze6] { color: var(--pos); }
.ledger[b-3126h1uze6] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 18px; }
.ledger-side[b-3126h1uze6] { min-width: 0; padding: 14px 18px 8px; border: 1px solid var(--rule); border-top: 3px solid var(--neg); border-radius: var(--r-sm); background: var(--surface); }
.ledger-side.down[b-3126h1uze6] { border-top-color: var(--pos); }
.ledger-side h3[b-3126h1uze6] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 6px; color: var(--ink-2); font-size: 12px; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; }
.ledger-side h3 b[b-3126h1uze6] { font-size: 16px; letter-spacing: 0; text-transform: none; font-variant-numeric: tabular-nums; }
.ledger-side ul[b-3126h1uze6] { margin: 0; padding: 0; list-style: none; }
.ledger-side li[b-3126h1uze6] { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 9px 0; border-top: 1px solid var(--paper-band); }
.ledger-side li strong[b-3126h1uze6] { display: block; font-size: 14px; font-weight: 650; }
.ledger-side li small[b-3126h1uze6] { display: block; margin-top: 2px; color: var(--ink-3); font-size: 11.5px; line-height: 1.4; }
.ledger-side .amount[b-3126h1uze6] { flex: none; text-align: right; white-space: nowrap; }
.ledger-side .amount b[b-3126h1uze6] { display: block; font-size: 18px; font-weight: 750; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.ledger-side li.none[b-3126h1uze6] { color: var(--ink-3); font-size: 12.5px; }
.ledger-net[b-3126h1uze6] { grid-column: 1 / -1; margin: 0; color: var(--ink-2); font-size: 13px; line-height: 1.55; }
.ledger-net b[b-3126h1uze6] { font-variant-numeric: tabular-nums; }
.reading[b-3126h1uze6] { margin: 0 0 20px; padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--surface); color: var(--ink-2); font-size: 14px; line-height: 1.7; }
.two-up[b-3126h1uze6] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.panel-card[b-3126h1uze6] { min-width: 0; padding: 20px 18px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--surface); }
.sub[b-3126h1uze6] { margin: 0 0 12px; color: var(--ink-3); font-size: 12px; line-height: 1.5; }
.calculation-detail[b-3126h1uze6] { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--paper-band); font-size: 12px; line-height: 1.55; }
summary[b-3126h1uze6] { color: var(--accent-deep); font-weight: 700; cursor: pointer; }
.calculation-detail p[b-3126h1uze6] { margin: 10px 0; color: var(--ink-2); }
.table-scroll[b-3126h1uze6] { max-width: 100%; max-height: 360px; overflow: auto; margin-top: 10px; }
table[b-3126h1uze6] { width: 100%; border-collapse: collapse; font-size: 11.5px; text-align: left; }
th[b-3126h1uze6], td[b-3126h1uze6] { padding: 7px 6px; border-bottom: 1px solid var(--paper-band); vertical-align: top; white-space: nowrap; font-variant-numeric: tabular-nums; }
thead th[b-3126h1uze6] { position: sticky; top: 0; background: var(--paper); }
small[b-3126h1uze6] { color: var(--ink-3); font-size: 10.5px; overflow-wrap: anywhere; white-space: normal; }
.panel-footer[b-3126h1uze6] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; color: var(--ink-3); font-size: 12px; line-height: 1.55; }
.panel-footer p[b-3126h1uze6] { max-width: 820px; margin: 0; }
.copy-button[b-3126h1uze6] { padding: 9px 16px; border: 1px solid var(--accent); border-radius: 999px; color: var(--on-accent); background: var(--accent); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.copy-button:hover[b-3126h1uze6] { background: var(--accent-deep); }
.copy-status[b-3126h1uze6] { min-height: 1em; margin: 8px 0 0; color: var(--accent-deep); font-size: 12px; }
.copy-detail pre[b-3126h1uze6] { max-height: 320px; overflow: auto; padding: 12px; background: var(--surface); font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
button:focus-visible[b-3126h1uze6], summary:focus-visible[b-3126h1uze6], .table-scroll:focus-visible[b-3126h1uze6] { outline: none; box-shadow: var(--ring); }
@media (max-width: 1100px) { .two-up[b-3126h1uze6] { grid-template-columns: 1fr; } }
@media (max-width: 820px) { .verdict[b-3126h1uze6], .ledger[b-3126h1uze6] { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .dynamics[b-3126h1uze6] { padding: 20px 14px; } .verdict strong[b-3126h1uze6] { font-size: 21px; } .ledger-side[b-3126h1uze6] { padding: 12px 14px 6px; } }
/* /Components/Pages/TopicDetails/FiscalDeficitMonitor/FiscalDebtScenario.razor.rz.scp.css */
.scenario[b-lhbc54o0wp] { margin: 0 0 40px; padding: 28px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--paper); color: var(--ink); scroll-margin-top: 96px; }
.panel-heading[b-lhbc54o0wp] { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.eyebrow[b-lhbc54o0wp] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
h2[b-lhbc54o0wp] { margin: 0; font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.03em; }
h3[b-lhbc54o0wp] { margin: 0 0 4px; font-size: 16px; line-height: 1.35; }
.intro[b-lhbc54o0wp] { max-width: 820px; margin: 10px 0 22px; color: var(--ink-2); line-height: 1.6; }
.panel-empty[b-lhbc54o0wp] { margin: 0; color: var(--ink-3); }
.controls[b-lhbc54o0wp] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px 16px; padding: 20px; margin: 0 0 18px; border-radius: 10px; background: var(--ink); color: #d2e0e4; }
.controls label[b-lhbc54o0wp] { display: flex; flex-direction: column; gap: 7px; min-width: 0; font-size: 12.5px; font-weight: 600; }
.controls input[b-lhbc54o0wp], .controls select[b-lhbc54o0wp] { min-height: 42px; padding: 8px 12px; border: 1px solid #506671; border-radius: 4px; background: #213d4a; color: #f4f8f7; font: 600 14px var(--sans); font-variant-numeric: tabular-nums; }
.controls input:focus-visible[b-lhbc54o0wp], .controls select:focus-visible[b-lhbc54o0wp], .controls button:focus-visible[b-lhbc54o0wp] { outline: 2px solid #a9d8cc; outline-offset: 2px; }
.presets[b-lhbc54o0wp] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.presets button[b-lhbc54o0wp] { padding: 9px 12px; border: 1px solid #506671; border-radius: 5px; background: #213d4a; color: #f4f8f7; font: 600 12px var(--sans); cursor: pointer; }
.presets button:disabled[b-lhbc54o0wp] { opacity: .5; cursor: not-allowed; }
.preset-note[b-lhbc54o0wp] { grid-column: 1 / -1; margin: 0; color: #bed1d8; font-size: 11.5px; line-height: 1.5; }
.summary-grid[b-lhbc54o0wp] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 18px; }
.summary-grid article[b-lhbc54o0wp] { display: grid; gap: 6px; align-content: start; padding: 16px; border: 1px solid var(--rule); border-radius: var(--r-sm); background: var(--surface); }
.summary-grid span[b-lhbc54o0wp], .summary-grid small[b-lhbc54o0wp] { color: var(--ink-3); font-size: 11.5px; line-height: 1.45; }
.summary-grid strong[b-lhbc54o0wp] { font-size: 24px; font-weight: 750; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.reading[b-lhbc54o0wp] { margin: 0 0 20px; padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--surface); color: var(--ink-2); font-size: 14px; line-height: 1.7; }
.panel-card[b-lhbc54o0wp] { min-width: 0; padding: 20px 18px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--surface); }
.sub[b-lhbc54o0wp] { margin: 0 0 12px; color: var(--ink-3); font-size: 12px; line-height: 1.5; }
.calculation-detail[b-lhbc54o0wp] { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--paper-band); font-size: 12px; line-height: 1.55; }
summary[b-lhbc54o0wp] { color: var(--accent-deep); font-weight: 700; cursor: pointer; }
.calculation-detail p[b-lhbc54o0wp] { margin: 10px 0; color: var(--ink-2); }
.table-scroll[b-lhbc54o0wp] { max-width: 100%; overflow: auto; margin-top: 10px; }
table[b-lhbc54o0wp] { width: 100%; border-collapse: collapse; font-size: 11.5px; text-align: left; }
th[b-lhbc54o0wp], td[b-lhbc54o0wp] { padding: 7px 6px; border-bottom: 1px solid var(--paper-band); white-space: nowrap; font-variant-numeric: tabular-nums; }
.panel-footer[b-lhbc54o0wp] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; color: var(--ink-3); font-size: 12px; line-height: 1.55; }
.panel-footer p[b-lhbc54o0wp] { max-width: 820px; margin: 0; }
.copy-button[b-lhbc54o0wp] { padding: 9px 16px; border: 1px solid var(--accent); border-radius: 999px; color: var(--on-accent); background: var(--accent); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.copy-button:hover[b-lhbc54o0wp] { background: var(--accent-deep); }
.copy-status[b-lhbc54o0wp] { min-height: 1em; margin: 8px 0 0; color: var(--accent-deep); font-size: 12px; }
.copy-detail pre[b-lhbc54o0wp] { max-height: 320px; overflow: auto; padding: 12px; background: var(--surface); font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
button:focus-visible[b-lhbc54o0wp], summary:focus-visible[b-lhbc54o0wp], .table-scroll:focus-visible[b-lhbc54o0wp] { outline: none; box-shadow: var(--ring); }
@media (max-width: 1100px) { .controls[b-lhbc54o0wp] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .summary-grid[b-lhbc54o0wp] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .scenario[b-lhbc54o0wp] { padding: 20px 14px; } .controls[b-lhbc54o0wp], .summary-grid[b-lhbc54o0wp] { grid-template-columns: 1fr; } }
/* /Components/Pages/TopicDetails/FiscalDeficitMonitor/FiscalDeficitMonitor.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-szxsw9dq78] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-szxsw9dq78] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-szxsw9dq78] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-szxsw9dq78],
.eyebrow[b-szxsw9dq78] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-szxsw9dq78] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-szxsw9dq78] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-szxsw9dq78] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-szxsw9dq78] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-szxsw9dq78] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-szxsw9dq78] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-szxsw9dq78] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-szxsw9dq78] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-szxsw9dq78] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-szxsw9dq78] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-szxsw9dq78] { --metric-color: var(--neg); }
.metric-card.blue[b-szxsw9dq78] { --metric-color: var(--accent); }
.metric-card.green[b-szxsw9dq78] { --metric-color: var(--pos); }

.metric-heading[b-szxsw9dq78] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-szxsw9dq78] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-szxsw9dq78] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-szxsw9dq78] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-szxsw9dq78] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-szxsw9dq78] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-szxsw9dq78] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-szxsw9dq78] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-szxsw9dq78] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-szxsw9dq78] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-szxsw9dq78] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-szxsw9dq78] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-szxsw9dq78] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-szxsw9dq78] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-szxsw9dq78] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-szxsw9dq78] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-szxsw9dq78] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-szxsw9dq78] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-szxsw9dq78] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-szxsw9dq78],
.reset-filters:focus-visible[b-szxsw9dq78],
.range-selects select:focus-visible[b-szxsw9dq78],
.measure-toggle button:focus-visible[b-szxsw9dq78] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-szxsw9dq78] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-szxsw9dq78] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-szxsw9dq78] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-szxsw9dq78] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-szxsw9dq78] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-szxsw9dq78] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-szxsw9dq78] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-szxsw9dq78] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-szxsw9dq78] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-szxsw9dq78] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-szxsw9dq78] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-szxsw9dq78] {
    color: var(--on-accent);
    background: var(--ink-2);
}

.feature-insight-card[b-szxsw9dq78] {
    min-width: 0;
    padding: 16px 20px 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.feature-insight-card h2[b-szxsw9dq78] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.insight-list[b-szxsw9dq78] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0 18px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-szxsw9dq78] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list strong[b-szxsw9dq78] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-szxsw9dq78] {
    margin: 4px 0 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.inline-empty-state[b-szxsw9dq78] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

/* Supporting sections */
.chart-section + .chart-section[b-szxsw9dq78] {
    margin-top: 36px;
}

.section-heading[b-szxsw9dq78] {
    margin-bottom: 14px;
}

.section-heading h2[b-szxsw9dq78] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-szxsw9dq78] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-szxsw9dq78] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-szxsw9dq78] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-szxsw9dq78] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.commodity-columns[b-szxsw9dq78] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px 28px;
}

.commodity-columns h4[b-szxsw9dq78] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 13px;
}

.chart-callout[b-szxsw9dq78] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-szxsw9dq78] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-szxsw9dq78] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}



@media (max-width: 680px) {
    .topic-heading-row[b-szxsw9dq78] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-szxsw9dq78] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-szxsw9dq78] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-szxsw9dq78] {
        font-size: 24px;
    }

    .freshness li[b-szxsw9dq78] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-szxsw9dq78] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-szxsw9dq78] {
        grid-template-columns: 1fr;
    }
}

.country-selector[b-szxsw9dq78] { margin: 24px 0 0; padding: 0; border: 0; }
.sources-panel[b-szxsw9dq78] { padding-top: 30px; padding-bottom: 30px; color: var(--ink-2); line-height: 1.6; overflow-wrap: anywhere; }
.sources-panel p[b-szxsw9dq78], .sources-panel summary[b-szxsw9dq78] { font-size: 14px; }
.filter-panel select[b-szxsw9dq78] { width: 100%; padding: 10px; border: 1px solid var(--paper-deep); border-radius: var(--r-sm); color: var(--ink); background: var(--surface); }
/* /Components/Pages/TopicDetails/FiscalDeficitMonitor/FiscalRedFlags.razor.rz.scp.css */
.pressure-watch[b-eyhj9twduc] {
    margin: 0 0 40px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--paper);
    color: var(--ink);
    scroll-margin-top: 96px;
}

.pressure-heading[b-eyhj9twduc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
}

.eyebrow[b-eyhj9twduc] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-eyhj9twduc] {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.intro[b-eyhj9twduc] {
    max-width: 760px;
    margin: 10px 0 22px;
    color: var(--ink-2);
    line-height: 1.6;
}

.year-control[b-eyhj9twduc] {
    display: grid;
    flex-shrink: 0;
    gap: 6px;
    color: var(--ink-2);
    font-size: 13px;
    font-weight: 650;
}

select[b-eyhj9twduc] {
    min-width: 170px;
    padding: 10px 12px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 15px;
}

select:focus-visible[b-eyhj9twduc],
button:focus-visible[b-eyhj9twduc],
summary:focus-visible[b-eyhj9twduc],
a:focus-visible[b-eyhj9twduc],
.table-scroll:focus-visible[b-eyhj9twduc] {
    outline: none;
    box-shadow: var(--ring);
}

.pressure-grid[b-eyhj9twduc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 16px;
    align-items: start;
}

.pressure-card[b-eyhj9twduc] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px;
    border: 1px solid var(--rule);
    border-top: 4px solid var(--accent);
    border-radius: var(--r);
    background: var(--surface);
}

.pressure-card.crossed[b-eyhj9twduc] {
    border-top-color: var(--neg);
}

.card-top[b-eyhj9twduc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

h3[b-eyhj9twduc] {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
}

.reading-status[b-eyhj9twduc] {
    flex: none;
    padding: 3px 8px;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper-band);
    font-size: 11px;
    font-weight: 700;
}

.reading-status.crossed[b-eyhj9twduc] {
    color: var(--neg);
    background: var(--neg-tint);
}

.reading[b-eyhj9twduc] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    font-variant-numeric: tabular-nums;
}

.reading strong[b-eyhj9twduc] {
    font-size: var(--fs-stat);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.reading span[b-eyhj9twduc] {
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 600;
}

.threshold[b-eyhj9twduc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--neg);
    font-size: 12px;
    font-weight: 700;
}

.threshold i[b-eyhj9twduc] {
    width: 18px;
    border-top: 2px dashed var(--neg);
}

.threshold span[b-eyhj9twduc] {
    flex-basis: 100%;
    color: var(--ink-3);
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.45;
}

.screen-reading[b-eyhj9twduc] {
    margin: 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.calculation-detail[b-eyhj9twduc] {
    padding-top: 10px;
    border-top: 1px solid var(--paper-band);
    font-size: 12px;
    line-height: 1.55;
}

summary[b-eyhj9twduc] {
    color: var(--accent-deep);
    font-weight: 700;
    cursor: pointer;
}

.calculation-detail p[b-eyhj9twduc] {
    margin: 10px 0;
    color: var(--ink-2);
}

a[b-eyhj9twduc] {
    color: var(--accent-deep);
    text-underline-offset: 3px;
}

.table-scroll[b-eyhj9twduc] {
    max-width: 100%;
    max-height: 260px;
    overflow: auto;
    margin-top: 10px;
}

table[b-eyhj9twduc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11.5px;
    text-align: left;
}

caption[b-eyhj9twduc] {
    padding-bottom: 6px;
    color: var(--ink-2);
    font-weight: 700;
    text-align: left;
}

th[b-eyhj9twduc],
td[b-eyhj9twduc] {
    padding: 7px 6px;
    border-bottom: 1px solid var(--paper-band);
    vertical-align: top;
}

thead th[b-eyhj9twduc] {
    position: sticky;
    top: 0;
    background: var(--paper);
}

td:nth-child(2)[b-eyhj9twduc] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

small[b-eyhj9twduc] {
    display: block;
    margin-top: 3px;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.selected-row[b-eyhj9twduc] {
    background: var(--accent-wash);
}

.pressure-footer[b-eyhj9twduc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 20px;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.55;
}

.pressure-footer p[b-eyhj9twduc] {
    max-width: 820px;
    margin: 0;
}

.copy-button[b-eyhj9twduc] {
    padding: 9px 16px;
    border: 1px solid var(--accent);
    border-radius: 999px;
    color: var(--on-accent);
    background: var(--accent);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.copy-button:hover[b-eyhj9twduc] {
    background: var(--accent-deep);
}

.copy-status[b-eyhj9twduc] {
    min-height: 1em;
    margin: 8px 0 0;
    color: var(--accent-deep);
    font-size: 12px;
}

.copy-detail pre[b-eyhj9twduc] {
    max-height: 320px;
    overflow: auto;
    padding: 12px;
    background: var(--surface);
    font-size: 11px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 680px) {
    .pressure-watch[b-eyhj9twduc] {
        padding: 20px 14px;
    }

    .pressure-heading[b-eyhj9twduc] {
        flex-direction: column;
        gap: 0;
    }

    .year-control[b-eyhj9twduc] {
        width: 100%;
        margin-bottom: 16px;
    }
}
/* /Components/Pages/TopicDetails/GlobalCarSales/GlobalCarSales.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-a8ralugfhc] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-a8ralugfhc] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-a8ralugfhc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-a8ralugfhc],
.eyebrow[b-a8ralugfhc] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-a8ralugfhc] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-a8ralugfhc] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-a8ralugfhc] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-a8ralugfhc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-a8ralugfhc] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-a8ralugfhc] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-a8ralugfhc] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-a8ralugfhc] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-a8ralugfhc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-a8ralugfhc] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-a8ralugfhc] { --metric-color: var(--neg); }
.metric-card.blue[b-a8ralugfhc] { --metric-color: var(--accent); }
.metric-card.green[b-a8ralugfhc] { --metric-color: var(--pos); }

.metric-heading[b-a8ralugfhc] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-a8ralugfhc] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-a8ralugfhc] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-a8ralugfhc] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-a8ralugfhc] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-a8ralugfhc] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-a8ralugfhc] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-a8ralugfhc] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-a8ralugfhc] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-a8ralugfhc] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-a8ralugfhc] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-a8ralugfhc] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-a8ralugfhc] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-a8ralugfhc] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-a8ralugfhc] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-a8ralugfhc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-a8ralugfhc] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-a8ralugfhc] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-a8ralugfhc] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-a8ralugfhc],
.reset-filters:focus-visible[b-a8ralugfhc],
.range-selects select:focus-visible[b-a8ralugfhc],
.measure-toggle button:focus-visible[b-a8ralugfhc] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-a8ralugfhc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-a8ralugfhc] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-a8ralugfhc] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-a8ralugfhc] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-a8ralugfhc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-a8ralugfhc] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-a8ralugfhc] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-a8ralugfhc] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-a8ralugfhc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

/* A wide table inside a card scrolls in its own box instead of stretching the card past the screen. */
.feature-layout[b-a8ralugfhc] >  .topic-chart-card,
.chart-grid[b-a8ralugfhc] >  .topic-chart-card {
    min-width: 0;
}

.measure-toggle[b-a8ralugfhc] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-a8ralugfhc] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-a8ralugfhc] {
    color: var(--on-accent);
    background: var(--ink-2);
}

.feature-insight-card[b-a8ralugfhc] {
    min-width: 0;
    padding: 16px 20px 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.feature-insight-card h2[b-a8ralugfhc] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.insight-list[b-a8ralugfhc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0 18px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-a8ralugfhc] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list strong[b-a8ralugfhc] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-a8ralugfhc] {
    margin: 4px 0 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.inline-empty-state[b-a8ralugfhc] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

/* Supporting sections */
.chart-section + .chart-section[b-a8ralugfhc] {
    margin-top: 36px;
}

.section-heading[b-a8ralugfhc] {
    margin-bottom: 14px;
}

.section-heading h2[b-a8ralugfhc] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-a8ralugfhc] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-a8ralugfhc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-a8ralugfhc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-a8ralugfhc] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.chart-callout[b-a8ralugfhc] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-a8ralugfhc] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-a8ralugfhc] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}



@media (max-width: 680px) {
    .topic-heading-row[b-a8ralugfhc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-a8ralugfhc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-a8ralugfhc] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-a8ralugfhc] {
        font-size: 24px;
    }

    .freshness li[b-a8ralugfhc] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-a8ralugfhc] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-a8ralugfhc] {
        grid-template-columns: 1fr;
    }
}

.sources-panel[b-a8ralugfhc] { padding-top: 30px; padding-bottom: 30px; color: var(--ink-2); line-height: 1.6; overflow-wrap: anywhere; }
.sources-panel p[b-a8ralugfhc], .sources-panel summary[b-a8ralugfhc] { font-size: 14px; }
.filter-panel select[b-a8ralugfhc] { width: 100%; padding: 10px; border: 1px solid var(--paper-deep); border-radius: var(--r-sm); color: var(--ink); background: var(--surface); }

/* Shared additions from the India tax collections page */
fieldset.dashboard-filter-block[b-a8ralugfhc] {
    min-width: 0;
}

.metric-sub[b-a8ralugfhc] {
    font-variant-numeric: tabular-nums;
}

.upcoming-title[b-a8ralugfhc] {
    margin: 16px 0 6px;
    color: var(--ink);
    font-size: 14px;
}

.upcoming-list[b-a8ralugfhc] {
    margin: 0;
    padding-left: 18px;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.6;
}

/* Shared additions from the India stock market weekly page */

.filter-panel label.filter-label[b-a8ralugfhc] {
    display: block;
}

.chart-grid[b-a8ralugfhc] >  .topic-chart-card.wide-card {
    grid-column: 1 / -1;
}


.table-scroll[b-a8ralugfhc] {
    max-width: 100%;
    overflow-x: auto;
    /* Its width comes from the card, never from the table inside, which scrolls instead. */
    contain: inline-size;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.table-scroll table[b-a8ralugfhc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.table-scroll th[b-a8ralugfhc],
.table-scroll td[b-a8ralugfhc] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.table-scroll thead th[b-a8ralugfhc] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: bottom;
    background: var(--paper);
}

.table-scroll th[scope="row"][b-a8ralugfhc],
.table-scroll thead th:first-child[b-a8ralugfhc] {
    position: sticky;
    left: 0;
    z-index: 1;
    text-align: left;
    color: var(--ink);
    font-weight: 700;
    background: var(--surface);
}

.table-scroll thead th:first-child[b-a8ralugfhc] {
    background: var(--paper);
}

.table-scroll td small[b-a8ralugfhc],
.table-scroll th small[b-a8ralugfhc] {
    margin-left: 4px;
    color: var(--ink-3);
    font-weight: 500;
}

.market-table td:nth-child(2)[b-a8ralugfhc] {
    text-align: left;
    white-space: normal;
    color: var(--ink-2);
}

.market-table caption[b-a8ralugfhc] {
    padding: 8px 10px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.total-row th[b-a8ralugfhc],
.total-row td[b-a8ralugfhc] {
    background: var(--paper);
    font-weight: 650;
}

.pos[b-a8ralugfhc] { color: var(--pos); }
.neg[b-a8ralugfhc] { color: var(--neg); }
.missing[b-a8ralugfhc] { color: var(--ink-3); }

/* ---- Global car sales additions ------------------------------------------------------------- */

.section-intro[b-a8ralugfhc] {
    max-width: 900px;
    margin: -4px 0 14px;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.55;
}

.car-table caption[b-a8ralugfhc] {
    padding: 8px 10px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.car-table td:nth-child(2)[b-a8ralugfhc] {
    color: var(--ink-2);
}

.muted-row th[b-a8ralugfhc],
.muted-row td[b-a8ralugfhc] {
    color: var(--ink-3);
}

.grey[b-a8ralugfhc] { color: var(--ink-3); }

/* Drill-down cards: a sentence, then charts that answer "what is behind this bar". */
.drill-lede[b-a8ralugfhc] { margin: 0 0 14px; font-size: 15px; line-height: 1.55; color: var(--ink); max-width: 72ch; }
.drill-heading[b-a8ralugfhc] { margin: 18px 0 4px; font-size: 14px; font-weight: 700; color: var(--ink); }
.drill-sub[b-a8ralugfhc] { margin: 0 0 10px; font-size: 12.5px; line-height: 1.5; color: var(--ink-3); max-width: 72ch; }
.drill-columns[b-a8ralugfhc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.drill-columns > div[b-a8ralugfhc] { min-width: 0; }
.drill-chips[b-a8ralugfhc] { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.drill-chips button[b-a8ralugfhc], .drill-action[b-a8ralugfhc] {
    font: inherit; font-size: 12.5px; font-weight: 600; padding: 5px 12px; border-radius: 999px; cursor: pointer;
    border: 1px solid var(--rule-2); background: var(--surface); color: var(--ink-2);
}
.drill-chips button[aria-pressed="true"][b-a8ralugfhc] { background: var(--ink); border-color: var(--ink); color: var(--on-accent); }
.drill-action[b-a8ralugfhc] { border-color: var(--accent); color: var(--accent); }
.drill-table[b-a8ralugfhc] { margin-top: 6px; }
@media (max-width: 900px) {
    .drill-columns[b-a8ralugfhc] { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
/* /Components/Pages/TopicDetails/GlobalOilGas/GlobalOilGas.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-vk5s2t63yd] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-vk5s2t63yd] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-vk5s2t63yd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-vk5s2t63yd],
.eyebrow[b-vk5s2t63yd] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-vk5s2t63yd] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-vk5s2t63yd] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-vk5s2t63yd] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-vk5s2t63yd] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-vk5s2t63yd] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-vk5s2t63yd] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-vk5s2t63yd] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-vk5s2t63yd] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-vk5s2t63yd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-vk5s2t63yd] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-vk5s2t63yd] { --metric-color: var(--neg); }
.metric-card.blue[b-vk5s2t63yd] { --metric-color: var(--accent); }
.metric-card.green[b-vk5s2t63yd] { --metric-color: var(--pos); }

.metric-heading[b-vk5s2t63yd] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-vk5s2t63yd] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-vk5s2t63yd] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-vk5s2t63yd] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-vk5s2t63yd] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-vk5s2t63yd] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-vk5s2t63yd] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-vk5s2t63yd] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-vk5s2t63yd] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-vk5s2t63yd] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-vk5s2t63yd] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-vk5s2t63yd] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-vk5s2t63yd] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-vk5s2t63yd] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-vk5s2t63yd] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-vk5s2t63yd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-vk5s2t63yd] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-vk5s2t63yd] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-vk5s2t63yd] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-vk5s2t63yd],
.reset-filters:focus-visible[b-vk5s2t63yd],
.range-selects select:focus-visible[b-vk5s2t63yd],
.measure-toggle button:focus-visible[b-vk5s2t63yd] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-vk5s2t63yd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-vk5s2t63yd] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-vk5s2t63yd] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-vk5s2t63yd] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-vk5s2t63yd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-vk5s2t63yd] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-vk5s2t63yd] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-vk5s2t63yd] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-vk5s2t63yd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

/* A wide table inside a card scrolls in its own box instead of stretching the card past the screen. */
.feature-layout[b-vk5s2t63yd] >  .topic-chart-card,
.chart-grid[b-vk5s2t63yd] >  .topic-chart-card {
    min-width: 0;
}

.measure-toggle[b-vk5s2t63yd] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-vk5s2t63yd] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-vk5s2t63yd] {
    color: var(--on-accent);
    background: var(--ink-2);
}

.feature-insight-card[b-vk5s2t63yd] {
    min-width: 0;
    padding: 16px 20px 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.feature-insight-card h2[b-vk5s2t63yd] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.insight-list[b-vk5s2t63yd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0 18px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-vk5s2t63yd] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list strong[b-vk5s2t63yd] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-vk5s2t63yd] {
    margin: 4px 0 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.inline-empty-state[b-vk5s2t63yd] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

/* Supporting sections */
.chart-section + .chart-section[b-vk5s2t63yd] {
    margin-top: 36px;
}

.section-heading[b-vk5s2t63yd] {
    margin-bottom: 14px;
}

.section-heading h2[b-vk5s2t63yd] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-vk5s2t63yd] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-vk5s2t63yd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-vk5s2t63yd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-vk5s2t63yd] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.chart-callout[b-vk5s2t63yd] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-vk5s2t63yd] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-vk5s2t63yd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}



@media (max-width: 680px) {
    .topic-heading-row[b-vk5s2t63yd] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-vk5s2t63yd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-vk5s2t63yd] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-vk5s2t63yd] {
        font-size: 24px;
    }

    .freshness li[b-vk5s2t63yd] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-vk5s2t63yd] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-vk5s2t63yd] {
        grid-template-columns: 1fr;
    }
}

.sources-panel[b-vk5s2t63yd] { padding-top: 30px; padding-bottom: 30px; color: var(--ink-2); line-height: 1.6; overflow-wrap: anywhere; }
.sources-panel p[b-vk5s2t63yd], .sources-panel summary[b-vk5s2t63yd] { font-size: 14px; }
.filter-panel select[b-vk5s2t63yd] { width: 100%; padding: 10px; border: 1px solid var(--paper-deep); border-radius: var(--r-sm); color: var(--ink); background: var(--surface); }

/* Shared additions from the India tax collections page */
fieldset.dashboard-filter-block[b-vk5s2t63yd] {
    min-width: 0;
}

.metric-sub[b-vk5s2t63yd] {
    font-variant-numeric: tabular-nums;
}

.upcoming-title[b-vk5s2t63yd] {
    margin: 16px 0 6px;
    color: var(--ink);
    font-size: 14px;
}

.upcoming-list[b-vk5s2t63yd] {
    margin: 0;
    padding-left: 18px;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.6;
}

/* Shared additions from the India stock market weekly page */

.filter-panel label.filter-label[b-vk5s2t63yd] {
    display: block;
}

.chart-grid[b-vk5s2t63yd] >  .topic-chart-card.wide-card {
    grid-column: 1 / -1;
}


.table-scroll[b-vk5s2t63yd] {
    max-width: 100%;
    overflow-x: auto;
    /* Its width comes from the card, never from the table inside, which scrolls instead. */
    contain: inline-size;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.table-scroll table[b-vk5s2t63yd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.table-scroll th[b-vk5s2t63yd],
.table-scroll td[b-vk5s2t63yd] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.table-scroll thead th[b-vk5s2t63yd] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: bottom;
    background: var(--paper);
}

.table-scroll th[scope="row"][b-vk5s2t63yd],
.table-scroll thead th:first-child[b-vk5s2t63yd] {
    position: sticky;
    left: 0;
    z-index: 1;
    text-align: left;
    color: var(--ink);
    font-weight: 700;
    background: var(--surface);
}

.table-scroll thead th:first-child[b-vk5s2t63yd] {
    background: var(--paper);
}

.table-scroll td small[b-vk5s2t63yd],
.table-scroll th small[b-vk5s2t63yd] {
    margin-left: 4px;
    color: var(--ink-3);
    font-weight: 500;
}


/* ---- Global oil and gas ---------------------------------------------------------------------------------------- */
.visually-hidden[b-vk5s2t63yd] {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.card-select[b-vk5s2t63yd] {
    padding: 6px 10px; border: 1px solid var(--rule-2); border-radius: 8px; background: var(--surface);
    color: var(--ink); font: inherit; font-size: 13px; max-width: 220px;
}

.verdict[b-vk5s2t63yd] {
    margin: 0 0 14px; padding: 12px 16px; border-left: 4px solid var(--d-4); background: var(--paper-band);
    border-radius: 0 8px 8px 0; font-size: 15px; line-height: 1.6; color: var(--ink); max-width: 90ch;
}

.oil-table caption[b-vk5s2t63yd] { caption-side: top; text-align: left; font-size: 12.5px; color: var(--ink-3); padding-bottom: 6px; }
.oil-table td small[b-vk5s2t63yd], .oil-table th small[b-vk5s2t63yd] { display: block; font-weight: 400; color: var(--ink-3); }
.oil-table td.neg[b-vk5s2t63yd] { color: var(--neg); font-weight: 600; }
.oil-table td.pos[b-vk5s2t63yd] { color: var(--pos); font-weight: 600; }
.oil-table tr.total-row th[b-vk5s2t63yd], .oil-table tr.total-row td[b-vk5s2t63yd] { font-weight: 700; border-top: 1px solid var(--rule-2); }

.event-list[b-vk5s2t63yd] { margin: 8px 0 0; padding-left: 18px; display: grid; gap: 4px; font-size: 13px; color: var(--ink-2); line-height: 1.5; }
.event-list strong[b-vk5s2t63yd] { color: var(--ink); margin-right: 4px; }
.event-list a[b-vk5s2t63yd] { color: var(--ink-3); }

.map-pick[b-vk5s2t63yd] { margin: 10px 0 0; font-size: 14px; color: var(--ink-2); line-height: 1.5; }
.map-pick a[b-vk5s2t63yd] { color: var(--ink-3); }

@media (max-width: 600px) {
    .card-select[b-vk5s2t63yd] { max-width: 100%; width: 100%; }
}
/* /Components/Pages/TopicDetails/GlobalOilGas/OilBubbleMap.razor.rz.scp.css */
.oil-map-frame[b-nx55h05kn6] { display: grid; gap: 0.6rem; }

.oil-map-heading[b-nx55h05kn6] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 0.9rem; }
.oil-map-period[b-nx55h05kn6] { font-size: 1.35rem; color: var(--ink); font-variant-numeric: tabular-nums; }
.oil-map-world[b-nx55h05kn6] { color: var(--ink-3); font-size: 0.9rem; }

.oil-map[b-nx55h05kn6] { position: relative; width: 100%; border-radius: 10px; background: var(--paper-band); overflow: hidden; }
.oil-map-land[b-nx55h05kn6] { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; user-select: none; }
.oil-map svg[b-nx55h05kn6] { position: absolute; inset: 0; width: 100%; height: 100%; }

.oil-bubble[b-nx55h05kn6] { cursor: pointer; outline: none; }
.oil-bubble circle[b-nx55h05kn6] { stroke-width: 1.2; transition: r 0.45s ease; vector-effect: non-scaling-stroke; }
.oil-bubble.gulf circle[b-nx55h05kn6] { fill: color-mix(in srgb, var(--d-4) 55%, transparent); stroke: var(--d-4); }
.oil-bubble.other circle[b-nx55h05kn6] { fill: color-mix(in srgb, var(--d-1) 45%, transparent); stroke: var(--d-1); }
.oil-bubble.loss circle[b-nx55h05kn6] { fill: none; stroke: var(--d-4); stroke-dasharray: 3 2; stroke-width: 1.6; }
.oil-bubble:hover circle[b-nx55h05kn6], .oil-bubble:focus-visible circle[b-nx55h05kn6], .oil-bubble.selected circle[b-nx55h05kn6] { stroke: var(--ink); stroke-width: 2.2; }
.oil-bubble text[b-nx55h05kn6] { font-size: 11px; fill: var(--ink-2); paint-order: stroke; stroke: var(--surface); stroke-width: 3px; pointer-events: none; }

.oil-map-legend[b-nx55h05kn6] { display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; color: var(--ink-3); font-size: 0.85rem; }
.oil-map-legend .key[b-nx55h05kn6] { display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; margin-right: 0.35rem; vertical-align: -0.1rem; }
.oil-map-legend .key.gulf[b-nx55h05kn6] { background: color-mix(in srgb, var(--d-4) 55%, transparent); border: 1px solid var(--d-4); }
.oil-map-legend .key.other[b-nx55h05kn6] { background: color-mix(in srgb, var(--d-1) 45%, transparent); border: 1px solid var(--d-1); }
.oil-map-legend .key.loss[b-nx55h05kn6] { border: 1.5px dashed var(--d-4); }
.oil-map-legend .size-key[b-nx55h05kn6] { flex-basis: 100%; }

.oil-map-slider[b-nx55h05kn6] { display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: 0.5rem; }
.oil-map-slider input[type=range][b-nx55h05kn6] { width: 100%; accent-color: var(--accent-bright); }
.oil-map-slider .slider-ends[b-nx55h05kn6] { grid-column: 3; display: flex; justify-content: space-between; color: var(--ink-3); font-size: 0.8rem; }
.slider-step[b-nx55h05kn6], .slider-play[b-nx55h05kn6] {
    border: 1px solid var(--rule-2); background: var(--surface); color: var(--ink); border-radius: 999px;
    padding: 0.2rem 0.75rem; font: inherit; cursor: pointer; min-height: 2rem;
}
.slider-step:disabled[b-nx55h05kn6] { color: var(--ink-4); cursor: default; }
.slider-play[aria-pressed=true][b-nx55h05kn6] { background: var(--accent-tint); border-color: var(--accent); }

.oil-map-empty[b-nx55h05kn6] { padding: 2rem; color: var(--ink-3); text-align: center; }

@media (max-width: 600px) {
    .oil-bubble text[b-nx55h05kn6] { font-size: 16px; }
    .oil-map-period[b-nx55h05kn6] { font-size: 1.1rem; }
}
/* /Components/Pages/TopicDetails/IndiaBalanceOfPayments/IndiaBalanceOfPayments.razor.rz.scp.css */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-nq6dy7zmm2] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-nq6dy7zmm2] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-nq6dy7zmm2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-nq6dy7zmm2],
.eyebrow[b-nq6dy7zmm2] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-nq6dy7zmm2] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-nq6dy7zmm2] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-nq6dy7zmm2] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-nq6dy7zmm2] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-nq6dy7zmm2] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-nq6dy7zmm2] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-nq6dy7zmm2] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-nq6dy7zmm2] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-nq6dy7zmm2] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-nq6dy7zmm2] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-nq6dy7zmm2] { --metric-color: var(--neg); }
.metric-card.blue[b-nq6dy7zmm2] { --metric-color: var(--accent); }
.metric-card.green[b-nq6dy7zmm2] { --metric-color: var(--pos); }

.metric-heading[b-nq6dy7zmm2] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-nq6dy7zmm2] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-nq6dy7zmm2] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-nq6dy7zmm2] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-nq6dy7zmm2] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-nq6dy7zmm2] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-nq6dy7zmm2] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-nq6dy7zmm2] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-nq6dy7zmm2] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-nq6dy7zmm2] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-nq6dy7zmm2] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-nq6dy7zmm2] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-nq6dy7zmm2] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-nq6dy7zmm2] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-nq6dy7zmm2] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-nq6dy7zmm2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-nq6dy7zmm2] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-nq6dy7zmm2] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-nq6dy7zmm2] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-nq6dy7zmm2],
.reset-filters:focus-visible[b-nq6dy7zmm2],
.range-selects select:focus-visible[b-nq6dy7zmm2],
.measure-toggle button:focus-visible[b-nq6dy7zmm2] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-nq6dy7zmm2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-nq6dy7zmm2] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-nq6dy7zmm2] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-nq6dy7zmm2] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-nq6dy7zmm2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-nq6dy7zmm2] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-nq6dy7zmm2] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-nq6dy7zmm2] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-nq6dy7zmm2] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-nq6dy7zmm2] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-nq6dy7zmm2] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-nq6dy7zmm2] {
    color: var(--on-accent);
    background: var(--ink-2);
}

/* Supporting sections */
.chart-section + .chart-section[b-nq6dy7zmm2] {
    margin-top: 36px;
}

.section-heading[b-nq6dy7zmm2] {
    margin-bottom: 14px;
}

.section-heading h2[b-nq6dy7zmm2] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-nq6dy7zmm2] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-nq6dy7zmm2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-nq6dy7zmm2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-nq6dy7zmm2] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

/* The line-by-line explorers need the full width for their four columns. */
.chart-grid[b-nq6dy7zmm2] >  .topic-chart-card.wide-card {
    grid-column: 1 / -1;
}

.measure-toggle.in-controls[b-nq6dy7zmm2] {
    margin-bottom: 0;
}

.commodity-columns[b-nq6dy7zmm2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px 28px;
}

.commodity-columns h4[b-nq6dy7zmm2] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 13px;
}

.chart-callout[b-nq6dy7zmm2] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-nq6dy7zmm2] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-nq6dy7zmm2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .topic-heading-row[b-nq6dy7zmm2] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-nq6dy7zmm2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-nq6dy7zmm2] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-nq6dy7zmm2] {
        font-size: 24px;
    }

    .freshness li[b-nq6dy7zmm2] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-nq6dy7zmm2] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-nq6dy7zmm2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TopicDetails/IndiaBalanceOfPayments/IndiaBopFinancingCard.razor.rz.scp.css */
.period-picker[b-vguncwbo0d] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 700;
}

.period-picker select[b-vguncwbo0d] {
    padding: 6px 10px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.period-picker select:focus-visible[b-vguncwbo0d] {
    outline: none;
    box-shadow: var(--ring);
}

.identity-note[b-vguncwbo0d] {
    margin: 10px 0 0;
    color: var(--ink-3);
    font-size: 12px;
}

.financing-empty[b-vguncwbo0d] {
    padding: 18px;
    border: 1px dashed var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink-3);
    text-align: center;
}
/* /Components/Pages/TopicDetails/IndiaBalanceOfPayments/IndiaBopLineExplorer.razor.rz.scp.css */
/* The balance-of-payments ladder, in the forex-reserves explorer's pattern: compact rows, two readings
   per row, one bar. Receipts and inflows are green and payments and outflows red, as on the rest of the page. */
.bop-seg[b-dtuqq3r8c1] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--rule);
    border-radius: 8px;
    background: var(--paper-band);
}

.bop-seg button[b-dtuqq3r8c1] {
    padding: 6px 12px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--ink-2);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.bop-seg button:disabled[b-dtuqq3r8c1] {
    color: var(--ink-4);
    cursor: not-allowed;
}

.bop-seg button[aria-pressed="true"][b-dtuqq3r8c1] {
    background: var(--surface);
    color: var(--accent);
    font-weight: 650;
    box-shadow: 0 1px 2px rgba(31, 38, 48, .09);
}

.bop-seg button:focus-visible[b-dtuqq3r8c1],
.bop-crumbs button:focus-visible[b-dtuqq3r8c1],
.bop-row:focus-visible[b-dtuqq3r8c1] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.bop-crumbs[b-dtuqq3r8c1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 7px;
    margin-bottom: 8px;
    font-size: 13px;
}

.bop-crumbs button[b-dtuqq3r8c1] {
    padding: 2px 0;
    border: 0;
    background: none;
    color: var(--accent);
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: var(--accent-tint);
    text-underline-offset: 3px;
}

.bop-crumbs button:hover[b-dtuqq3r8c1] { text-decoration-color: var(--accent); }
.bop-crumbs .sep[b-dtuqq3r8c1] { color: var(--ink-4); }
.bop-crumbs [aria-current][b-dtuqq3r8c1] { color: var(--ink); font-weight: 650; }

.bop-context[b-dtuqq3r8c1] {
    margin: 0 0 10px;
    color: var(--ink-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.bop-context:focus[b-dtuqq3r8c1] { outline: none; }

.bop-empty[b-dtuqq3r8c1] {
    margin: 0;
    color: var(--ink-3);
}

.bop-ladder[b-dtuqq3r8c1] {
    display: grid;
    gap: 1px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bop-row[b-dtuqq3r8c1],
.bop-colhead[b-dtuqq3r8c1] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) 7.4rem minmax(6rem, 1.3fr) 8.6rem;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
}

button.bop-row[b-dtuqq3r8c1] { cursor: pointer; }

button.bop-row:hover[b-dtuqq3r8c1] {
    border-color: var(--accent-tint);
    background: var(--accent-wash);
}

.bop-colhead[b-dtuqq3r8c1] {
    padding: 0 8px 6px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.25;
}

.bop-colhead span:nth-child(2)[b-dtuqq3r8c1],
.bop-colhead span:nth-child(4)[b-dtuqq3r8c1] { text-align: right; }
.bop-colhead span:nth-child(3)[b-dtuqq3r8c1] { font-weight: 550; }

.bop-colhead small[b-dtuqq3r8c1] {
    display: block;
    font-weight: 550;
}

.bop-row .name[b-dtuqq3r8c1] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1px 7px;
    min-width: 0;
    color: var(--ink);
    font-size: 13.5px;
    font-weight: 600;
}

.bop-row .label[b-dtuqq3r8c1] { overflow-wrap: anywhere; }

.bop-row .arrow[b-dtuqq3r8c1] {
    color: var(--accent);
    font-weight: 700;
}

.bop-row .meta[b-dtuqq3r8c1] {
    flex-basis: 100%;
    color: var(--ink-3);
    font-size: 11.5px;
    font-weight: 450;
    line-height: 1.35;
}

.bop-row .now[b-dtuqq3r8c1],
.bop-row .then[b-dtuqq3r8c1] {
    color: var(--ink);
    font-size: 13.5px;
    font-weight: 650;
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.bop-row .now.neg[b-dtuqq3r8c1],
.bop-row .then small.neg[b-dtuqq3r8c1],
.bop-table td.neg[b-dtuqq3r8c1] { color: var(--neg); }
.bop-row .now.pos[b-dtuqq3r8c1],
.bop-row .then small.pos[b-dtuqq3r8c1],
.bop-table td.pos[b-dtuqq3r8c1] { color: var(--pos); }

.bop-row .then span[b-dtuqq3r8c1] { display: block; color: var(--ink-2); font-weight: 550; }

.bop-row.remainder .label[b-dtuqq3r8c1] { color: var(--ink-3); font-weight: 550; }

.bop-row .then small[b-dtuqq3r8c1] {
    display: block;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 550;
}

.bop-row .track[b-dtuqq3r8c1] {
    position: relative;
    height: 12px;
    border-radius: 3px;
    background: var(--paper);
}

.bop-row .zero[b-dtuqq3r8c1] {
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 1px;
    background: var(--ink-4);
}

.bop-row .bar[b-dtuqq3r8c1] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    transition: left .18s ease, width .18s ease;
}

.bop-row .bar.up[b-dtuqq3r8c1] { background: #058e7a; }
.bop-row .bar.down[b-dtuqq3r8c1] { background: #bb684f; }

.bop-note[b-dtuqq3r8c1] {
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 1px solid var(--paper-deep);
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.55;
}

.bop-table-scroll[b-dtuqq3r8c1] {
    overflow-x: auto;
    max-width: 100%;
}

.bop-table[b-dtuqq3r8c1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.bop-table caption[b-dtuqq3r8c1] {
    margin-bottom: 8px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.bop-table th[b-dtuqq3r8c1],
.bop-table td[b-dtuqq3r8c1] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.bop-table th[scope="row"][b-dtuqq3r8c1],
.bop-table thead th:first-child[b-dtuqq3r8c1] {
    text-align: left;
    white-space: normal;
}

.bop-table .total-row th[b-dtuqq3r8c1],
.bop-table .total-row td[b-dtuqq3r8c1],
.bop-table .remainder-row th[b-dtuqq3r8c1],
.bop-table .remainder-row td[b-dtuqq3r8c1] { color: var(--ink-3); font-weight: 500; }

@media (max-width: 800px) {
    .bop-row[b-dtuqq3r8c1],
    .bop-colhead[b-dtuqq3r8c1] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        row-gap: 5px;
    }

    .bop-row .track[b-dtuqq3r8c1] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .bop-row .now[b-dtuqq3r8c1]::before,
    .bop-row .then[b-dtuqq3r8c1]::before {
        display: block;
        color: var(--ink-3);
        font-size: 10px;
        font-weight: 650;
    }

    .bop-row .now[b-dtuqq3r8c1]::before { content: "This period"; }
    .bop-row .then[b-dtuqq3r8c1]::before { content: "A year earlier"; }
    .bop-colhead[b-dtuqq3r8c1] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .bop-row .bar[b-dtuqq3r8c1] { transition: none; }
}
/* /Components/Pages/TopicDetails/IndiaBalanceOfPayments/IndiaBopPressureWatch.razor.rz.scp.css */
.pressure-watch[b-ehnr5l5gg8] {
    margin: 0 0 40px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--paper);
    color: var(--ink);
    scroll-margin-top: 96px;
}

.pressure-heading[b-ehnr5l5gg8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
}

.eyebrow[b-ehnr5l5gg8] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-ehnr5l5gg8] {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.intro[b-ehnr5l5gg8] {
    max-width: 760px;
    margin: 10px 0 22px;
    color: var(--ink-2);
    line-height: 1.6;
}

.year-control[b-ehnr5l5gg8] {
    display: grid;
    flex-shrink: 0;
    gap: 6px;
    color: var(--ink-2);
    font-size: 13px;
    font-weight: 650;
}

select[b-ehnr5l5gg8] {
    min-width: 170px;
    padding: 10px 12px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 15px;
}

select:focus-visible[b-ehnr5l5gg8],
button:focus-visible[b-ehnr5l5gg8],
summary:focus-visible[b-ehnr5l5gg8],
a:focus-visible[b-ehnr5l5gg8],
.table-scroll:focus-visible[b-ehnr5l5gg8] {
    outline: none;
    box-shadow: var(--ring);
}

.pressure-grid[b-ehnr5l5gg8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 16px;
    align-items: start;
}

.pressure-card[b-ehnr5l5gg8] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px;
    border: 1px solid var(--rule);
    border-top: 4px solid var(--accent);
    border-radius: var(--r);
    background: var(--surface);
}

.pressure-card.crossed[b-ehnr5l5gg8] {
    border-top-color: var(--neg);
}

.card-top[b-ehnr5l5gg8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

h3[b-ehnr5l5gg8] {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
}

.reading-status[b-ehnr5l5gg8] {
    flex: none;
    padding: 3px 8px;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper-band);
    font-size: 11px;
    font-weight: 700;
}

.reading-status.crossed[b-ehnr5l5gg8] {
    color: var(--neg);
    background: var(--neg-tint);
}

.reading[b-ehnr5l5gg8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    font-variant-numeric: tabular-nums;
}

.reading strong[b-ehnr5l5gg8] {
    font-size: var(--fs-stat);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.reading span[b-ehnr5l5gg8] {
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 600;
}

.threshold[b-ehnr5l5gg8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--neg);
    font-size: 12px;
    font-weight: 700;
}

.threshold i[b-ehnr5l5gg8] {
    width: 18px;
    border-top: 2px dashed var(--neg);
}

.threshold span[b-ehnr5l5gg8] {
    flex-basis: 100%;
    color: var(--ink-3);
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.45;
}

.screen-reading[b-ehnr5l5gg8] {
    margin: 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.calculation-detail[b-ehnr5l5gg8] {
    padding-top: 10px;
    border-top: 1px solid var(--paper-band);
    font-size: 12px;
    line-height: 1.55;
}

summary[b-ehnr5l5gg8] {
    color: var(--accent-deep);
    font-weight: 700;
    cursor: pointer;
}

.calculation-detail p[b-ehnr5l5gg8] {
    margin: 10px 0;
    color: var(--ink-2);
}

a[b-ehnr5l5gg8] {
    color: var(--accent-deep);
    text-underline-offset: 3px;
}

.table-scroll[b-ehnr5l5gg8] {
    max-width: 100%;
    max-height: 260px;
    overflow: auto;
    margin-top: 10px;
}

table[b-ehnr5l5gg8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11.5px;
    text-align: left;
}

caption[b-ehnr5l5gg8] {
    padding-bottom: 6px;
    color: var(--ink-2);
    font-weight: 700;
    text-align: left;
}

th[b-ehnr5l5gg8],
td[b-ehnr5l5gg8] {
    padding: 7px 6px;
    border-bottom: 1px solid var(--paper-band);
    vertical-align: top;
}

thead th[b-ehnr5l5gg8] {
    position: sticky;
    top: 0;
    background: var(--paper);
}

td:nth-child(2)[b-ehnr5l5gg8] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

small[b-ehnr5l5gg8] {
    display: block;
    margin-top: 3px;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.selected-row[b-ehnr5l5gg8] {
    background: var(--accent-wash);
}

.pressure-footer[b-ehnr5l5gg8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 20px;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.55;
}

.pressure-footer p[b-ehnr5l5gg8] {
    max-width: 820px;
    margin: 0;
}

.copy-button[b-ehnr5l5gg8] {
    padding: 9px 16px;
    border: 1px solid var(--accent);
    border-radius: 999px;
    color: var(--on-accent);
    background: var(--accent);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.copy-button:hover[b-ehnr5l5gg8] {
    background: var(--accent-deep);
}

.copy-status[b-ehnr5l5gg8] {
    min-height: 1em;
    margin: 8px 0 0;
    color: var(--accent-deep);
    font-size: 12px;
}

.copy-detail pre[b-ehnr5l5gg8] {
    max-height: 320px;
    overflow: auto;
    padding: 12px;
    background: var(--surface);
    font-size: 11px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 680px) {
    .pressure-watch[b-ehnr5l5gg8] {
        padding: 20px 14px;
    }

    .pressure-heading[b-ehnr5l5gg8] {
        flex-direction: column;
        gap: 0;
    }

    .year-control[b-ehnr5l5gg8] {
        width: 100%;
        margin-bottom: 16px;
    }
}
/* /Components/Pages/TopicDetails/IndiaBalanceOfPayments/IndiaBopRevisionsPanel.razor.rz.scp.css */
.revisions[b-y82l5givgw] {
    margin: 0 0 40px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--surface);
    scroll-margin-top: 96px;
}

.eyebrow[b-y82l5givgw] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-y82l5givgw] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.intro[b-y82l5givgw] {
    max-width: 780px;
    margin: 10px 0 20px;
    color: var(--ink-2);
    line-height: 1.6;
}

.table-scroll[b-y82l5givgw] {
    overflow-x: auto;
    border: 1px solid var(--paper-band);
    border-radius: var(--r-sm);
}

.table-scroll:focus-visible[b-y82l5givgw] {
    outline: none;
    box-shadow: var(--ring);
}

table[b-y82l5givgw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

caption[b-y82l5givgw] {
    padding: 10px 12px 4px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
    text-align: left;
}

th[b-y82l5givgw],
td[b-y82l5givgw] {
    padding: 9px 12px;
    border-bottom: 1px solid var(--paper-band);
    text-align: right;
    white-space: nowrap;
}

thead th[b-y82l5givgw] {
    color: var(--ink-2);
    background: var(--paper);
    font-size: 12px;
}

thead th:first-child[b-y82l5givgw] {
    text-align: left;
}

th[scope="row"][b-y82l5givgw] {
    color: var(--ink);
    text-align: left;
}

th small[b-y82l5givgw] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 500;
}

td a[b-y82l5givgw] {
    margin-left: 6px;
    color: var(--accent-deep);
    font-size: 11px;
}

td.large[b-y82l5givgw] {
    color: var(--neg);
    font-weight: 750;
}

.largest[b-y82l5givgw] {
    margin-top: 18px;
}

.largest h3[b-y82l5givgw] {
    margin: 0 0 8px;
    font-size: 15px;
}

.largest ul[b-y82l5givgw] {
    margin: 0;
    padding-left: 18px;
    color: var(--ink-2);
    line-height: 1.7;
}

.method[b-y82l5givgw],
.empty[b-y82l5givgw] {
    margin: 16px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.6;
}

@media (max-width: 680px) {
    .revisions[b-y82l5givgw] {
        padding: 20px 14px;
    }
}
/* /Components/Pages/TopicDetails/IndiaBalanceOfPayments/IndiaBopSourcesPanel.razor.rz.scp.css */
.sources-panel[b-1xa1srro8f] {
    margin: 0 0 40px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--surface);
    scroll-margin-top: 96px;
}

.sources-grid[b-1xa1srro8f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.eyebrow[b-1xa1srro8f] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-1xa1srro8f] {
    margin: 0 0 14px;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.muted[b-1xa1srro8f] {
    color: var(--ink-3);
    font-size: 13px;
}

.calendar[b-1xa1srro8f],
.source-table[b-1xa1srro8f] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.calendar li[b-1xa1srro8f] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 14px;
    padding: 12px 0;
    border-top: 1px solid var(--paper-band);
}

.calendar time[b-1xa1srro8f] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.calendar div[b-1xa1srro8f],
.source-table li[b-1xa1srro8f] {
    display: grid;
    gap: 3px;
    font-size: 13px;
    line-height: 1.45;
}

.calendar strong[b-1xa1srro8f],
.source-table strong[b-1xa1srro8f] {
    color: var(--ink);
}

.calendar span[b-1xa1srro8f],
.source-table span[b-1xa1srro8f] {
    color: var(--ink-3);
    font-size: 12px;
}

.source-table li[b-1xa1srro8f] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-band);
}

a[b-1xa1srro8f] {
    color: var(--accent-deep);
    font-weight: 650;
    text-underline-offset: 3px;
}

a:focus-visible[b-1xa1srro8f],
summary:focus-visible[b-1xa1srro8f] {
    outline: none;
    box-shadow: var(--ring);
}

.methodology[b-1xa1srro8f] {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--paper-band);
}

.methodology summary[b-1xa1srro8f] {
    color: var(--ink);
    font-size: 15px;
    font-weight: 750;
    cursor: pointer;
}

.method-grid[b-1xa1srro8f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 24px;
    margin-top: 16px;
}

.method-grid h3[b-1xa1srro8f] {
    margin: 0 0 6px;
    color: var(--ink);
    font-size: 14px;
}

.method-grid p[b-1xa1srro8f] {
    margin: 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.6;
}

code[b-1xa1srro8f] {
    font-family: var(--mono);
    font-size: 11.5px;
    overflow-wrap: anywhere;
}

@media (max-width: 1000px) {
    .sources-grid[b-1xa1srro8f],
    .method-grid[b-1xa1srro8f] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .sources-panel[b-1xa1srro8f] {
        padding: 20px 14px;
    }

    .calendar li[b-1xa1srro8f] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* /Components/Pages/TopicDetails/IndiaBankPerformance/IndiaBankPerformance.razor.rz.scp.css */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-egcd33j49u] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-egcd33j49u] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-egcd33j49u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-egcd33j49u],
.eyebrow[b-egcd33j49u] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-egcd33j49u] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-egcd33j49u] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-egcd33j49u] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-egcd33j49u] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-egcd33j49u] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-egcd33j49u] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-egcd33j49u] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-egcd33j49u] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-egcd33j49u] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-egcd33j49u] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-egcd33j49u] { --metric-color: var(--neg); }
.metric-card.blue[b-egcd33j49u] { --metric-color: var(--accent); }
.metric-card.green[b-egcd33j49u] { --metric-color: var(--pos); }

.metric-heading[b-egcd33j49u] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-egcd33j49u] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-egcd33j49u] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-egcd33j49u] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-egcd33j49u] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-egcd33j49u] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-egcd33j49u] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-egcd33j49u] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-egcd33j49u] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-egcd33j49u] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-egcd33j49u] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-egcd33j49u] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-egcd33j49u] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-egcd33j49u] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-egcd33j49u] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-egcd33j49u] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-egcd33j49u] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-egcd33j49u] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-egcd33j49u] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-egcd33j49u],
.reset-filters:focus-visible[b-egcd33j49u],
.range-selects select:focus-visible[b-egcd33j49u],
.measure-toggle button:focus-visible[b-egcd33j49u] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-egcd33j49u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-egcd33j49u] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-egcd33j49u] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-egcd33j49u] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-egcd33j49u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-egcd33j49u] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-egcd33j49u] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-egcd33j49u] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-egcd33j49u] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-egcd33j49u] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-egcd33j49u] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-egcd33j49u] {
    color: var(--on-accent);
    background: var(--ink-2);
}

/* Supporting sections */
.chart-section + .chart-section[b-egcd33j49u] {
    margin-top: 36px;
}

.section-heading[b-egcd33j49u] {
    margin-bottom: 14px;
}

.section-heading h2[b-egcd33j49u] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-egcd33j49u] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-egcd33j49u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-egcd33j49u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-egcd33j49u] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.commodity-columns[b-egcd33j49u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px 28px;
}

.commodity-columns h4[b-egcd33j49u] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 13px;
}

.chart-callout[b-egcd33j49u] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-egcd33j49u] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-egcd33j49u] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .topic-heading-row[b-egcd33j49u] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-egcd33j49u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-egcd33j49u] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-egcd33j49u] {
        font-size: 24px;
    }

    .freshness li[b-egcd33j49u] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-egcd33j49u] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-egcd33j49u] {
        grid-template-columns: 1fr;
    }
}

/* One full-width select (scheme category). */
.range-selects.single[b-egcd33j49u] {
    grid-template-columns: 1fr;
}

.range-selects select:disabled[b-egcd33j49u] {
    color: var(--ink-4);
    background: var(--paper);
}

.topic-lede-more a[b-egcd33j49u] {
    color: var(--accent-deep);
    font-weight: 650;
}

.measure-toggle button:disabled[b-egcd33j49u] {
    color: var(--ink-4);
    cursor: not-allowed;
}

/* Long headline values ("₹86.92 lakh cr") shrink rather than overflow the card. */
.metric-card > strong.long[b-egcd33j49u] {
    font-size: clamp(21px, 1.75vw, 28px);
}

/* Values calculated from published closes (returns, premiums). */
.status-badge.calculated[b-egcd33j49u] {
    color: var(--accent-deep);
    background: var(--accent-wash);
}

/* Fund-by-fund table */
.table-scroll[b-egcd33j49u] {
    overflow-x: auto;
}

.table-scroll table[b-egcd33j49u] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.table-scroll caption[b-egcd33j49u] {
    padding-bottom: 8px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.table-scroll th[b-egcd33j49u],
.table-scroll td[b-egcd33j49u] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-band);
    text-align: right;
}

.table-scroll th[scope="row"][b-egcd33j49u],
.table-scroll thead th:first-child[b-egcd33j49u] {
    text-align: left;
}

.table-scroll th[scope="row"] small[b-egcd33j49u] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 500;
}

.table-scroll td.pos[b-egcd33j49u] {
    color: var(--pos);
    font-weight: 700;
}

.table-scroll td.neg[b-egcd33j49u] {
    color: var(--neg);
    font-weight: 700;
}

/* ── Bank performance additions ─────────────────────────────────────────── */
.metric-grid[b-egcd33j49u] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1400px) {
    .metric-grid[b-egcd33j49u] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.bank-pills .filter-pill[b-egcd33j49u] {
    min-height: 30px;
    padding: 0 11px;
    font-size: 12px;
}

.bank-pills .filter-pill.private:not(.active)[b-egcd33j49u] {
    border-color: color-mix(in srgb, var(--d-1) 45%, var(--rule-2));
}

.bank-pills .filter-pill.psu:not(.active)[b-egcd33j49u] {
    border-color: color-mix(in srgb, var(--d-3) 45%, var(--rule-2));
}

.awaiting-note[b-egcd33j49u] {
    margin: 0;
    padding: 10px 14px;
    border: 1px solid var(--warn-tint);
    border-left: 4px solid var(--warn);
    border-radius: var(--r-sm);
    color: var(--ink-2);
    background: color-mix(in srgb, var(--warn-tint) 45%, var(--surface));
    font-size: 13px;
    line-height: 1.5;
}

.table-scroll td.text-cell[b-egcd33j49u] {
    max-width: 360px;
    color: var(--ink-2);
    font-size: 12px;
    text-align: left;
    white-space: normal;
}

.table-scroll td.text-cell a[b-egcd33j49u] {
    color: var(--accent-deep);
}

/* Scorecard: the correlation matrix's dark panel and palette, one coloured cell per value and rank. */
.score-matrix[b-egcd33j49u] {
    overflow-x: auto;
    padding: 16px;
    border: 1px solid #34515e;
    border-radius: var(--r);
    background: #0b2836;
    color: #e3f0f3;
}

.score-matrix:focus-visible[b-egcd33j49u] {
    outline: none;
    box-shadow: var(--ring);
}

.score-matrix table[b-egcd33j49u] {
    width: 100%;
    min-width: 900px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 3px;
}

.score-matrix caption[b-egcd33j49u] {
    padding: 0 3px 12px;
    color: #bed1d8;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}

.score-matrix col.bank-col[b-egcd33j49u] { width: 140px; }
.score-matrix col.overall-col[b-egcd33j49u] { width: 78px; }

.score-matrix thead th[b-egcd33j49u] {
    padding: 9px 6px;
    border-radius: 3px;
    background: #103241;
    color: #d8e7ed;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.25;
    text-align: center;
    vertical-align: bottom;
}

.score-matrix th small[b-egcd33j49u] {
    display: block;
    margin-top: 2px;
    color: #9fb9c3;
    font-size: 10.5px;
    font-weight: 500;
}

.score-matrix th.bank[b-egcd33j49u] {
    text-align: left;
}

.score-matrix tbody th.bank[b-egcd33j49u] {
    padding: 8px 10px;
    border-radius: 3px;
    background: #103241;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
}

.score-matrix tbody th.bank a[b-egcd33j49u] {
    color: #fff;
    text-decoration: none;
}

.score-matrix tbody th.bank a:hover[b-egcd33j49u] {
    text-decoration: underline;
}

.score-matrix tr.selected th.bank[b-egcd33j49u] {
    box-shadow: inset 3px 0 0 #73d5c8;
}

.score-matrix td[b-egcd33j49u] {
    padding: 0;
}

.score-cell[b-egcd33j49u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
}

.score-cell strong[b-egcd33j49u] {
    font-weight: 700;
}

.score-cell small[b-egcd33j49u] {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 10.5px;
}

.score-cell.overall strong[b-egcd33j49u] {
    font-size: 19px;
}

.score-legend[b-egcd33j49u] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: 14px 3px 0;
    padding-top: 18px;
    background: linear-gradient(90deg, #97533b, #273c48, #128578) top / 100% 8px no-repeat;
    color: #bed1d8;
    font-size: 11.5px;
}

.watch-card[b-egcd33j49u] {
    scroll-margin-top: 100px;
}

.assessment[b-egcd33j49u] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.4;
}

.assessment.pos[b-egcd33j49u] { color: var(--pos); background: var(--pos-tint); }
.assessment.warn[b-egcd33j49u] { color: var(--warn); background: var(--warn-tint); }
.assessment.neg[b-egcd33j49u] { color: var(--neg); background: var(--neg-tint); }

.watch-grid[b-egcd33j49u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.watch-card[b-egcd33j49u] {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 14px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 3px solid var(--ink-4);
    border-radius: var(--r);
    background: var(--surface);
}

.watch-card.pos[b-egcd33j49u] { border-top-color: var(--pos); }
.watch-card.warn[b-egcd33j49u] { border-top-color: var(--warn); }
.watch-card.neg[b-egcd33j49u] { border-top-color: var(--neg); }

.watch-card header[b-egcd33j49u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.watch-card h3[b-egcd33j49u] {
    margin: 0;
    color: var(--ink);
    font-size: 15px;
}

.watch-reason[b-egcd33j49u],
.watch-next[b-egcd33j49u] {
    margin: 0;
    color: var(--ink-2);
    font-size: 12.5px;
    line-height: 1.5;
}

.flag-list[b-egcd33j49u] {
    display: grid;
    gap: 6px;
    margin: 0;
    padding-left: 16px;
    color: var(--ink-2);
    font-size: 12.5px;
    line-height: 1.45;
}

.flag-list small[b-egcd33j49u] {
    display: block;
    color: var(--ink-3);
    font-family: var(--mono);
    font-size: 10.5px;
}

@media (max-width: 680px) {
    .metric-grid[b-egcd33j49u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .metric-grid[b-egcd33j49u] {
        grid-template-columns: 1fr;
    }
}

.table-note[b-egcd33j49u] {
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 11.5px;
    line-height: 1.5;
}
/* /Components/Pages/TopicDetails/IndiaEquityFundPerformance/FundLadder.razor.rz.scp.css */
/* Category and fund ladders: a name, a track and a few figures per row. */
.fl-ladder[b-azcgci2len] { --cols: minmax(8rem, 15rem) minmax(12rem, 1fr) repeat(var(--fl-columns, 3), 5.4rem); display: grid; gap: 2px; font-variant-numeric: tabular-nums; }
.fl-row[b-azcgci2len] { display: grid; grid-template-columns: var(--cols); gap: 10px; align-items: center; min-height: 34px; padding: 3px 0; border-radius: 6px; }
.fl-row + .fl-row[b-azcgci2len] { border-top: 1px solid var(--paper-band, #EEF1F3); }
.fl-row.highlight[b-azcgci2len] { background: var(--accent-wash); box-shadow: -6px 0 0 0 var(--accent); }
.fl-head[b-azcgci2len] { align-items: end; min-height: 0; padding-bottom: 6px; color: var(--ink-3); font-size: 11px; font-weight: 700; line-height: 1.25; }
.fl-head .fl-num[b-azcgci2len] { text-align: right; }
.fl-axis[b-azcgci2len] { position: relative; height: 16px; }
.fl-axis span[b-azcgci2len] { position: absolute; bottom: 0; transform: translateX(-50%); white-space: nowrap; }
.fl-axis span.first[b-azcgci2len] { transform: none; }
.fl-axis span.last[b-azcgci2len] { transform: translateX(-100%); }
.fl-parent[b-azcgci2len] { margin-bottom: 4px; padding: 7px 0; border-bottom: 2px solid var(--rule-2, #C9D1D9); }
.fl-parent .fl-name strong[b-azcgci2len] { color: var(--ink); font-weight: 800; }
.fl-name[b-azcgci2len] { display: grid; min-width: 0; padding: 0; border: 0; background: none; color: var(--ink-2); font: inherit; line-height: 1.25; text-align: left; }
.fl-name strong[b-azcgci2len] { font-size: 13px; font-weight: 650; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl-name small[b-azcgci2len] { color: var(--ink-3); font-size: 11px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
button.fl-name[b-azcgci2len] { cursor: pointer; }
button.fl-name strong[b-azcgci2len] { color: var(--accent-deep, #0B5E51); }
button.fl-name:hover strong[b-azcgci2len] { text-decoration: underline; text-underline-offset: 2px; }
button.fl-name:focus-visible[b-azcgci2len] { outline: none; box-shadow: var(--ring); border-radius: 4px; }
.fl-arrow[b-azcgci2len] { color: var(--accent); font-weight: 700; }
.fl-track[b-azcgci2len] { position: relative; height: 16px; }
.fl-track .tick[b-azcgci2len] { position: absolute; top: -5px; bottom: -5px; width: 1px; background: var(--paper-deep, #E7EBEE); }
.fl-track .tick.zero[b-azcgci2len] { background: var(--ink-3, #616C7A); }
.fl-track .band[b-azcgci2len] { position: absolute; top: 3px; bottom: 3px; border-radius: 3px; background: color-mix(in srgb, var(--d-1) 45%, transparent); }
.fl-track .bar[b-azcgci2len] { position: absolute; top: 2px; bottom: 2px; border-radius: 2px; }
.fl-track .bar.pos[b-azcgci2len] { background: var(--pos, #0B7A68); }
.fl-track .bar.neg[b-azcgci2len] { background: var(--neg, #9A3412); }
.fl-track .dot[b-azcgci2len] { position: absolute; top: 50%; width: 9px; height: 9px; border-radius: 50%; background: var(--ink, #1F2630); transform: translate(-50%, -50%); box-shadow: 0 0 0 2px var(--surface, #fff); }
.fl-track .reference[b-azcgci2len] { position: absolute; top: -3px; bottom: -3px; width: 0; border-left: 2px dashed var(--neg, #9A3412); transform: translateX(-1px); }
.fl-num[b-azcgci2len] { display: grid; justify-items: end; color: var(--ink-2); font-size: 12.5px; font-weight: 650; text-align: right; }
.fl-num.pos[b-azcgci2len] { color: var(--pos, #0B7A68); }
.fl-num.neg[b-azcgci2len] { color: var(--neg, #BE3448); }
.fl-num.muted[b-azcgci2len] { color: var(--ink-3); font-weight: 600; }
@media (max-width: 760px) {
    .fl-ladder[b-azcgci2len] { --cols: repeat(var(--fl-columns, 3), minmax(0, 1fr)); }
    .fl-row[b-azcgci2len] { gap: 6px 8px; padding: 8px 0; }
    .fl-row > .fl-name[b-azcgci2len], .fl-row > .fl-track[b-azcgci2len], .fl-head > .fl-axis[b-azcgci2len] { grid-column: 1 / -1; }
    .fl-head > :not(.fl-axis)[b-azcgci2len] { display: none; }
    .fl-num[b-azcgci2len] { justify-items: start; text-align: left; }
    .fl-num[b-azcgci2len]::before { content: attr(data-label); color: var(--ink-3); font-size: 10px; font-weight: 650; line-height: 1.2; }
}
/* /Components/Pages/TopicDetails/IndiaEquityFundPerformance/FundRiskScatter.razor.rz.scp.css */
.fs-plot[b-atfgiarsbb] { display: block; width: 100%; height: auto; overflow: visible; font-family: var(--sans, Inter, sans-serif); }
.fs-plot .grid[b-atfgiarsbb] { stroke: var(--paper-deep, #E7EBEE); stroke-width: 1; vector-effect: non-scaling-stroke; }
.fs-plot .grid.light[b-atfgiarsbb] { stroke: color-mix(in srgb, var(--paper-deep, #E7EBEE) 60%, transparent); }
.fs-plot .grid.zero[b-atfgiarsbb] { stroke: var(--ink-2); stroke-width: 1.6; }
.fs-plot .reference[b-atfgiarsbb] { stroke: var(--neg, #9A3412); stroke-width: 1.5; stroke-dasharray: 6 5; vector-effect: non-scaling-stroke; }
.fs-plot .axis[b-atfgiarsbb] { fill: var(--ink-3); font-size: 12px; font-weight: 600; }
.fs-plot .caption[b-atfgiarsbb] { fill: var(--ink-3); font-size: 11.5px; font-weight: 650; }
.fs-plot .label[b-atfgiarsbb] { fill: var(--ink-2); font-size: 11.5px; font-weight: 650; paint-order: stroke; stroke: var(--surface, #fff); stroke-width: 3px; stroke-linejoin: round; }
.fs-plot .point circle[b-atfgiarsbb] { fill: var(--surface, #fff); stroke-width: 2; vector-effect: non-scaling-stroke; }
.fs-plot .point.pos circle[b-atfgiarsbb] { stroke: var(--pos, #0B7A68); }
.fs-plot .point.neg circle[b-atfgiarsbb] { stroke: var(--neg, #BE3448); }
.fs-plot .point.filled.pos circle[b-atfgiarsbb] { fill: var(--pos, #0B7A68); }
.fs-plot .point.filled.neg circle[b-atfgiarsbb] { fill: var(--neg, #BE3448); }
.fs-plot .point.selected circle[b-atfgiarsbb] { stroke: var(--ink); stroke-width: 3; }
.fs-plot .point:hover circle[b-atfgiarsbb] { stroke-width: 3.5; }
.fs-legend[b-atfgiarsbb] { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0 0 8px; padding: 0; color: var(--ink-2); font-size: 12px; font-weight: 600; }
.fs-legend li[b-atfgiarsbb] { display: inline-flex; align-items: center; gap: 6px; }
.fs-legend i.dot[b-atfgiarsbb] { width: 11px; height: 11px; border-radius: 50%; border: 2px solid var(--pos, #0B7A68); background: var(--surface, #fff); }
.fs-legend i.dot.neg[b-atfgiarsbb] { border-color: var(--neg, #BE3448); }
.fs-legend i.dot.filled[b-atfgiarsbb] { background: var(--pos, #0B7A68); }
.fs-legend i.ref[b-atfgiarsbb] { width: 0; height: 14px; border-left: 2px dashed var(--neg, #9A3412); }
.fs-empty[b-atfgiarsbb] { display: grid; gap: 4px; padding: 28px; border: 1px dashed var(--paper-deep); border-radius: 10px; color: var(--ink-3); text-align: center; }
/* /Components/Pages/TopicDetails/IndiaEquityFundPerformance/IndiaEquityFundPerformance.razor.rz.scp.css */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-pcpwst8b28] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-pcpwst8b28] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-pcpwst8b28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-pcpwst8b28],
.eyebrow[b-pcpwst8b28] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-pcpwst8b28] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-pcpwst8b28] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-pcpwst8b28] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-pcpwst8b28] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-pcpwst8b28] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-pcpwst8b28] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-pcpwst8b28] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-pcpwst8b28] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-pcpwst8b28] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-pcpwst8b28] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-pcpwst8b28] { --metric-color: var(--neg); }
.metric-card.blue[b-pcpwst8b28] { --metric-color: var(--accent); }
.metric-card.green[b-pcpwst8b28] { --metric-color: var(--pos); }

.metric-heading[b-pcpwst8b28] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-pcpwst8b28] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-pcpwst8b28] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-pcpwst8b28] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-pcpwst8b28] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-pcpwst8b28] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-pcpwst8b28] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-pcpwst8b28] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-pcpwst8b28] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-pcpwst8b28] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-pcpwst8b28] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-pcpwst8b28] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-pcpwst8b28] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-pcpwst8b28] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-pcpwst8b28] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-pcpwst8b28] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-pcpwst8b28] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-pcpwst8b28] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-pcpwst8b28] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-pcpwst8b28],
.reset-filters:focus-visible[b-pcpwst8b28],
.range-selects select:focus-visible[b-pcpwst8b28],
.measure-toggle button:focus-visible[b-pcpwst8b28] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-pcpwst8b28] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-pcpwst8b28] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-pcpwst8b28] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-pcpwst8b28] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-pcpwst8b28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-pcpwst8b28] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-pcpwst8b28] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-pcpwst8b28] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-pcpwst8b28] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-pcpwst8b28] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-pcpwst8b28] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-pcpwst8b28] {
    color: var(--on-accent);
    background: var(--ink-2);
}

/* Supporting sections */
.chart-section + .chart-section[b-pcpwst8b28] {
    margin-top: 36px;
}

.section-heading[b-pcpwst8b28] {
    margin-bottom: 14px;
}

.section-heading h2[b-pcpwst8b28] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-pcpwst8b28] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-pcpwst8b28] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-pcpwst8b28] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-pcpwst8b28] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.commodity-columns[b-pcpwst8b28] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px 28px;
}

.commodity-columns h4[b-pcpwst8b28] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 13px;
}

.chart-callout[b-pcpwst8b28] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-pcpwst8b28] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-pcpwst8b28] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .topic-heading-row[b-pcpwst8b28] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-pcpwst8b28] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-pcpwst8b28] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-pcpwst8b28] {
        font-size: 24px;
    }

    .freshness li[b-pcpwst8b28] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-pcpwst8b28] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-pcpwst8b28] {
        grid-template-columns: 1fr;
    }
}

/* One full-width select (scheme category). */
.range-selects.single[b-pcpwst8b28] {
    grid-template-columns: 1fr;
}

.range-selects select:disabled[b-pcpwst8b28] {
    color: var(--ink-4);
    background: var(--paper);
}

.topic-lede-more a[b-pcpwst8b28] {
    color: var(--accent-deep);
    font-weight: 650;
}

.measure-toggle button:disabled[b-pcpwst8b28] {
    color: var(--ink-4);
    cursor: not-allowed;
}

/* Long headline values ("₹86.92 lakh cr") shrink rather than overflow the card. */
.metric-card > strong.long[b-pcpwst8b28] {
    font-size: clamp(21px, 1.75vw, 28px);
}

/* Values calculated from published closes (returns, premiums). */
.status-badge.calculated[b-pcpwst8b28] {
    color: var(--accent-deep);
    background: var(--accent-wash);
}

/* Fund-by-fund table */
.table-scroll[b-pcpwst8b28] {
    overflow-x: auto;
}

.table-scroll table[b-pcpwst8b28] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.table-scroll caption[b-pcpwst8b28] {
    padding-bottom: 8px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.table-scroll th[b-pcpwst8b28],
.table-scroll td[b-pcpwst8b28] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-band);
    text-align: right;
}

.table-scroll th[scope="row"][b-pcpwst8b28],
.table-scroll thead th:first-child[b-pcpwst8b28] {
    text-align: left;
}

.table-scroll th[scope="row"] small[b-pcpwst8b28] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 500;
}

.table-scroll td.pos[b-pcpwst8b28] {
    color: var(--pos);
    font-weight: 700;
}

.table-scroll td.neg[b-pcpwst8b28] {
    color: var(--neg);
    font-weight: 700;
}

/* Featured drill-down: breadcrumbs, reading, legend, fund tiles. */
.ef-crumbs[b-pcpwst8b28] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 10px; font-size: 13px; font-weight: 650; }
.ef-crumbs button[b-pcpwst8b28] { padding: 0; border: 0; background: none; color: var(--accent); font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.ef-crumbs button:focus-visible[b-pcpwst8b28] { outline: none; box-shadow: var(--ring); }
.ef-crumbs [aria-current][b-pcpwst8b28] { color: var(--ink); }
.ef-crumbs .sep[b-pcpwst8b28] { color: var(--ink-3); }
.ef-reading[b-pcpwst8b28] { max-width: 960px; margin: 0 0 12px; padding: 12px 14px; border-left: 4px solid var(--accent); border-radius: var(--r-sm); color: var(--ink-2); background: var(--accent-tint, #EEF7F5); font-size: 13.5px; line-height: 1.55; }
.ef-legend[b-pcpwst8b28] { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 10px; padding: 0; color: var(--ink-2); font-size: 12px; font-weight: 600; }
.ef-legend li[b-pcpwst8b28] { display: inline-flex; align-items: center; gap: 6px; }
.ef-legend i[b-pcpwst8b28] { display: inline-block; width: 18px; height: 10px; border-radius: 3px; }
.ef-legend i.band[b-pcpwst8b28] { background: color-mix(in srgb, var(--d-1) 45%, transparent); }
.ef-legend i.dot[b-pcpwst8b28] { width: 9px; height: 9px; border-radius: 50%; background: var(--ink); }
.ef-legend i.ref[b-pcpwst8b28] { width: 0; height: 14px; border-left: 2px dashed var(--neg, #9A3412); border-radius: 0; }
.ef-legend i.bar.pos[b-pcpwst8b28] { background: var(--pos, #0B7A68); }
.ef-legend i.bar.neg[b-pcpwst8b28] { background: var(--neg, #9A3412); }
.ef-note[b-pcpwst8b28] { margin: 12px 0 0; color: var(--ink-2); font-size: 13px; line-height: 1.55; }
.ef-subhead[b-pcpwst8b28] { margin: 18px 0 8px; padding-top: 12px; border-top: 1px solid var(--paper-deep, #E7EBEE); color: var(--ink); font-size: 13.5px; font-weight: 700; line-height: 1.35; }
.ef-fund-head[b-pcpwst8b28] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 16px; margin-bottom: 12px; }
.ef-fund-head h4[b-pcpwst8b28] { margin: 0 0 4px; color: var(--ink); font-size: 18px; line-height: 1.2; }
.ef-fund-head p[b-pcpwst8b28] { margin: 0; color: var(--ink-3); font-size: 12.5px; line-height: 1.5; }
.ef-sibling[b-pcpwst8b28] { flex: none; min-height: 32px; padding: 0 12px; border: 1px solid var(--rule-2); border-radius: 999px; color: var(--accent-deep); background: var(--surface); font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
.ef-tiles[b-pcpwst8b28] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-bottom: 14px; }
.ef-tile[b-pcpwst8b28] { --tile-color: var(--ink-3); display: grid; gap: 3px; padding: 10px 12px; border: 1px solid var(--paper-deep); border-left: 4px solid var(--tile-color); border-radius: var(--r-sm); background: var(--surface); }
.ef-tile.pos[b-pcpwst8b28] { --tile-color: var(--pos); }
.ef-tile.neg[b-pcpwst8b28] { --tile-color: var(--neg); }
.ef-tile span[b-pcpwst8b28] { color: var(--ink-3); font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.ef-tile strong[b-pcpwst8b28] { color: var(--ink); font-size: 20px; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.ef-tile small[b-pcpwst8b28] { color: var(--ink-2); font-size: 11.5px; line-height: 1.4; }
.table-scroll tr.current th[b-pcpwst8b28], .table-scroll tr.current td[b-pcpwst8b28] { background: var(--accent-wash); }
.table-scroll td.muted[b-pcpwst8b28] { color: var(--ink-3); text-align: left; font-style: italic; }
.ef-lag th[scope="row"][b-pcpwst8b28] { white-space: nowrap; }
.ef-lag td.strong[b-pcpwst8b28] { color: var(--pos); font-weight: 750; }
.ef-lag td.muted[b-pcpwst8b28] { color: var(--ink-3); }
/* /Components/Pages/TopicDetails/IndiaEquityMarketValuations/IndiaEquityMarketValuations.razor.rz.scp.css */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-114k2edssn] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-114k2edssn] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-114k2edssn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-114k2edssn],
.eyebrow[b-114k2edssn] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-114k2edssn] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-114k2edssn] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-114k2edssn] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-114k2edssn] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-114k2edssn] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-114k2edssn] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-114k2edssn] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-114k2edssn] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-114k2edssn] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-114k2edssn] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-114k2edssn] { --metric-color: var(--neg); }
.metric-card.blue[b-114k2edssn] { --metric-color: var(--accent); }
.metric-card.green[b-114k2edssn] { --metric-color: var(--pos); }

.metric-heading[b-114k2edssn] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-114k2edssn] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-114k2edssn] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-114k2edssn] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-114k2edssn] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-114k2edssn] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-114k2edssn] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-114k2edssn] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-114k2edssn] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-114k2edssn] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-114k2edssn] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-114k2edssn] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-114k2edssn] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-114k2edssn] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-114k2edssn] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-114k2edssn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-114k2edssn] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-114k2edssn] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-114k2edssn] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-114k2edssn],
.reset-filters:focus-visible[b-114k2edssn],
.range-selects select:focus-visible[b-114k2edssn],
.measure-toggle button:focus-visible[b-114k2edssn] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-114k2edssn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-114k2edssn] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-114k2edssn] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-114k2edssn] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-114k2edssn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-114k2edssn] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-114k2edssn] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-114k2edssn] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-114k2edssn] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-114k2edssn] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-114k2edssn] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-114k2edssn] {
    color: var(--on-accent);
    background: var(--ink-2);
}

/* Supporting sections */
.chart-section + .chart-section[b-114k2edssn] {
    margin-top: 36px;
}

.section-heading[b-114k2edssn] {
    margin-bottom: 14px;
}

.section-heading h2[b-114k2edssn] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-114k2edssn] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-114k2edssn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-114k2edssn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-114k2edssn] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.commodity-columns[b-114k2edssn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px 28px;
}

.commodity-columns h4[b-114k2edssn] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 13px;
}

.chart-callout[b-114k2edssn] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-114k2edssn] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-114k2edssn] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .topic-heading-row[b-114k2edssn] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-114k2edssn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-114k2edssn] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-114k2edssn] {
        font-size: 24px;
    }

    .freshness li[b-114k2edssn] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-114k2edssn] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-114k2edssn] {
        grid-template-columns: 1fr;
    }
}

/* One full-width select (scheme category). */
.range-selects.single[b-114k2edssn] {
    grid-template-columns: 1fr;
}

.range-selects select:disabled[b-114k2edssn] {
    color: var(--ink-4);
    background: var(--paper);
}

.topic-lede-more a[b-114k2edssn] {
    color: var(--accent-deep);
    font-weight: 650;
}

.measure-toggle button:disabled[b-114k2edssn] {
    color: var(--ink-4);
    cursor: not-allowed;
}

/* Long headline values ("₹86.92 lakh cr") shrink rather than overflow the card. */
.metric-card > strong.long[b-114k2edssn] {
    font-size: clamp(21px, 1.75vw, 28px);
}

/* Values calculated from published closes (returns, premiums). */
.status-badge.calculated[b-114k2edssn] {
    color: var(--accent-deep);
    background: var(--accent-wash);
}
/* /Components/Pages/TopicDetails/IndiaForexReserves/FxDriverExplorer.razor.rz.scp.css */
/* The reserve-change ladder, in the market and US inflation explorers' pattern: compact rows, two readings
   per row, one bar. Rises are green and falls red, as on the rest of the page. */
.fx-seg[b-uuixrmeafi] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--rule);
    border-radius: 8px;
    background: var(--paper-band);
}

.fx-seg button[b-uuixrmeafi] {
    padding: 6px 12px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--ink-2);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.fx-seg button:disabled[b-uuixrmeafi] {
    color: var(--ink-4);
    cursor: not-allowed;
}

.fx-seg button[aria-pressed="true"][b-uuixrmeafi] {
    background: var(--surface);
    color: var(--accent);
    font-weight: 650;
    box-shadow: 0 1px 2px rgba(31, 38, 48, .09);
}

.fx-seg button:focus-visible[b-uuixrmeafi],
.fx-crumbs button:focus-visible[b-uuixrmeafi],
.fx-more:focus-visible[b-uuixrmeafi],
.fx-row:focus-visible[b-uuixrmeafi] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fx-crumbs[b-uuixrmeafi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 7px;
    margin-bottom: 8px;
    font-size: 13px;
}

.fx-crumbs button[b-uuixrmeafi] {
    padding: 2px 0;
    border: 0;
    background: none;
    color: var(--accent);
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: var(--accent-tint);
    text-underline-offset: 3px;
}

.fx-crumbs button:hover[b-uuixrmeafi] { text-decoration-color: var(--accent); }
.fx-crumbs .sep[b-uuixrmeafi] { color: var(--ink-4); }
.fx-crumbs [aria-current][b-uuixrmeafi] { color: var(--ink); font-weight: 650; }

.fx-context[b-uuixrmeafi] {
    margin: 0 0 10px;
    color: var(--ink-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.fx-context:focus[b-uuixrmeafi] { outline: none; }

.fx-empty[b-uuixrmeafi] {
    margin: 0;
    color: var(--ink-3);
}

.fx-ladder[b-uuixrmeafi] {
    display: grid;
    gap: 1px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fx-row[b-uuixrmeafi],
.fx-colhead[b-uuixrmeafi] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) 5.2rem minmax(6rem, 1.4fr) 7.8rem;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
}

button.fx-row[b-uuixrmeafi] { cursor: pointer; }

button.fx-row:hover[b-uuixrmeafi] {
    border-color: var(--accent-tint);
    background: var(--accent-wash);
}

.fx-colhead[b-uuixrmeafi] {
    padding: 0 8px 6px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.25;
}

.fx-colhead span:nth-child(2)[b-uuixrmeafi],
.fx-colhead span:nth-child(4)[b-uuixrmeafi] { text-align: right; }
.fx-colhead span:nth-child(3)[b-uuixrmeafi] { font-weight: 550; }

.fx-colhead small[b-uuixrmeafi] {
    display: block;
    font-weight: 550;
}

.fx-row .name[b-uuixrmeafi] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1px 7px;
    min-width: 0;
    color: var(--ink);
    font-size: 13.5px;
    font-weight: 600;
}

.fx-row .label[b-uuixrmeafi] { overflow-wrap: anywhere; }

.fx-row .arrow[b-uuixrmeafi] {
    color: var(--accent);
    font-weight: 700;
}

.fx-row .pill[b-uuixrmeafi] {
    padding: 0 6px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 550;
    white-space: nowrap;
}

.fx-row .meta[b-uuixrmeafi] {
    flex-basis: 100%;
    color: var(--ink-3);
    font-size: 11.5px;
    font-weight: 450;
    font-variant-numeric: tabular-nums;
}

.fx-row .now[b-uuixrmeafi],
.fx-row .then[b-uuixrmeafi] {
    color: var(--ink);
    font-size: 13.5px;
    font-weight: 650;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.fx-row .now.neg[b-uuixrmeafi],
.fx-row .then small.neg[b-uuixrmeafi],
.fx-table td.neg[b-uuixrmeafi] { color: var(--neg); }
.fx-row .now.pos[b-uuixrmeafi],
.fx-row .then small.pos[b-uuixrmeafi],
.fx-table td.pos[b-uuixrmeafi] { color: var(--pos); }

.fx-row .then span[b-uuixrmeafi] { display: block; color: var(--ink-2); font-weight: 550; }

.fx-row.remainder .label[b-uuixrmeafi] { color: var(--ink-3); font-weight: 550; }

.fx-row .then small[b-uuixrmeafi] {
    display: block;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 550;
}

.fx-row .track[b-uuixrmeafi] {
    position: relative;
    height: 12px;
    border-radius: 3px;
    background: var(--paper);
}

.fx-row .zero[b-uuixrmeafi] {
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 1px;
    background: var(--ink-4);
}

.fx-row .bar[b-uuixrmeafi] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    transition: left .18s ease, width .18s ease;
}

.fx-row .bar.up[b-uuixrmeafi] { background: #058e7a; }
.fx-row .bar.down[b-uuixrmeafi] { background: #bb684f; }

.fx-more[b-uuixrmeafi] {
    margin-top: 6px;
    padding: 5px 10px;
    border: 1px solid var(--rule-2);
    border-radius: 6px;
    background: var(--surface);
    color: var(--accent);
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}

.fx-note[b-uuixrmeafi] {
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 1px solid var(--paper-deep);
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.55;
}

.fx-table-scroll[b-uuixrmeafi] {
    overflow-x: auto;
    max-width: 100%;
}

.fx-table[b-uuixrmeafi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.fx-table caption[b-uuixrmeafi] {
    margin-bottom: 8px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.fx-table th[b-uuixrmeafi],
.fx-table td[b-uuixrmeafi] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.fx-table th[scope="row"][b-uuixrmeafi],
.fx-table thead th:first-child[b-uuixrmeafi] {
    text-align: left;
    white-space: normal;
}

.fx-table td:last-child[b-uuixrmeafi] {
    color: var(--ink-3);
    text-align: left;
    white-space: normal;
}

.fx-table .total-row th[b-uuixrmeafi],
.fx-table .total-row td[b-uuixrmeafi] { color: var(--ink-3); font-weight: 500; }

@media (max-width: 800px) {
    .fx-row[b-uuixrmeafi],
    .fx-colhead[b-uuixrmeafi] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        row-gap: 5px;
    }

    .fx-row .track[b-uuixrmeafi] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .fx-row .now[b-uuixrmeafi]::before,
    .fx-row .then[b-uuixrmeafi]::before {
        display: block;
        color: var(--ink-3);
        font-size: 10px;
        font-weight: 650;
    }

    .fx-row .now[b-uuixrmeafi]::before { content: "This period"; }
    .fx-row .then[b-uuixrmeafi]::before { content: "A year earlier"; }
    .fx-colhead[b-uuixrmeafi] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .fx-row .bar[b-uuixrmeafi] { transition: none; }
}
/* /Components/Pages/TopicDetails/IndiaForexReserves/FxPeriodLedger.razor.rz.scp.css */
/* The two-span ledger: compact rows, one grey bar for the comparison span and one coloured bar for the selected span
   on a shared scale, then both readings and the change. Rises are green and falls red, as on the rest of the page. */
.ledger-legend[b-xxge2qu6hm] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 0 0 10px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.ledger-legend i[b-xxge2qu6hm] {
    display: inline-block;
    width: 14px;
    height: 9px;
    margin-right: 6px;
    border-radius: 2px;
    vertical-align: -1px;
}

.ledger-legend i.before[b-xxge2qu6hm] { background: var(--d-6); }
.ledger-legend i.now.pos[b-xxge2qu6hm] { background: var(--pos); }
.ledger-legend i.now.neg[b-xxge2qu6hm] { background: var(--neg); }

.ledger[b-xxge2qu6hm] {
    display: grid;
    gap: 1px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ledger li[b-xxge2qu6hm],
.ledger-head[b-xxge2qu6hm] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(7rem, 1.5fr) 6.2rem 6.2rem 6.6rem;
    align-items: center;
    gap: 12px;
    padding: 6px 8px;
    border-bottom: 1px solid var(--paper-deep);
}

.ledger-head[b-xxge2qu6hm] {
    padding: 0 8px 6px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.25;
    text-align: right;
}

.ledger li.total[b-xxge2qu6hm] {
    margin-top: 4px;
    border-top: 2px solid var(--ink);
    border-bottom: 0;
}

.ledger .name[b-xxge2qu6hm] {
    display: grid;
    gap: 1px;
    min-width: 0;
    color: var(--ink);
    font-size: 13.5px;
    font-weight: 600;
}

.ledger .label[b-xxge2qu6hm] { overflow-wrap: anywhere; }

.ledger li.total .label[b-xxge2qu6hm] { font-weight: 750; }

.ledger .meta[b-xxge2qu6hm] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-weight: 450;
    line-height: 1.35;
}

.ledger .then[b-xxge2qu6hm],
.ledger .now[b-xxge2qu6hm],
.ledger .swing[b-xxge2qu6hm] {
    color: var(--ink);
    font-size: 13.5px;
    font-weight: 650;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ledger .then[b-xxge2qu6hm] { color: var(--ink-2); font-weight: 550; }
.ledger .then.missing[b-xxge2qu6hm],
.ledger .now.missing[b-xxge2qu6hm],
.ledger .swing.missing[b-xxge2qu6hm] { color: var(--ink-4); }
.ledger .now.neg[b-xxge2qu6hm],
.ledger .swing.neg[b-xxge2qu6hm],
.ledger-table td.neg[b-xxge2qu6hm] { color: var(--neg); }
.ledger .now.pos[b-xxge2qu6hm],
.ledger .swing.pos[b-xxge2qu6hm],
.ledger-table td.pos[b-xxge2qu6hm] { color: var(--pos); }

.ledger .track[b-xxge2qu6hm] {
    position: relative;
    height: 26px;
    border-radius: 3px;
    background: var(--paper);
}

.ledger .zero[b-xxge2qu6hm] {
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 1px;
    background: var(--ink-4);
}

.ledger .bar[b-xxge2qu6hm] {
    position: absolute;
    height: 9px;
    border-radius: 2px;
    transition: left .18s ease, width .18s ease;
}

.ledger .bar.before[b-xxge2qu6hm] { top: 3px; background: var(--d-6); }
.ledger .bar.now[b-xxge2qu6hm] { top: 14px; }
.ledger .bar.now.pos[b-xxge2qu6hm] { background: var(--pos); }
.ledger .bar.now.neg[b-xxge2qu6hm] { background: var(--neg); }

.ledger-note[b-xxge2qu6hm] {
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 1px solid var(--paper-deep);
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.55;
}

.ledger-table-scroll[b-xxge2qu6hm] {
    overflow-x: auto;
    max-width: 100%;
}

.ledger-table[b-xxge2qu6hm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.ledger-table caption[b-xxge2qu6hm] {
    margin-bottom: 8px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.ledger-table th[b-xxge2qu6hm],
.ledger-table td[b-xxge2qu6hm] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.ledger-table th[scope="row"][b-xxge2qu6hm],
.ledger-table thead th:first-child[b-xxge2qu6hm] {
    text-align: left;
    white-space: normal;
}

.ledger-table .total-row th[b-xxge2qu6hm],
.ledger-table .total-row td[b-xxge2qu6hm] {
    border-top: 2px solid var(--ink);
    font-weight: 750;
}

@media (max-width: 800px) {
    .ledger-head[b-xxge2qu6hm] { display: none; }

    .ledger li[b-xxge2qu6hm] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 6px;
    }

    .ledger .name[b-xxge2qu6hm],
    .ledger .track[b-xxge2qu6hm] {
        grid-column: 1 / -1;
    }

    .ledger .then[b-xxge2qu6hm],
    .ledger .now[b-xxge2qu6hm],
    .ledger .swing[b-xxge2qu6hm] {
        text-align: left;
    }

    .ledger .then[b-xxge2qu6hm]::before,
    .ledger .now[b-xxge2qu6hm]::before,
    .ledger .swing[b-xxge2qu6hm]::before {
        content: attr(data-head);
        display: block;
        color: var(--ink-3);
        font-size: 10px;
        font-weight: 650;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ledger .bar[b-xxge2qu6hm] { transition: none; }
}
/* /Components/Pages/TopicDetails/IndiaForexReserves/IndiaForexReserves.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by
   IndiaBalanceOfPayments.razor.css. Keep the two files aligned until the
   shared subset moves into TopicDetailLayout.razor.css. */

.topic-data-state[b-kg70mf06e3] {
    width: min(calc(100% - 80px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-kg70mf06e3] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-kg70mf06e3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-kg70mf06e3],
.eyebrow[b-kg70mf06e3] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-kg70mf06e3] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(36px, 4.2vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.chart-period[b-kg70mf06e3] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-3);
    background: var(--surface);
    font-size: 12px;
    font-weight: 650;
}

.metric-grid[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.metric-card[b-kg70mf06e3] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: minmax(58px, auto) minmax(48px, auto) auto;
    min-width: 0;
    min-height: 196px;
    padding: 24px 22px 21px;
    border: 1px solid var(--paper-deep);
    border-top: 5px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 15px 35px -34px rgba(23, 55, 94, 0.7);
}

.metric-card.red[b-kg70mf06e3] { --metric-color: var(--neg); }
.metric-card.blue[b-kg70mf06e3] { --metric-color: var(--accent); }
.metric-card.orange[b-kg70mf06e3] { --metric-color: var(--d-3); }
.metric-card.green[b-kg70mf06e3] { --metric-color: var(--pos); }
.metric-card.violet[b-kg70mf06e3] { --metric-color: var(--d-5); }

.metric-heading[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.metric-heading h2[b-kg70mf06e3] {
    min-width: 0;
    margin: 0;
    color: var(--ink-4);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.24;
}

.metric-card > strong[b-kg70mf06e3] {
    align-self: center;
    overflow: hidden;
    color: var(--ink);
    font-size: clamp(25px, 2vw, 34px);
    font-weight: 750;
    line-height: 1;
    letter-spacing: -0.045em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-period[b-kg70mf06e3] {
    align-self: end;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
}

.status-badge[b-kg70mf06e3] {
    display: inline-flex;
    width: fit-content;
    min-height: 24px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-kg70mf06e3] {
    color: var(--pos);
    background: var(--paper-band);
}

.status-badge.provisional[b-kg70mf06e3] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.status-badge.estimated[b-kg70mf06e3] {
    color: var(--d-5);
}

.filter-panel[b-kg70mf06e3] {
    padding: 24px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 18px 42px -38px rgba(23, 55, 94, 0.75);
}

.filter-panel header[b-kg70mf06e3] {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-kg70mf06e3] {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.filter-panel header > span[b-kg70mf06e3] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.55;
}

.dashboard-filter-block[b-kg70mf06e3] {
    padding: 20px 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-kg70mf06e3] {
    display: block;
    margin-bottom: 11px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-kg70mf06e3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-kg70mf06e3] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-3);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-kg70mf06e3] {
    color: var(--on-accent);
    border-color: var(--pos);
    background: var(--pos);
    box-shadow: 0 8px 18px rgba(18, 139, 112, 0.16);
}

.filter-pill:disabled[b-kg70mf06e3] {
    color: var(--rule-2);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
    opacity: 0.72;
}

.filter-note[b-kg70mf06e3] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 10px;
    line-height: 1.5;
}

.date-inputs[b-kg70mf06e3] {
    display: grid;
    gap: 10px;
}

.date-inputs label[b-kg70mf06e3] {
    display: grid;
    gap: 6px;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 700;
}

.date-inputs input[b-kg70mf06e3] {
    width: 100%;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
}

.filter-footer[b-kg70mf06e3] {
    display: grid;
    gap: 12px;
    padding-top: 20px;
}

.filter-footer > span[b-kg70mf06e3] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
}

.reset-filters[b-kg70mf06e3] {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--pos);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.feature-layout[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
}

.chart-card[b-kg70mf06e3] {
    min-width: 0;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 20px 45px -42px rgba(23, 55, 94, 0.8);
}

.feature-chart-card[b-kg70mf06e3] {
    padding: 30px 30px 24px;
}

.chart-heading[b-kg70mf06e3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.chart-heading h2[b-kg70mf06e3],
.supporting-section-heading h2[b-kg70mf06e3] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(24px, 2vw, 31px);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.chart-heading h3[b-kg70mf06e3] {
    margin: 0;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.chart-heading > div > span[b-kg70mf06e3] {
    display: block;
    margin-top: 8px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
}

.feature-chart-card[b-kg70mf06e3]  .topic-feature-chart {
    margin-top: 22px;
}

.supporting-section-heading[b-kg70mf06e3] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.supporting-section-heading > span[b-kg70mf06e3] {
    max-width: 410px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
}

.supporting-chart-grid[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.detail-chart-card[b-kg70mf06e3] {
    min-height: 410px;
    padding: 26px;
}

.inline-empty-state[b-kg70mf06e3] {
    display: grid;
    min-height: 230px;
    place-items: center;
    padding: 24px;
    color: var(--ink-4);
    font-size: 13px;
    line-height: 1.55;
    text-align: center;
}

.account-history[b-kg70mf06e3],
.component-list[b-kg70mf06e3] {
    display: grid;
    gap: 15px;
    margin-top: 28px;
}

.account-history > div[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: 50px minmax(80px, 1fr) 92px;
    gap: 12px;
    align-items: center;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.account-history i[b-kg70mf06e3] {
    display: block;
    height: 11px;
    border-radius: 999px;
}

.account-history i.positive[b-kg70mf06e3] { background: var(--pos); }
.account-history i.negative[b-kg70mf06e3] { background: var(--neg); }
.positive-text[b-kg70mf06e3] { color: var(--pos); }
.negative-text[b-kg70mf06e3] { color: var(--neg); }

.fiscal-comparison[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: repeat(6, minmax(62px, 1fr));
    gap: 12px;
    align-items: end;
    min-height: 235px;
    margin-top: 30px;
    padding-bottom: 16px;
    overflow-x: auto;
    border-bottom: 1px solid var(--paper-deep);
}

.fiscal-column[b-kg70mf06e3] {
    display: grid;
    gap: 8px;
    justify-items: center;
}

.fiscal-column > strong[b-kg70mf06e3] {
    color: var(--ink-3);
    font-size: 10px;
    text-align: center;
}

.fiscal-bars[b-kg70mf06e3] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.fiscal-bars span[b-kg70mf06e3],
.monthly-bars span[b-kg70mf06e3] {
    display: block;
    min-height: 8px;
    border-radius: 5px 5px 2px 2px;
}

.fiscal-bars span[b-kg70mf06e3] { width: 14px; }
.fiscal-bars .current[b-kg70mf06e3] { background: var(--neg); }
.fiscal-bars .capital[b-kg70mf06e3] { background: var(--accent); }
.fiscal-bars .overall[b-kg70mf06e3] { background: var(--d-5); }

.chart-legend[b-kg70mf06e3] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.chart-legend span[b-kg70mf06e3] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-kg70mf06e3] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.chart-legend .current-account[b-kg70mf06e3] { background: var(--neg); }
.chart-legend .capital-account[b-kg70mf06e3] { background: var(--accent); }
.chart-legend .overall-balance[b-kg70mf06e3] { background: var(--d-5); }
.chart-legend .exports[b-kg70mf06e3] { background: var(--accent); }
.chart-legend .imports[b-kg70mf06e3] { background: var(--d-3); }

.monthly-bar-chart[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: repeat(12, minmax(48px, 1fr));
    gap: 9px;
    align-items: end;
    min-height: 245px;
    margin-top: 28px;
    padding-bottom: 14px;
    overflow-x: auto;
    border-bottom: 1px solid var(--paper-deep);
}

.monthly-column[b-kg70mf06e3] {
    display: grid;
    gap: 4px;
    justify-items: center;
}

.monthly-bars[b-kg70mf06e3] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.monthly-bars span[b-kg70mf06e3] { width: 16px; }
.monthly-bars .exports[b-kg70mf06e3] { background: var(--accent); }
.monthly-bars .imports[b-kg70mf06e3] { background: var(--d-3); }

.monthly-column strong[b-kg70mf06e3] {
    color: var(--ink-3);
    font-size: 10px;
    white-space: nowrap;
}

.monthly-column small[b-kg70mf06e3] {
    color: var(--ink-4);
    font-size: 9px;
}

.component-row[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: minmax(125px, 0.9fr) minmax(90px, 1.2fr) 82px;
    gap: 12px;
    align-items: center;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.component-row > div[b-kg70mf06e3] {
    height: 10px;
    border-radius: 999px;
    background: var(--paper-band);
}

.component-row i[b-kg70mf06e3] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.component-row i.positive[b-kg70mf06e3] { background: var(--pos); }
.component-row i.negative[b-kg70mf06e3] { background: var(--neg); }
.component-row i.total[b-kg70mf06e3] { background: var(--d-5); }

@media (max-width: 1260px) {
    .metric-grid[b-kg70mf06e3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .filter-panel[b-kg70mf06e3] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .filter-panel header[b-kg70mf06e3],
    .filter-footer[b-kg70mf06e3] {
        grid-column: 1 / -1;
    }

    .dashboard-filter-block[b-kg70mf06e3] {
        padding: 0;
        border-bottom: 0;
    }

    .date-inputs[b-kg70mf06e3] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-footer[b-kg70mf06e3] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--paper-band);
    }
}

@media (max-width: 900px) {
    .metric-grid[b-kg70mf06e3],
    .supporting-chart-grid[b-kg70mf06e3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-panel[b-kg70mf06e3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .supporting-section-heading[b-kg70mf06e3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .supporting-section-heading > span[b-kg70mf06e3] {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .topic-data-state[b-kg70mf06e3] {
        width: calc(100% - 40px);
    }

    .topic-heading-row[b-kg70mf06e3] {
        align-items: flex-start;
    }

    .metric-grid[b-kg70mf06e3],
    .supporting-chart-grid[b-kg70mf06e3],
    .filter-panel[b-kg70mf06e3] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-kg70mf06e3] {
        min-height: 170px;
    }

    .feature-chart-card[b-kg70mf06e3],
    .detail-chart-card[b-kg70mf06e3],
    .filter-panel[b-kg70mf06e3] {
        padding: 22px;
    }

    .chart-heading[b-kg70mf06e3] {
        flex-direction: column;
    }

    .date-inputs[b-kg70mf06e3] {
        grid-template-columns: 1fr;
    }

    .account-history > div[b-kg70mf06e3] {
        grid-template-columns: 44px minmax(70px, 1fr) 80px;
    }

    .component-row[b-kg70mf06e3] {
        grid-template-columns: 1fr;
        gap: 7px;
    }
}

.topic-lede[b-kg70mf06e3] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-kg70mf06e3] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-kg70mf06e3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-kg70mf06e3] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-kg70mf06e3],
.freshness small[b-kg70mf06e3] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-kg70mf06e3] {
    color: var(--ink);
    font-size: 13px;
}

.metric-sub[b-kg70mf06e3] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-note[b-kg70mf06e3] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.range-selects[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-kg70mf06e3] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-kg70mf06e3] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-scope[b-kg70mf06e3] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.chart-section[b-kg70mf06e3] {
    container-type: inline-size;
}

.chart-section + .chart-section[b-kg70mf06e3] {
    margin-top: 36px;
}

.section-heading[b-kg70mf06e3] {
    margin-bottom: 14px;
}

.section-heading h2[b-kg70mf06e3] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-grid[b-kg70mf06e3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-kg70mf06e3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.chart-callout[b-kg70mf06e3] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.sources-panel[b-kg70mf06e3] {
    width: min(100%, var(--maxw));
    margin: 8px auto 28px;
    padding: 0 40px;
}

.sources-panel h2[b-kg70mf06e3] {
    margin: 0 0 10px;
    color: var(--ink);
    font-size: var(--fs-h2);
    letter-spacing: -0.03em;
}

.sources-method[b-kg70mf06e3] {
    max-width: 860px;
    margin: 0 0 16px;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.55;
}

.sources-list[b-kg70mf06e3] {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sources-list li[b-kg70mf06e3] {
    display: grid;
    gap: 2px;
}

.sources-list a[b-kg70mf06e3],
.sources-list strong[b-kg70mf06e3] {
    color: var(--ink);
    font-weight: 700;
}

.sources-list span[b-kg70mf06e3] {
    color: var(--ink-3);
    font-size: 13px;
}

@media (max-width: 680px) {
    .freshness li[b-kg70mf06e3] {
        min-width: 0;
        flex: 1 1 140px;
    }

    .sources-panel[b-kg70mf06e3] {
        padding: 0 16px;
    }
}

/* ---- Reserves drill-down, readings and switches ------------------------------------------------ */

.range-pills[b-kg70mf06e3] {
    margin-bottom: 10px;
}

/* The filter groups are fieldsets for their legends; drop the browser's frame. */
fieldset.dashboard-filter-block[b-kg70mf06e3] {
    min-width: 0;
    margin: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

fieldset.dashboard-filter-block legend[b-kg70mf06e3] {
    padding: 0;
}

.chart-grid[b-kg70mf06e3] >  .topic-chart-card.wide-card {
    grid-column: 1 / -1;
}

.section-intro[b-kg70mf06e3] {
    max-width: 860px;
    margin: 8px 0 0;
    color: var(--ink-2);
    font-size: 14px;
    line-height: 1.55;
}

.card-seg[b-kg70mf06e3] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--rule);
    border-radius: 8px;
    background: var(--paper-band);
}

.card-seg button[b-kg70mf06e3] {
    padding: 6px 11px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--ink-2);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.card-seg button[aria-pressed="true"][b-kg70mf06e3] {
    background: var(--surface);
    color: var(--accent);
    font-weight: 650;
    box-shadow: 0 1px 2px rgba(31, 38, 48, .09);
}

.card-seg button:focus-visible[b-kg70mf06e3],
.quarter-picker select:focus-visible[b-kg70mf06e3] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.quarter-picker[b-kg70mf06e3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.quarter-picker label[b-kg70mf06e3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 700;
}

.quarter-picker select[b-kg70mf06e3] {
    min-height: 34px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.quarter-words[b-kg70mf06e3] {
    color: var(--ink-2);
    font-size: 13px;
    font-weight: 600;
}

.chart-reading[b-kg70mf06e3] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--ink-4);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--paper-band);
    font-size: 13px;
    line-height: 1.5;
}

.chart-note[b-kg70mf06e3] {
    margin: 10px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.5;
}

.explainer[b-kg70mf06e3] {
    max-width: 980px;
    margin: 0 0 18px;
    padding: 16px 18px;
    border: 1px solid var(--rule);
    border-left: 4px solid var(--accent);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.explainer h3[b-kg70mf06e3] {
    margin: 0 0 8px;
    color: var(--ink);
    font-size: 15px;
}

.explainer p[b-kg70mf06e3] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 14px;
    line-height: 1.55;
}

.explainer p:last-child[b-kg70mf06e3] {
    margin-bottom: 0;
}

/* The period ledger's verdict: the answer first, coloured by whether the selected span was worse or better. */
.verdict[b-kg70mf06e3] {
    max-width: 980px;
    margin: 0 0 18px;
    padding: 14px 18px 12px;
    border: 1px solid var(--rule);
    border-left: 5px solid var(--accent);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.verdict.worse[b-kg70mf06e3] { border-left-color: var(--neg); }
.verdict.better[b-kg70mf06e3] { border-left-color: var(--pos); }

.verdict-kicker[b-kg70mf06e3] {
    margin: 0 0 6px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.verdict.worse .verdict-kicker[b-kg70mf06e3] { color: var(--neg); }
.verdict.better .verdict-kicker[b-kg70mf06e3] { color: var(--pos); }

.verdict p:not(.verdict-kicker)[b-kg70mf06e3] {
    margin: 0 0 6px;
    color: var(--ink);
    font-size: 15px;
    line-height: 1.55;
}

.verdict p:last-child[b-kg70mf06e3] { margin-bottom: 0; }

@media (max-width: 680px) {
    .quarter-picker[b-kg70mf06e3] {
        padding: 10px;
    }

    .quarter-picker label[b-kg70mf06e3] {
        flex: 1 1 140px;
    }

    .quarter-picker select[b-kg70mf06e3] {
        flex: 1;
        min-width: 0;
    }
}
/* /Components/Pages/TopicDetails/IndiaInflationWatch/IndiaCpiContributions.razor.rz.scp.css */
.split-controls[b-hj7asq3zhu]{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 12px}
.split-controls label[b-hj7asq3zhu]{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:13px;font-weight:700;min-width:0}
.split-controls select[b-hj7asq3zhu]{flex:1 1 200px;min-width:0;max-width:min(100%,520px);padding:7px 9px;border:1px solid var(--paper-deep);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}
.link-button[b-hj7asq3zhu]{padding:0;border:0;background:none;color:var(--accent-deep);font:inherit;font-weight:600;cursor:pointer;text-align:left}
.link-button:hover[b-hj7asq3zhu]{text-decoration:underline}
.reading[b-hj7asq3zhu]{margin:14px 0;padding:12px 16px;border-left:3px solid var(--accent);background:var(--surface);color:var(--ink-2);font-size:14px;line-height:1.65}
.table-scroll[b-hj7asq3zhu]{max-width:100%;overflow:auto;border:1px solid var(--paper-deep);border-radius:12px;background:var(--surface)}
.table-scroll:focus-visible[b-hj7asq3zhu]{outline:none;box-shadow:var(--ring)}
table[b-hj7asq3zhu]{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
th[b-hj7asq3zhu],td[b-hj7asq3zhu]{padding:8px 12px;border-bottom:1px solid var(--paper-band);text-align:left;vertical-align:top}
thead th[b-hj7asq3zhu]{background:var(--paper);color:var(--ink-2);font-size:12px}
td[b-hj7asq3zhu]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tbody th[b-hj7asq3zhu]{font-weight:600}
tr.residual th[b-hj7asq3zhu],tr.residual td[b-hj7asq3zhu]{color:var(--ink-3);font-style:italic}
tr.total th[b-hj7asq3zhu],tr.total td[b-hj7asq3zhu]{font-weight:750;border-top:2px solid var(--paper-deep)}

/* Rank by: re-orders the ladder and the table; both measures stay on screen. */
.rank-toggle[b-hj7asq3zhu]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.rank-toggle .rank-label[b-hj7asq3zhu]{margin-right:2px;color:var(--ink-2);font-size:13px;font-weight:700}
.rank-toggle button[b-hj7asq3zhu]{padding:6px 11px;border:1px solid var(--paper-deep);border-radius:999px;background:var(--surface);color:var(--ink-2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.rank-toggle button:hover[b-hj7asq3zhu]{border-color:var(--accent-tint)}
.rank-toggle button[aria-pressed="true"][b-hj7asq3zhu]{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-deep)}
.rank-toggle button:focus-visible[b-hj7asq3zhu]{outline:2px solid var(--accent);outline-offset:2px}

/* The ladder: weight under the name, then own price change and what it added, each on its own scale from zero.
   Colours match the US explorer: blue for a price change, teal for what it added, terracotta for a fall. */
.ladder[b-hj7asq3zhu],.ladder-head[b-hj7asq3zhu]{--own:#3162c7;--up:#058e7a;--down:#bb684f}
.ladder-head[b-hj7asq3zhu],.ladder-row[b-hj7asq3zhu]{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(6rem,1fr) 4.6rem minmax(6rem,1fr) 5.2rem;align-items:center;column-gap:12px}
.ladder-head[b-hj7asq3zhu]{padding:4px 10px 8px;color:var(--ink-3);font-size:11.5px;font-weight:650;line-height:1.25}
.ladder-head small[b-hj7asq3zhu]{display:block;font-weight:550}
.ladder-head .head-price[b-hj7asq3zhu]{grid-column:2 / 4}
.ladder-head .head-added[b-hj7asq3zhu]{grid-column:4 / 6}
.ladder[b-hj7asq3zhu]{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.ladder-row[b-hj7asq3zhu]{width:100%;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left}
button.ladder-row[b-hj7asq3zhu]{cursor:pointer}
button.ladder-row:hover[b-hj7asq3zhu]{border-color:var(--accent-tint);background:var(--accent-wash)}
.ladder-row:focus-visible[b-hj7asq3zhu]{outline:2px solid var(--accent);outline-offset:2px}
.ladder-row .name[b-hj7asq3zhu]{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;color:var(--ink);font-size:14px}
.ladder-row .label[b-hj7asq3zhu]{overflow-wrap:anywhere}
.ladder-row .arrow[b-hj7asq3zhu]{color:var(--accent);font-weight:700}
.ladder-row .meta[b-hj7asq3zhu]{flex-basis:100%;color:var(--ink-3);font-size:12px;font-variant-numeric:tabular-nums}
.ladder-row .track[b-hj7asq3zhu]{position:relative;height:16px;border-radius:3px;background:var(--paper)}
.ladder-row .track.empty[b-hj7asq3zhu]{background:none}
.ladder-row .zero[b-hj7asq3zhu]{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--ink-4)}
.ladder-row .bar[b-hj7asq3zhu]{position:absolute;top:0;bottom:0;transition:left .18s ease,width .18s ease}
.ladder-row .bar.up[b-hj7asq3zhu]{border-radius:0 4px 4px 0}
.ladder-row .bar.down[b-hj7asq3zhu]{border-radius:4px 0 0 4px;background:var(--down)}
.ladder-row .track.price .bar.up[b-hj7asq3zhu]{background:var(--own)}
.ladder-row .track.added .bar.up[b-hj7asq3zhu]{background:var(--up)}
.ladder-row .value[b-hj7asq3zhu]{color:var(--ink);font-size:14px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ladder-row.total[b-hj7asq3zhu]{margin-top:4px;padding-top:10px;border-top:1px solid var(--paper-deep);border-radius:0}
.ladder-row.total .label[b-hj7asq3zhu]{font-weight:750}
.ladder-row.total .value[b-hj7asq3zhu]{color:var(--ink-2);font-weight:750}
.weight-note[b-hj7asq3zhu]{margin:12px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.6}

@media (max-width:680px){
    .ladder-head[b-hj7asq3zhu],.ladder-row[b-hj7asq3zhu]{grid-template-columns:minmax(0,1fr) 3.9rem minmax(0,1fr) 4.5rem;row-gap:6px;column-gap:8px}
    .ladder-head>span:first-child[b-hj7asq3zhu],.ladder-row .name[b-hj7asq3zhu]{grid-column:1 / -1}
    .ladder-head .head-price[b-hj7asq3zhu]{grid-column:1 / 3}
    .ladder-head .head-added[b-hj7asq3zhu]{grid-column:3 / 5}
    .ladder-row .value[b-hj7asq3zhu]{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.ladder-row .bar[b-hj7asq3zhu]{transition:none}}
/* /Components/Pages/TopicDetails/IndiaInflationWatch/IndiaCpiHeatmap.razor.rz.scp.css */
.matrix-controls[b-73f06h1x4m]{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 12px}
.matrix-controls label[b-73f06h1x4m]{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:13px;font-weight:700}
.matrix-controls select[b-73f06h1x4m]{padding:7px 9px;border:1px solid var(--paper-deep);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}
.scale[b-73f06h1x4m]{display:flex;align-items:center;gap:10px;margin:0 0 0 auto;color:var(--ink-3);font-size:11px}
.scale-bar[b-73f06h1x4m]{display:inline-block;width:120px;height:10px;border-radius:5px;background:linear-gradient(90deg,color-mix(in oklab,var(--pos) 70%,var(--surface)),var(--surface) 50%,color-mix(in oklab,var(--neg) 70%,var(--surface)))}
.matrix-scroll[b-73f06h1x4m]{max-width:100%;overflow:auto;border:1px solid var(--paper-deep);border-radius:12px;background:var(--surface)}
.matrix-scroll:focus-visible[b-73f06h1x4m]{outline:none;box-shadow:var(--ring)}
.matrix[b-73f06h1x4m]{border-collapse:separate;border-spacing:0;font-size:11px;width:100%}
.matrix th[b-73f06h1x4m],.matrix td[b-73f06h1x4m]{padding:5px 2px;border-bottom:1px solid var(--paper-band);white-space:nowrap}
.matrix thead th[b-73f06h1x4m]{position:sticky;top:0;background:var(--paper);color:var(--ink-2);font-size:11px;text-align:center;z-index:1}
.matrix thead th:first-child[b-73f06h1x4m]{text-align:left}
.matrix tbody th[b-73f06h1x4m]{position:sticky;left:0;background:var(--surface);text-align:left;font-weight:600;color:var(--ink);z-index:1;min-width:120px;max-width:160px;white-space:normal;padding-right:6px;font-size:12px}
.matrix td[b-73f06h1x4m]{text-align:center;font-variant-numeric:tabular-nums;color:var(--ink)}
.matrix td.empty[b-73f06h1x4m]{color:var(--ink-3);background:var(--surface)}
.matrix td.provisional[b-73f06h1x4m]{font-style:italic}
.matrix td.old-base[b-73f06h1x4m]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink-3) 35%,transparent)}
.matrix th.new-base[b-73f06h1x4m],.matrix td.new-base[b-73f06h1x4m]{border-left:3px solid var(--ink-2)}
.matrix tr.level-all th[b-73f06h1x4m],.matrix tr.level-core th[b-73f06h1x4m]{font-weight:750}
.matrix tr.level-group th[b-73f06h1x4m]{padding-left:18px;font-weight:500;color:var(--ink-2)}
.matrix tr.level-all td[b-73f06h1x4m],.matrix tr.level-core td[b-73f06h1x4m]{font-weight:700}
.matrix-note[b-73f06h1x4m]{margin:12px 0 0;color:var(--ink-3);font-size:12.5px;line-height:1.6}
details[b-73f06h1x4m]{margin-top:12px;font-size:12.5px}summary[b-73f06h1x4m]{cursor:pointer;color:var(--accent-deep);font-weight:700}
.map[b-73f06h1x4m]{width:100%;border-collapse:collapse;margin-top:10px}.map th[b-73f06h1x4m],.map td[b-73f06h1x4m]{padding:6px 8px;border-bottom:1px solid var(--paper-band);text-align:left;vertical-align:top;font-size:12px}
@media (max-width:680px){.matrix[b-73f06h1x4m]{font-size:11.5px}.matrix th[b-73f06h1x4m],.matrix td[b-73f06h1x4m]{padding:6px 5px}.matrix tbody th[b-73f06h1x4m]{min-width:120px;max-width:140px}.scale[b-73f06h1x4m]{margin-left:0}}
/* /Components/Pages/TopicDetails/IndiaInflationWatch/IndiaInflationWatch.razor.rz.scp.css */
.topic-data-state[b-xer1wsumwf]{width:min(calc(100% - 48px),var(--maxw));margin:52px auto;padding:28px;border:1px solid var(--paper-deep);border-radius:16px;color:var(--ink-3)}
.error-state[b-xer1wsumwf]{color:var(--neg)}
.topic-heading-row[b-xer1wsumwf]{display:flex;justify-content:space-between;align-items:start;gap:24px}
.topic-category[b-xer1wsumwf],.eyebrow[b-xer1wsumwf]{margin:0 0 9px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.topic-heading-row h1[b-xer1wsumwf]{margin:0;color:var(--ink);font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;line-height:1.04}
.topic-lede[b-xer1wsumwf]{max-width:1050px;color:var(--ink-2);font:22px/1.5 var(--serif);margin:25px 0 8px}
.topic-lede-more[b-xer1wsumwf]{max-width:1050px;color:var(--ink-3);line-height:1.65;margin:18px 0}
a[b-xer1wsumwf]{color:var(--accent)}
.metric-grid[b-xer1wsumwf]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.metric-card[b-xer1wsumwf]{display:flex;flex-direction:column;min-width:0;min-height:145px;padding:21px;border:1px solid var(--paper-deep);border-top:5px solid var(--accent);border-radius:12px;background:var(--surface)}
.metric-card h2[b-xer1wsumwf]{font-size:14px;color:var(--ink-3);margin:0 0 17px}.metric-card strong[b-xer1wsumwf]{color:var(--ink);font-size:clamp(24px,2vw,34px);line-height:1.1;white-space:nowrap}.metric-card span[b-xer1wsumwf]{margin-top:auto;color:var(--ink-3);font-size:12px}
.kpi-note[b-xer1wsumwf]{color:var(--ink-3);font-size:12px;margin:12px 0 0}
.filter-panel[b-xer1wsumwf]{padding:24px;border:1px solid var(--paper-deep);border-radius:12px;background:var(--paper)}
.filter-panel h2[b-xer1wsumwf]{margin:0 0 18px;color:var(--ink);font-size:23px}.filter-panel label[b-xer1wsumwf]{display:grid;gap:7px;color:var(--ink-2);font-size:13px;font-weight:700;margin:16px 0}.filter-panel select[b-xer1wsumwf]{width:100%;padding:10px;border:1px solid var(--paper-deep);border-radius:6px;background:var(--surface);color:var(--ink)}.filter-panel p:last-child[b-xer1wsumwf]{color:var(--ink-3);font-size:12px;line-height:1.6}
.chart-section[b-xer1wsumwf]{margin-top:28px}.chart-section h2[b-xer1wsumwf]{color:var(--ink);font-size:27px;margin:0 0 18px}
.movers-note[b-xer1wsumwf]{max-width:900px;color:var(--ink-3);font-size:13px;line-height:1.6;margin:0 0 16px}
.movers-grid[b-xer1wsumwf]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.movers .table-scroll[b-xer1wsumwf]{max-width:100%;overflow:auto;background:var(--surface);border:1px solid var(--paper-deep);border-radius:12px}
.movers .table-scroll:focus-visible[b-xer1wsumwf]{outline:none;box-shadow:var(--ring)}
.movers table[b-xer1wsumwf]{width:100%;border-collapse:collapse;font-size:13px}
.movers caption[b-xer1wsumwf]{text-align:left;padding:12px 14px 6px;color:var(--ink);font-weight:750}
.movers th[b-xer1wsumwf],.movers td[b-xer1wsumwf]{padding:8px 14px;border-top:1px solid var(--paper-band);text-align:left;vertical-align:top}
.movers td[b-xer1wsumwf]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.movers td:first-of-type[b-xer1wsumwf]{text-align:left;white-space:normal;color:var(--ink-3)}
.movers tbody th[b-xer1wsumwf]{font-weight:600}
.after-shell[b-xer1wsumwf]{width:min(100%,var(--maxw));margin:auto;padding:0 40px}.method-panel[b-xer1wsumwf]{border:1px solid var(--paper-deep);border-radius:16px;padding:30px;margin-bottom:22px}.method-panel h2[b-xer1wsumwf]{font-size:30px;margin:0 0 20px}.method-grid[b-xer1wsumwf]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.method-grid h3[b-xer1wsumwf]{font-size:16px;margin:0 0 7px}.method-grid p[b-xer1wsumwf],.method-panel>p:last-child[b-xer1wsumwf]{font-size:13px;color:var(--ink-3);line-height:1.6;margin:0}.method-panel>p:last-child[b-xer1wsumwf]{margin-top:24px;padding-top:14px;border-top:1px solid var(--paper-deep)}
.method-panel ul[b-xer1wsumwf]{margin:0;padding-left:20px;line-height:1.8}
@media(max-width:1100px){.metric-grid[b-xer1wsumwf]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.movers-grid[b-xer1wsumwf],.method-grid[b-xer1wsumwf]{grid-template-columns:1fr}.metric-grid[b-xer1wsumwf]{grid-template-columns:repeat(2,minmax(0,1fr))}.after-shell[b-xer1wsumwf]{padding:0 20px}}@media(max-width:480px){.metric-grid[b-xer1wsumwf]{grid-template-columns:1fr}.movers th:nth-child(2)[b-xer1wsumwf],.movers td:nth-child(2)[b-xer1wsumwf]{display:none}.movers th[b-xer1wsumwf],.movers td[b-xer1wsumwf]{padding:8px 10px}}
/* /Components/Pages/TopicDetails/IndiaInstitutionalEquityFlows/IndiaInstitutionalEquityFlows.razor.rz.scp.css */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-nss67b82s7] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-nss67b82s7] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-nss67b82s7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-nss67b82s7],
.eyebrow[b-nss67b82s7] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-nss67b82s7] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-nss67b82s7] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-nss67b82s7] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-nss67b82s7] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-nss67b82s7] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-nss67b82s7] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-nss67b82s7] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-nss67b82s7] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-nss67b82s7] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-nss67b82s7] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-nss67b82s7] { --metric-color: var(--neg); }
.metric-card.blue[b-nss67b82s7] { --metric-color: var(--accent); }
.metric-card.green[b-nss67b82s7] { --metric-color: var(--pos); }

.metric-heading[b-nss67b82s7] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-nss67b82s7] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-nss67b82s7] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-nss67b82s7] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-nss67b82s7] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-nss67b82s7] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-nss67b82s7] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-nss67b82s7] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-nss67b82s7] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-nss67b82s7] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-nss67b82s7] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-nss67b82s7] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-nss67b82s7] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-nss67b82s7] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-nss67b82s7] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-nss67b82s7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-nss67b82s7] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-nss67b82s7] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-nss67b82s7] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-nss67b82s7],
.reset-filters:focus-visible[b-nss67b82s7],
.range-selects select:focus-visible[b-nss67b82s7],
.measure-toggle button:focus-visible[b-nss67b82s7] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-nss67b82s7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-nss67b82s7] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-nss67b82s7] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-nss67b82s7] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-nss67b82s7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-nss67b82s7] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-nss67b82s7] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-nss67b82s7] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-nss67b82s7] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-nss67b82s7] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-nss67b82s7] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-nss67b82s7] {
    color: var(--on-accent);
    background: var(--ink-2);
}

/* Supporting sections */
.chart-section + .chart-section[b-nss67b82s7] {
    margin-top: 36px;
}

.section-heading[b-nss67b82s7] {
    margin-bottom: 14px;
}

.section-heading h2[b-nss67b82s7] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-nss67b82s7] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-nss67b82s7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-nss67b82s7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-nss67b82s7] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.commodity-columns[b-nss67b82s7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px 28px;
}

.commodity-columns h4[b-nss67b82s7] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 13px;
}

.sale-reading p[b-nss67b82s7] {
    max-width: 920px;
    margin: 0 0 10px;
    color: var(--ink-2);
    font-size: 15px;
    line-height: 1.6;
}

.not-measured[b-nss67b82s7] {
    margin: 16px 0 0;
    padding: 12px 14px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--paper);
}

.not-measured strong[b-nss67b82s7] {
    display: block;
    margin-bottom: 6px;
    color: var(--ink);
    font-size: 13px;
}

.not-measured ul[b-nss67b82s7] {
    margin: 0;
    padding-left: 18px;
    color: var(--ink-2);
    font-size: 13.5px;
    line-height: 1.55;
}

.not-measured li[b-nss67b82s7] {
    margin: 6px 0;
}

.not-measured a[b-nss67b82s7] {
    color: var(--accent-deep);
    font-weight: 650;
}

.calculation-detail[b-nss67b82s7] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--rule);
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.calculation-detail summary[b-nss67b82s7] {
    color: var(--accent);
    cursor: pointer;
    font-weight: 700;
}

.calculation-detail p[b-nss67b82s7] {
    max-width: 920px;
    margin: 12px 0;
}

.table-scroll[b-nss67b82s7] {
    max-width: 100%;
    max-height: 320px;
    overflow: auto;
    margin-top: 8px;
}

.calculation-detail table[b-nss67b82s7] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.calculation-detail caption[b-nss67b82s7] {
    margin-bottom: 8px;
    caption-side: top;
    text-align: left;
    color: var(--ink-3);
    font-size: 12px;
}

.calculation-detail th[b-nss67b82s7],
.calculation-detail td[b-nss67b82s7] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--rule);
    text-align: right;
    white-space: nowrap;
}

.calculation-detail th:first-child[b-nss67b82s7],
.calculation-detail td:first-child[b-nss67b82s7] {
    text-align: left;
}

.calculation-detail thead th[b-nss67b82s7] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.chart-callout[b-nss67b82s7] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-nss67b82s7] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-nss67b82s7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .topic-heading-row[b-nss67b82s7] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-nss67b82s7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-nss67b82s7] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-nss67b82s7] {
        font-size: 24px;
    }

    .freshness li[b-nss67b82s7] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-nss67b82s7] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-nss67b82s7] {
        grid-template-columns: 1fr;
    }
}

/* One full-width select (scheme category). */
.range-selects.single[b-nss67b82s7] {
    grid-template-columns: 1fr;
}

.range-selects select:disabled[b-nss67b82s7] {
    color: var(--ink-4);
    background: var(--paper);
}

.topic-lede-more a[b-nss67b82s7] {
    color: var(--accent-deep);
    font-weight: 650;
}

.measure-toggle button:disabled[b-nss67b82s7] {
    color: var(--ink-4);
    cursor: not-allowed;
}

/* Long headline values ("₹86.92 lakh cr") shrink rather than overflow the card. */
.metric-card > strong.long[b-nss67b82s7] {
    font-size: clamp(21px, 1.75vw, 28px);
}

/* Values calculated from published closes (returns, premiums). */
.status-badge.calculated[b-nss67b82s7] {
    color: var(--accent-deep);
    background: var(--accent-wash);
}

/* Net equity investment by sector: a diverging bar from the middle (sales left, purchases right). */
.sector-flows[b-nss67b82s7] {
    display: grid;
    gap: 2px;
    font-size: 13px;
}

.sector-row[b-nss67b82s7] {
    display: grid;
    grid-template-columns: minmax(140px, 1.2fr) minmax(140px, 1.7fr) minmax(110px, 0.8fr) minmax(220px, 1.3fr) minmax(100px, 0.7fr);
    align-items: center;
    gap: 12px;
    padding: 5px 0;
    border-bottom: 1px solid var(--paper-deep);
}

.sector-head[b-nss67b82s7] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.sector-head > span:nth-child(n + 3)[b-nss67b82s7],
.sector-net[b-nss67b82s7],
.sector-holdings[b-nss67b82s7],
.sector-price[b-nss67b82s7] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.sector-scale[b-nss67b82s7] {
    display: flex;
    justify-content: space-between;
}

.sector-scale i[b-nss67b82s7] { font-style: normal; }

.sector-name[b-nss67b82s7] {
    color: var(--ink);
    font-weight: 600;
}

.sector-track[b-nss67b82s7] {
    position: relative;
    height: 14px;
}

.sector-track .zero[b-nss67b82s7] {
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: 50%;
    width: 1px;
    background: var(--ink-3);
}

.sector-track b[b-nss67b82s7] {
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 2px;
}

.sector-track b.sold[b-nss67b82s7] { background: var(--neg); }
.sector-track b.bought[b-nss67b82s7] { background: var(--pos); }

.sector-net[b-nss67b82s7] {
    font-weight: 650;
}

.sector-net small[b-nss67b82s7] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 500;
}

.sector-net.neg[b-nss67b82s7],
.sector-price.neg[b-nss67b82s7] { color: var(--neg); }
.sector-net.pos[b-nss67b82s7] { color: var(--pos); }

.sector-holdings[b-nss67b82s7],
.sector-price[b-nss67b82s7] {
    color: var(--ink-2);
    white-space: nowrap;
}

.sector-total[b-nss67b82s7] {
    margin: 12px 0 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

@media (max-width: 760px) {
    .sector-row[b-nss67b82s7] {
        grid-template-columns: minmax(0, 1fr) minmax(90px, auto);
        gap: 4px 10px;
    }

    .sector-head[b-nss67b82s7] { display: none; }
    .sector-track[b-nss67b82s7] { grid-column: 1 / -1; grid-row: 2; }
    .sector-holdings[b-nss67b82s7],
    .sector-price[b-nss67b82s7] { display: none; }
}

.sector-open[b-nss67b82s7] {
    padding: 0;
    border: 0;
    color: var(--ink);
    background: none;
    font: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.sector-open span[b-nss67b82s7] { color: var(--accent); }
.sector-open:hover[b-nss67b82s7] { color: var(--accent-deep); }
.sector-open:focus-visible[b-nss67b82s7] { outline: none; box-shadow: var(--ring); border-radius: 2px; }

.sector-stocks[b-nss67b82s7] {
    margin: 2px 0 8px;
    padding: 10px 14px 12px;
    border-radius: var(--r-sm);
    background: var(--paper);
}

.stock-span[b-nss67b82s7] {
    margin: 0 0 8px;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.5;
}

.stock-sides[b-nss67b82s7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px 28px;
}

.stock-sides h4[b-nss67b82s7] {
    margin: 0 0 4px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.stock-sides ol[b-nss67b82s7] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.stock-sides li[b-nss67b82s7] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    border-bottom: 1px solid var(--paper-deep);
}

.stock-name[b-nss67b82s7] {
    color: var(--ink);
    font-weight: 600;
}

.stock-name small[b-nss67b82s7],
.stock-change small[b-nss67b82s7] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 500;
}

.stock-change[b-nss67b82s7] {
    font-weight: 650;
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.stock-change.neg[b-nss67b82s7] { color: var(--neg); }
.stock-change.pos[b-nss67b82s7] { color: var(--pos); }
.stock-none[b-nss67b82s7] { margin: 0; color: var(--ink-3); font-size: 12px; }
/* /Components/Pages/TopicDetails/IndiaLiquidity/IndiaLiquidity.razor.rz.scp.css */
.topic-heading-row[b-d0l564vdji] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px 24px;
}

.freshness[b-d0l564vdji] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-d0l564vdji] {
    display: grid;
    gap: 2px;
    min-width: 160px;
    padding: 10px 12px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.freshness span[b-d0l564vdji],
.freshness small[b-d0l564vdji] {
    color: var(--ink-3);
    font-size: 11px;
}

.freshness strong[b-d0l564vdji] {
    color: var(--ink);
    font-size: 13px;
}

.metric-grid[b-d0l564vdji] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-d0l564vdji] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-d0l564vdji] { --metric-color: var(--neg); }
.metric-card.blue[b-d0l564vdji] { --metric-color: var(--accent); }
.metric-card.green[b-d0l564vdji] { --metric-color: var(--pos); }

.metric-heading[b-d0l564vdji] {
    display: grid;
    gap: 6px;
}

.metric-heading h2[b-d0l564vdji] {
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-d0l564vdji] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
}

.metric-card > strong.long[b-d0l564vdji] { font-size: 28px; }

.metric-sub[b-d0l564vdji] {
    display: grid;
    gap: 3px;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-period[b-d0l564vdji] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-d0l564vdji] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--pos);
    background: var(--pos-tint);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.status-badge.calculated[b-d0l564vdji] {
    color: var(--ink-2);
    background: var(--paper);
}

.filter-panel[b-d0l564vdji] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-d0l564vdji] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-d0l564vdji] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
}

.filter-note[b-d0l564vdji],
.section-note[b-d0l564vdji] {
    max-width: 72ch;
    margin: 12px 0 0;
    color: var(--ink-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.pill-group[b-d0l564vdji] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.filter-pill[b-d0l564vdji] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-d0l564vdji] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.section-heading h2[b-d0l564vdji] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-d0l564vdji] { container-type: inline-size; }

.chart-grid[b-d0l564vdji] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-d0l564vdji] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.chart-callout[b-d0l564vdji] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.policy-callout[b-d0l564vdji] {
    border-left-color: var(--ink-3);
    background: var(--paper);
}

.association-table .text-cell[b-d0l564vdji],
.text-cell[b-d0l564vdji] {
    max-width: 52ch;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.45;
    text-align: left;
}

.pair-with[b-d0l564vdji] {
    color: var(--ink-3);
    font-weight: 500;
}

.after-dashboard-shell[b-d0l564vdji] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-d0l564vdji] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .topic-heading-row[b-d0l564vdji] { flex-direction: column; }
    .metric-grid[b-d0l564vdji] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .metric-card > strong[b-d0l564vdji] { font-size: 24px; }
    .after-dashboard-shell[b-d0l564vdji] { padding: 0 20px; }
}

@media (max-width: 420px) {
    .metric-grid[b-d0l564vdji] { grid-template-columns: 1fr; }
}
/* /Components/Pages/TopicDetails/IndiaMutualFundSips/IndiaMutualFundFlowSignal.razor.rz.scp.css */
/* Mirrors the IndiaBopPressureWatch panel so both topics read the same way,
   but resolves every colour through the Ledger Pro tokens in app.css. */

.flow-signal[b-7p5itc9bi9] {
    --watch: var(--neg, #be3448);
    --history: var(--accent, #0b7a68);
    width: 100%;
    margin: 0 0 52px;
    padding: 30px;
    border: 1px solid var(--accent-tint, #cfebe5);
    border-radius: 18px;
    background: var(--accent-wash, #f0faf8);
    color: var(--ink, #1f2630);
}

.signal-heading[b-7p5itc9bi9] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px;
}

.eyebrow[b-7p5itc9bi9] {
    margin: 0 0 12px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-7p5itc9bi9] {
    margin: 0;
    font-size: clamp(28px, 3vw, 40px);
    letter-spacing: -0.035em;
    line-height: 1.15;
}

.intro[b-7p5itc9bi9] {
    max-width: 820px;
    margin: 14px 0 22px;
    color: var(--ink-3);
    line-height: 1.6;
}

.month-control[b-7p5itc9bi9] {
    display: grid;
    flex-shrink: 0;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ink-2);
}

select[b-7p5itc9bi9] {
    min-width: 175px;
    padding: 12px 38px 12px 14px;
    border: 2px solid var(--accent-bright);
    border-radius: 8px;
    background-color: var(--surface);
    color: var(--accent-deep);
    font: inherit;
    font-size: 16px;
}

select:focus-visible[b-7p5itc9bi9],
button:focus-visible[b-7p5itc9bi9],
summary:focus-visible[b-7p5itc9bi9],
a:focus-visible[b-7p5itc9bi9],
.table-scroll:focus-visible[b-7p5itc9bi9] {
    outline: 3px solid var(--accent-bright);
    outline-offset: 3px;
}

.scope-bar[b-7p5itc9bi9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 24px;
    border-top: 1px solid var(--accent-tint);
    padding-top: 16px;
    font-size: 13px;
    color: var(--ink-3);
}

.historical-label[b-7p5itc9bi9] {
    padding: 5px 9px;
    border-radius: 5px;
    background: var(--accent-tint);
    color: var(--accent-deep);
    font-weight: 650;
}

.scope-note[b-7p5itc9bi9] {
    margin: 10px 0 22px;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.6;
}

.signal-grid[b-7p5itc9bi9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    /* Stretch rather than start: the four readings need different amounts of
       explanation, and ragged card bottoms read as a layout bug. */
    align-items: stretch;
}

.signal-card[b-7p5itc9bi9] {
    min-width: 0;
    border: 1px solid var(--accent-tint);
    border-radius: 12px;
    padding: 22px 20px;
    background: var(--surface);
    box-shadow: var(--lift);
}

.card-heading[b-7p5itc9bi9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: start;
}

h3[b-7p5itc9bi9] {
    min-height: 76px;
    margin: 0;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: -0.015em;
}

.reading-status[b-7p5itc9bi9] {
    border: 1px solid var(--rule);
    border-radius: 5px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 750;
    color: var(--ink-3);
    background: var(--paper);
}

.reading-status.crossed[b-7p5itc9bi9] {
    border-color: rgba(190, 52, 72, 0.28);
    color: var(--neg);
    background: var(--neg-tint);
}

.reading[b-7p5itc9bi9] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
    font-variant-numeric: tabular-nums;
}

.reading strong[b-7p5itc9bi9] {
    font-size: clamp(28px, 2.8vw, 38px);
    line-height: 1.15;
    letter-spacing: -0.04em;
}

.reading span[b-7p5itc9bi9] {
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 650;
}

.reading-month[b-7p5itc9bi9] {
    margin: 6px 0 16px;
    font-size: 12px;
    color: var(--ink-3);
}

.threshold-key[b-7p5itc9bi9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 8px;
    color: var(--neg);
    font-size: 12px;
    font-weight: 650;
}

.threshold-key i[b-7p5itc9bi9] {
    width: 18px;
    border-top: 2px dashed var(--watch);
}

.direction-key[b-7p5itc9bi9] {
    /* Holds the four cards on a shared baseline when one reading needs three
       lines to explain its direction. */
    min-height: 52px;
    margin: 0 0 14px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.55;
}

svg[b-7p5itc9bi9] {
    display: block;
    width: 100%;
    overflow: visible;
    font-family: inherit;
}

svg text[b-7p5itc9bi9] {
    font-size: 22px;
    fill: var(--ink-3);
    font-variant-numeric: tabular-nums;
}

.grid-line[b-7p5itc9bi9] {
    stroke: var(--rule);
    stroke-width: 1;
}

.watch-line[b-7p5itc9bi9] {
    stroke: var(--watch);
    stroke-width: 2;
    stroke-dasharray: 6 5;
}

.history-line[b-7p5itc9bi9] {
    fill: none;
    stroke: var(--history);
    stroke-width: 2.5;
    stroke-linejoin: round;
}

.inspection-line[b-7p5itc9bi9] {
    stroke: var(--ink-4);
    stroke-width: 1.5;
    stroke-dasharray: 3 5;
}

.crossing-point[b-7p5itc9bi9] {
    fill: var(--watch);
    stroke: var(--surface);
    stroke-width: 1.5;
}

.observation-point[b-7p5itc9bi9] {
    fill: var(--history);
    stroke: var(--surface);
    stroke-width: 1.5;
}

.chart-empty[b-7p5itc9bi9] {
    min-height: 170px;
    display: grid;
    align-items: center;
    padding: 20px;
    background: var(--paper);
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.5;
}

.screen-reading[b-7p5itc9bi9] {
    min-height: 90px;
    margin: 12px 0 18px;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.65;
}

.calculation-detail[b-7p5itc9bi9] {
    padding-top: 15px;
    border-top: 1px solid var(--rule);
    font-size: 12px;
    line-height: 1.6;
}

summary[b-7p5itc9bi9] {
    color: var(--accent);
    cursor: pointer;
    font-weight: 700;
}

.calculation-detail p[b-7p5itc9bi9] {
    margin: 14px 0;
}

a[b-7p5itc9bi9] {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.table-scroll[b-7p5itc9bi9] {
    max-width: 100%;
    max-height: 260px;
    overflow: auto;
    margin-top: 15px;
}

table[b-7p5itc9bi9] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 11px;
}

caption[b-7p5itc9bi9] {
    padding-bottom: 8px;
    text-align: left;
    font-weight: 700;
    color: var(--ink-2);
}

th[b-7p5itc9bi9],
td[b-7p5itc9bi9] {
    padding: 9px 6px;
    border-bottom: 1px solid var(--rule);
    vertical-align: top;
}

thead th[b-7p5itc9bi9] {
    position: sticky;
    top: 0;
    background: var(--paper-band);
}

td:nth-child(2)[b-7p5itc9bi9] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

small[b-7p5itc9bi9] {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.selected-row[b-7p5itc9bi9] {
    background: var(--accent-wash);
}

.chart-legend[b-7p5itc9bi9] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin: 18px 0 24px;
    color: var(--ink-3);
    font-size: 12px;
}

.chart-legend span[b-7p5itc9bi9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.line-key[b-7p5itc9bi9] {
    width: 20px;
    border-top: 3px solid var(--history);
}

.dot-key[b-7p5itc9bi9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--watch);
}

.coverage-gaps[b-7p5itc9bi9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    border-left: 3px solid var(--accent-bright);
    padding: 14px 16px;
    background: var(--paper-band);
    font-size: 12px;
    color: var(--ink-2);
}

.coverage-gaps > strong[b-7p5itc9bi9] {
    margin-right: 8px;
}

.coverage-gaps > span[b-7p5itc9bi9] {
    padding: 4px 8px;
    background: var(--surface);
    border: 1px solid var(--rule);
    border-radius: 4px;
}

.coverage-gaps p[b-7p5itc9bi9] {
    flex-basis: 100%;
    margin: 2px 0 0;
    line-height: 1.7;
}

.provenance[b-7p5itc9bi9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 30px;
    margin-top: 22px;
}

.provenance div[b-7p5itc9bi9] {
    display: grid;
    gap: 4px;
    font-size: 11px;
    color: var(--ink-3);
    min-width: 0;
}

.provenance strong[b-7p5itc9bi9] {
    font-size: 12px;
    overflow-wrap: anywhere;
}

.copy-button[b-7p5itc9bi9] {
    margin-left: auto;
    padding: 10px 16px;
    border: 1px solid var(--ink);
    border-radius: 7px;
    color: var(--on-accent);
    background: var(--ink);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.copy-button:hover[b-7p5itc9bi9] {
    background: var(--ink-2);
}

.source-note[b-7p5itc9bi9] {
    margin: 16px 0 0;
    font-size: 11px;
    line-height: 1.65;
    color: var(--ink-3);
}

.copy-status[b-7p5itc9bi9] {
    margin: 8px 0;
    font-size: 12px;
    color: var(--accent);
}

.copy-detail[b-7p5itc9bi9] {
    margin-top: 12px;
    font-size: 11px;
}

pre[b-7p5itc9bi9] {
    max-height: 340px;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    padding: 16px;
    border-radius: var(--r-sm);
    background: var(--surface);
    color: var(--ink-2);
}

@media (max-width: 1400px) {
    .signal-grid[b-7p5itc9bi9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .flow-signal[b-7p5itc9bi9] {
        padding: 24px;
    }

    h3[b-7p5itc9bi9],
    .screen-reading[b-7p5itc9bi9],
    .direction-key[b-7p5itc9bi9] {
        min-height: 0;
    }

    .signal-card[b-7p5itc9bi9] {
        padding: 24px;
    }
}

@media (max-width: 760px) {
    .flow-signal[b-7p5itc9bi9] {
        width: 100%;
        padding: 20px 16px;
        border-radius: 12px;
    }

    .signal-grid[b-7p5itc9bi9] {
        grid-template-columns: 1fr;
    }

    .signal-heading[b-7p5itc9bi9] {
        flex-direction: column;
        gap: 0;
    }

    .month-control[b-7p5itc9bi9] {
        width: 100%;
        margin-bottom: 20px;
    }

    .signal-card[b-7p5itc9bi9] {
        padding: 20px 14px;
    }

    .scope-bar[b-7p5itc9bi9] {
        gap: 8px;
    }

    .scope-bar > span[b-7p5itc9bi9] {
        flex-basis: 100%;
    }

    .historical-label[b-7p5itc9bi9] {
        flex-basis: auto !important;
    }

    .copy-button[b-7p5itc9bi9] {
        margin-left: 0;
    }

    .coverage-gaps[b-7p5itc9bi9] {
        padding: 14px 12px;
    }
}
/* /Components/Pages/TopicDetails/IndiaMutualFundSips/IndiaMutualFundSips.razor.rz.scp.css */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-pc2veup6ls] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-pc2veup6ls] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-pc2veup6ls] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-pc2veup6ls],
.eyebrow[b-pc2veup6ls] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-pc2veup6ls] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-pc2veup6ls] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-pc2veup6ls] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-pc2veup6ls] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-pc2veup6ls] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-pc2veup6ls] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-pc2veup6ls] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-pc2veup6ls] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-pc2veup6ls] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-pc2veup6ls] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-pc2veup6ls] { --metric-color: var(--neg); }
.metric-card.blue[b-pc2veup6ls] { --metric-color: var(--accent); }
.metric-card.green[b-pc2veup6ls] { --metric-color: var(--pos); }

.metric-heading[b-pc2veup6ls] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-pc2veup6ls] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-pc2veup6ls] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-pc2veup6ls] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-pc2veup6ls] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-pc2veup6ls] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-pc2veup6ls] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-pc2veup6ls] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-pc2veup6ls] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-pc2veup6ls] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-pc2veup6ls] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-pc2veup6ls] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-pc2veup6ls] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-pc2veup6ls] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-pc2veup6ls] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-pc2veup6ls] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-pc2veup6ls] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-pc2veup6ls] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-pc2veup6ls] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-pc2veup6ls],
.reset-filters:focus-visible[b-pc2veup6ls],
.range-selects select:focus-visible[b-pc2veup6ls],
.measure-toggle button:focus-visible[b-pc2veup6ls] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-pc2veup6ls] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-pc2veup6ls] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-pc2veup6ls] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-pc2veup6ls] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-pc2veup6ls] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-pc2veup6ls] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-pc2veup6ls] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-pc2veup6ls] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-pc2veup6ls] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-pc2veup6ls] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-pc2veup6ls] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-pc2veup6ls] {
    color: var(--on-accent);
    background: var(--ink-2);
}

/* Supporting sections */
.chart-section + .chart-section[b-pc2veup6ls] {
    margin-top: 36px;
}

.section-heading[b-pc2veup6ls] {
    margin-bottom: 14px;
}

.section-heading h2[b-pc2veup6ls] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-pc2veup6ls] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-pc2veup6ls] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-pc2veup6ls] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-pc2veup6ls] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.commodity-columns[b-pc2veup6ls] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px 28px;
}

.commodity-columns h4[b-pc2veup6ls] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 13px;
}

.chart-callout[b-pc2veup6ls] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-pc2veup6ls] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-pc2veup6ls] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .topic-heading-row[b-pc2veup6ls] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-pc2veup6ls] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-pc2veup6ls] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-pc2veup6ls] {
        font-size: 24px;
    }

    .freshness li[b-pc2veup6ls] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-pc2veup6ls] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-pc2veup6ls] {
        grid-template-columns: 1fr;
    }
}

/* One full-width select (scheme category). */
.range-selects.single[b-pc2veup6ls] {
    grid-template-columns: 1fr;
}

.range-selects select:disabled[b-pc2veup6ls] {
    color: var(--ink-4);
    background: var(--paper);
}

.topic-lede-more a[b-pc2veup6ls] {
    color: var(--accent-deep);
    font-weight: 650;
}

.measure-toggle button:disabled[b-pc2veup6ls] {
    color: var(--ink-4);
    cursor: not-allowed;
}

/* Long headline values ("₹86.92 lakh cr") shrink rather than overflow the card. */
.metric-card > strong.long[b-pc2veup6ls] {
    font-size: clamp(21px, 1.75vw, 28px);
}

/* /Components/Pages/TopicDetails/IndiaMutualFundSips/MutualFundContribution.razor.rz.scp.css */
.mf-toolbar[b-jigqt8xb5q] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 12px; }
.mf-select[b-jigqt8xb5q] { display: grid; gap: 4px; font-size: 13px; color: var(--ink-3); }
.mf-select select[b-jigqt8xb5q] { font: inherit; color: var(--ink); padding: 6px 8px; }
.mf-crumbs[b-jigqt8xb5q] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 8px; font-family: var(--sans, Inter, sans-serif); font-size: 12.5px; font-weight: 650; }
.mf-crumbs button[b-jigqt8xb5q] { border: 0; background: none; color: var(--accent); font: inherit; cursor: pointer; text-decoration: underline; }
.mf-crumbs .sep[b-jigqt8xb5q] { color: var(--ink-4); }
.mf-context[b-jigqt8xb5q] { margin: 0 0 12px; color: var(--ink-2); font-size: 13px; line-height: 1.5; }
.mf-ladder[b-jigqt8xb5q] { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mf-row[b-jigqt8xb5q] { display: grid; grid-template-columns: minmax(140px, 1.4fr) 2fr auto auto; gap: 10px; align-items: center; width: 100%; text-align: left; border: 0; background: transparent; font: inherit; color: inherit; padding: 4px 0; }
button.mf-row[b-jigqt8xb5q] { cursor: pointer; }
.mf-name[b-jigqt8xb5q] { font-family: var(--sans, Inter, sans-serif); font-size: 12.5px; font-weight: 650; color: var(--ink-2); }
.mf-track[b-jigqt8xb5q] { height: 10px; background: var(--paper-deep, #E7EBEE); border-radius: 99px; overflow: hidden; position: relative; }
.mf-track.diverging[b-jigqt8xb5q]::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--ink-4, #97A1AD); }
.mf-track.diverging i[b-jigqt8xb5q] { position: absolute; top: 0; height: 100%; border-radius: 0; }
.mf-track.diverging i.pos[b-jigqt8xb5q] { left: 50%; background: var(--accent, #0B7A68); }
.mf-track.diverging i.neg[b-jigqt8xb5q] { right: 50%; background: var(--neg, #9a3412); }
.mf-row strong.down[b-jigqt8xb5q] { color: var(--neg, #9a3412); }
.mf-row strong[b-jigqt8xb5q] { color: var(--ink); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mf-row small[b-jigqt8xb5q] { color: var(--ink-3); font-size: 11.5px; font-weight: 650; font-variant-numeric: tabular-nums; }
.mf-note[b-jigqt8xb5q], .mf-empty[b-jigqt8xb5q] { margin: 12px 0 0; color: var(--ink-2); font-size: 13px; line-height: 1.55; }
.mf-note a[b-jigqt8xb5q] { color: var(--accent); }
.mf-subhead[b-jigqt8xb5q] { margin: 20px 0 8px; padding-top: 14px; border-top: 1px solid var(--paper-deep, #E7EBEE); font-family: var(--sans, Inter, sans-serif); font-size: 14px; font-weight: 700; color: var(--ink, #1F2630); }
.mf-funds .mf-name[b-jigqt8xb5q] { font-weight: 600; }
.mf-rest .mf-name[b-jigqt8xb5q], .mf-mrow.mf-rest .mf-mlabel[b-jigqt8xb5q] { color: var(--ink-3, #616C7A); font-style: italic; }
.mf-mrow.mf-rest[b-jigqt8xb5q] { margin-top: 4px; padding-top: 4px; border-top: 1px dashed var(--paper-deep, #E7EBEE); }

.measure-toggle[b-jigqt8xb5q] {
    display: inline-flex;
    flex: none;
    padding: 3px;
    border: 1px solid var(--rule-2, #C9D1D9);
    border-radius: 999px;
    background: var(--paper, #F7F8F9);
}
.measure-toggle button[b-jigqt8xb5q] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2, #38424F);
    background: transparent;
    font-family: var(--sans, Inter, sans-serif);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.measure-toggle button.active[b-jigqt8xb5q] { color: var(--on-accent, #fff); background: var(--ink-2, #38424F); }
.mf-legend[b-jigqt8xb5q] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    align-items: center;
    margin: 0;
    color: var(--ink-2, #38424F);
    font-family: var(--sans, Inter, sans-serif);
    font-size: 12px;
    font-weight: 600;
}
.mf-legend i[b-jigqt8xb5q] { width: 11px; height: 11px; display: inline-block; margin-right: 6px; vertical-align: -1px; border-radius: 3px; }
.mf-legend i.dot[b-jigqt8xb5q], .mf-mtrack .dot[b-jigqt8xb5q] { width: 8px; height: 8px; border-radius: 50%; background: var(--ink, #1F2630); }
.mf-months[b-jigqt8xb5q] { display: grid; gap: 2px; margin-top: 4px; font-family: var(--sans, Inter, sans-serif); }
.mf-mrow[b-jigqt8xb5q], .mf-maxis[b-jigqt8xb5q] { display: grid; grid-template-columns: minmax(7.5rem, 13rem) minmax(0, 1fr) 6.2rem; gap: 10px; align-items: center; }
.mf-mlabel[b-jigqt8xb5q] {
    border: 0;
    background: none;
    padding: 0;
    text-align: left;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.3;
    color: var(--ink-2, #38424F);
}
button.mf-mlabel[b-jigqt8xb5q] { cursor: pointer; color: var(--accent, #0B7A68); }
.mf-mtrack[b-jigqt8xb5q] { position: relative; height: 14px; }
.mf-mtrack .tick[b-jigqt8xb5q] { position: absolute; top: -4px; bottom: -4px; width: 1px; background: var(--paper-deep, #E7EBEE); }
.mf-mtrack .tick.zero[b-jigqt8xb5q] { background: var(--ink-3, #616C7A); }
.mf-mtrack .seg[b-jigqt8xb5q] { position: absolute; top: 0; bottom: 0; outline: 1px solid var(--surface, #fff); }
.mf-mtrack .dot[b-jigqt8xb5q] { position: absolute; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 2px var(--surface, #fff); }
.mf-mnet[b-jigqt8xb5q] { display: grid; justify-items: end; font-variant-numeric: tabular-nums; line-height: 1.25; }
.mf-mnet strong[b-jigqt8xb5q] { color: var(--ink, #1F2630); font-size: 13px; font-weight: 700; }
.mf-mnet small[b-jigqt8xb5q] { color: var(--ink-3, #616C7A); font-size: 11.5px; font-weight: 650; }
.mf-mnet small.down[b-jigqt8xb5q] { color: var(--neg, #BE3448); }
.mf-maxis[b-jigqt8xb5q] { color: var(--ink-3, #616C7A); font-size: 11.5px; font-weight: 600; }
.mf-maxis .ticks[b-jigqt8xb5q] { position: relative; height: 16px; }
.mf-maxis .ticks span[b-jigqt8xb5q] { position: absolute; transform: translateX(-50%); white-space: nowrap; }
@media (max-width: 700px) {
    .mf-row[b-jigqt8xb5q] { grid-template-columns: 1fr auto; }
    .mf-track[b-jigqt8xb5q] { display: none; }
}
/* /Components/Pages/TopicDetails/IndiaQuickCommerce/IndiaQuickCommerce.razor.rz.scp.css */
.topic-heading-row[b-3a6q4fnvmo] { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.topic-category[b-3a6q4fnvmo] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.topic-heading-row h1[b-3a6q4fnvmo] { margin: 0; color: var(--ink); font-size: clamp(34px, 4vw, 54px); line-height: 1.04; letter-spacing: -.045em; }
.qc-lede[b-3a6q4fnvmo] { max-width: 920px; margin: 16px 0 0; color: var(--ink-2); font: 400 18px/1.6 var(--serif); }
.qc-lede a[b-3a6q4fnvmo], .qc-source-list a[b-3a6q4fnvmo] { color: var(--accent); }
.qc-status-grid[b-3a6q4fnvmo], .qc-evidence-grid[b-3a6q4fnvmo] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qc-status-grid article[b-3a6q4fnvmo], .qc-evidence-grid article[b-3a6q4fnvmo], .qc-awaiting[b-3a6q4fnvmo], .qc-method-note[b-3a6q4fnvmo], .qc-source-list[b-3a6q4fnvmo] { padding: 22px; border: 1px solid var(--rule); border-radius: 14px; background: var(--surface); }
.qc-status-grid article[b-3a6q4fnvmo] { display: grid; gap: 8px; }
.qc-status-grid span[b-3a6q4fnvmo], .qc-eyebrow[b-3a6q4fnvmo] { color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.qc-status-grid strong[b-3a6q4fnvmo] { color: var(--ink); font-size: 18px; }
.qc-status-grid small[b-3a6q4fnvmo], .qc-evidence p[b-3a6q4fnvmo], .qc-awaiting p[b-3a6q4fnvmo], .qc-method-note p[b-3a6q4fnvmo], .qc-source-list p[b-3a6q4fnvmo] { color: var(--ink-3); line-height: 1.6; }
.qc-method-note[b-3a6q4fnvmo] { background: var(--accent-wash); }
.qc-method-note p[b-3a6q4fnvmo] { margin: 8px 0 0; }
.qc-awaiting[b-3a6q4fnvmo] { min-height: 220px; background: var(--accent-wash); }
.qc-awaiting h2[b-3a6q4fnvmo], .qc-evidence h2[b-3a6q4fnvmo] { margin: 10px 0 14px; color: var(--ink); font-size: clamp(25px, 3vw, 34px); }
.qc-evidence[b-3a6q4fnvmo] { margin-top: 24px; }
.qc-evidence-grid[b-3a6q4fnvmo] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.qc-evidence h3[b-3a6q4fnvmo] { margin: 0 0 8px; color: var(--ink); font-size: 17px; }
.qc-evidence p[b-3a6q4fnvmo] { margin: 0; }
.qc-source-list[b-3a6q4fnvmo] { margin-top: 16px; }
@media (max-width: 700px) { .topic-heading-row[b-3a6q4fnvmo] { align-items: flex-start; flex-direction: column; gap: 14px; } .qc-status-grid[b-3a6q4fnvmo], .qc-evidence-grid[b-3a6q4fnvmo] { grid-template-columns: 1fr; } }
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/ForeignOwnershipPanel.razor.rz.scp.css */
.fo-seg[b-whj5gdv3df] { display: inline-flex; padding: 3px; border: 1px solid var(--rule-2, #C9D1D9); border-radius: 999px; background: var(--paper, #F7F8F9); }
.fo-seg button[b-whj5gdv3df] { min-height: 28px; padding: 0 12px; border: 0; border-radius: 999px; background: transparent; color: var(--ink-2, #38424F);
    font: 700 12px var(--sans, Inter, sans-serif); cursor: pointer; }
.fo-seg button[aria-pressed="true"][b-whj5gdv3df] { background: var(--ink-2, #38424F); color: var(--surface, #fff); }
.fo-crumbs[b-whj5gdv3df] { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; margin: 2px 0; font: 650 12.5px var(--sans, Inter, sans-serif); }
.fo-crumbs button[b-whj5gdv3df] { padding: 0; border: 0; background: none; color: var(--accent, #0B7A68); font: inherit; text-decoration: underline;
    text-underline-offset: 3px; cursor: pointer; }
.fo-crumbs .sep[b-whj5gdv3df] { color: var(--ink-3, #616C7A); }
.fo-context[b-whj5gdv3df] { margin: 4px 0 10px; color: var(--ink-2, #38424F); font-size: 13px; line-height: 1.5; }
.fo-legend[b-whj5gdv3df] { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 10px; color: var(--ink-2, #38424F);
    font: 600 11.5px var(--sans, Inter, sans-serif); }
.fo-legend i[b-whj5gdv3df] { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 3px; vertical-align: -1px; }
.fo-legend i.dot[b-whj5gdv3df] { width: 8px; height: 8px; border-radius: 50%; background: var(--ink, #1F2630); }
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/ForeignSectorFlowsPanel.razor.rz.scp.css */
.fo-seg[b-nlx7s6gtuq] { display: inline-flex; padding: 3px; border: 1px solid var(--rule-2, #C9D1D9); border-radius: 999px; background: var(--paper, #F7F8F9); }
.fo-seg button[b-nlx7s6gtuq] { min-height: 28px; padding: 0 12px; border: 0; border-radius: 999px; background: transparent; color: var(--ink-2, #38424F);
    font: 700 12px var(--sans, Inter, sans-serif); cursor: pointer; }
.fo-seg button[aria-pressed="true"][b-nlx7s6gtuq] { background: var(--ink-2, #38424F); color: var(--surface, #fff); }
.fo-crumbs[b-nlx7s6gtuq] { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; margin: 2px 0; font: 650 12.5px var(--sans, Inter, sans-serif); }
.fo-crumbs button[b-nlx7s6gtuq], .fo-link[b-nlx7s6gtuq] { padding: 0; border: 0; background: none; color: var(--accent, #0B7A68); font: inherit; font-weight: 650;
    text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.fo-crumbs .sep[b-nlx7s6gtuq] { color: var(--ink-3, #616C7A); }
.fo-context[b-nlx7s6gtuq] { margin: 4px 0 10px; color: var(--ink-2, #38424F); font-size: 13px; line-height: 1.5; }
.fo-legend[b-nlx7s6gtuq] { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 10px; color: var(--ink-2, #38424F);
    font: 600 11.5px var(--sans, Inter, sans-serif); }
.fo-legend i[b-nlx7s6gtuq] { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 3px; vertical-align: -1px; }
.fo-legend i.dot[b-nlx7s6gtuq] { width: 8px; height: 8px; border-radius: 50%; background: var(--ink, #1F2630); }
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/IndiaStockMarketWeekly.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-b9e0uou0ut] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-b9e0uou0ut] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-b9e0uou0ut] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-b9e0uou0ut],
.eyebrow[b-b9e0uou0ut] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-b9e0uou0ut] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-b9e0uou0ut] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-b9e0uou0ut] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-b9e0uou0ut] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-b9e0uou0ut] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-b9e0uou0ut] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-b9e0uou0ut] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-b9e0uou0ut] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-b9e0uou0ut] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-b9e0uou0ut] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-b9e0uou0ut] { --metric-color: var(--neg); }
.metric-card.blue[b-b9e0uou0ut] { --metric-color: var(--accent); }
.metric-card.green[b-b9e0uou0ut] { --metric-color: var(--pos); }

.metric-heading[b-b9e0uou0ut] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-b9e0uou0ut] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-b9e0uou0ut] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-b9e0uou0ut] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-b9e0uou0ut] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-b9e0uou0ut] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-b9e0uou0ut] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-b9e0uou0ut] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-b9e0uou0ut] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-b9e0uou0ut] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-b9e0uou0ut] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-b9e0uou0ut] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-b9e0uou0ut] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-b9e0uou0ut] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-b9e0uou0ut] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-b9e0uou0ut] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-b9e0uou0ut] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-b9e0uou0ut] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-b9e0uou0ut] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-b9e0uou0ut],
.reset-filters:focus-visible[b-b9e0uou0ut],
.range-selects select:focus-visible[b-b9e0uou0ut],
.measure-toggle button:focus-visible[b-b9e0uou0ut] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-b9e0uou0ut] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-b9e0uou0ut] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-b9e0uou0ut] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-b9e0uou0ut] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-b9e0uou0ut] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-b9e0uou0ut] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-b9e0uou0ut] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-b9e0uou0ut] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-b9e0uou0ut] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

/* A wide table inside a card scrolls in its own box instead of stretching the card past the screen. */
.feature-layout[b-b9e0uou0ut] >  .topic-chart-card,
.chart-grid[b-b9e0uou0ut] >  .topic-chart-card {
    min-width: 0;
}

.measure-toggle[b-b9e0uou0ut] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-b9e0uou0ut] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-b9e0uou0ut] {
    color: var(--on-accent);
    background: var(--ink-2);
}

.feature-insight-card[b-b9e0uou0ut] {
    min-width: 0;
    padding: 16px 20px 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.feature-insight-card h2[b-b9e0uou0ut] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.insight-list[b-b9e0uou0ut] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0 18px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-b9e0uou0ut] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list strong[b-b9e0uou0ut] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-b9e0uou0ut] {
    margin: 4px 0 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.inline-empty-state[b-b9e0uou0ut] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

/* Supporting sections */
.chart-section + .chart-section[b-b9e0uou0ut] {
    margin-top: 36px;
}

.section-heading[b-b9e0uou0ut] {
    margin-bottom: 14px;
}

.section-heading h2[b-b9e0uou0ut] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-b9e0uou0ut] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-b9e0uou0ut] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-b9e0uou0ut] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-b9e0uou0ut] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.chart-callout[b-b9e0uou0ut] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.day-picker[b-b9e0uou0ut] { margin: 4px 0 8px; }

.day-note[b-b9e0uou0ut] {
    max-width: 900px;
    margin: 0 0 14px;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.chart-callout p[b-b9e0uou0ut] { margin: 0; }
.chart-callout p + p[b-b9e0uou0ut] { margin-top: 6px; }

.after-dashboard-shell[b-b9e0uou0ut] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-b9e0uou0ut] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}



@media (max-width: 680px) {
    .topic-heading-row[b-b9e0uou0ut] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-b9e0uou0ut] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-b9e0uou0ut] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-b9e0uou0ut] {
        font-size: 24px;
    }

    .freshness li[b-b9e0uou0ut] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-b9e0uou0ut] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-b9e0uou0ut] {
        grid-template-columns: 1fr;
    }
}

.sources-panel[b-b9e0uou0ut] { padding-top: 30px; padding-bottom: 30px; color: var(--ink-2); line-height: 1.6; overflow-wrap: anywhere; }
.sources-panel p[b-b9e0uou0ut], .sources-panel summary[b-b9e0uou0ut] { font-size: 14px; }
.filter-panel select[b-b9e0uou0ut] { width: 100%; padding: 10px; border: 1px solid var(--paper-deep); border-radius: var(--r-sm); color: var(--ink); background: var(--surface); }

/* India tax collections additions */
fieldset.dashboard-filter-block[b-b9e0uou0ut] {
    min-width: 0;
}

.metric-sub[b-b9e0uou0ut] {
    font-variant-numeric: tabular-nums;
}

.upcoming-title[b-b9e0uou0ut] {
    margin: 16px 0 6px;
    color: var(--ink);
    font-size: 14px;
}

.upcoming-list[b-b9e0uou0ut] {
    margin: 0;
    padding-left: 18px;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.6;
}

/* ---- India stock market weekly additions ---------------------------------------------------- */

.filter-panel label.filter-label[b-b9e0uou0ut] {
    display: block;
}

.chart-grid[b-b9e0uou0ut] >  .topic-chart-card.wide-card {
    grid-column: 1 / -1;
}

.sector-chips[b-b9e0uou0ut] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 14px;
}

.sector-chip[b-b9e0uou0ut] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 11px;
    border: 1px solid var(--rule);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.sector-chip.active[b-b9e0uou0ut] {
    border-color: var(--ink-3);
    color: var(--ink);
    font-weight: 650;
}

.sector-chip:disabled[b-b9e0uou0ut] {
    cursor: not-allowed;
    opacity: 0.45;
}

.sector-chip.reset[b-b9e0uou0ut] {
    border-style: dashed;
}

.sector-chip:focus-visible[b-b9e0uou0ut] {
    outline: none;
    box-shadow: var(--ring);
}

.swatch[b-b9e0uou0ut] {
    display: inline-block;
    width: 14px;
    height: 3px;
    border-radius: 2px;
}

.swatch.tone-teal[b-b9e0uou0ut] { background: var(--d-1); }
.swatch.tone-navy[b-b9e0uou0ut] { background: var(--d-2); }
.swatch.tone-ochre[b-b9e0uou0ut] { background: var(--d-3); }
.swatch.tone-rose[b-b9e0uou0ut] { background: var(--d-4); }
.swatch.tone-slate[b-b9e0uou0ut] { background: var(--d-5); }
.swatch.tone-grey[b-b9e0uou0ut] { background: var(--d-6); }

.growth-table[b-b9e0uou0ut],
.market-table-wrap[b-b9e0uou0ut] {
    margin-top: 12px;
}

.table-scroll[b-b9e0uou0ut] {
    max-width: 100%;
    overflow-x: auto;
    /* Its width comes from the card, never from the table inside, which scrolls instead. */
    contain: inline-size;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.table-scroll table[b-b9e0uou0ut] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.table-scroll th[b-b9e0uou0ut],
.table-scroll td[b-b9e0uou0ut] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.table-scroll thead th[b-b9e0uou0ut] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: bottom;
    background: var(--paper);
}

.table-scroll th[scope="row"][b-b9e0uou0ut],
.table-scroll thead th:first-child[b-b9e0uou0ut] {
    position: sticky;
    left: 0;
    z-index: 1;
    text-align: left;
    color: var(--ink);
    font-weight: 700;
    background: var(--surface);
}

.table-scroll thead th:first-child[b-b9e0uou0ut] {
    background: var(--paper);
}

.table-scroll td small[b-b9e0uou0ut],
.table-scroll th small[b-b9e0uou0ut] {
    margin-left: 4px;
    color: var(--ink-3);
    font-weight: 500;
}

.market-table td:nth-child(2)[b-b9e0uou0ut] {
    text-align: left;
    white-space: normal;
    color: var(--ink-2);
}

.market-table caption[b-b9e0uou0ut] {
    padding: 8px 10px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.total-row th[b-b9e0uou0ut],
.total-row td[b-b9e0uou0ut] {
    background: var(--paper);
    font-weight: 650;
}

.pos[b-b9e0uou0ut] { color: var(--pos); }
.neg[b-b9e0uou0ut] { color: var(--neg); }
.missing[b-b9e0uou0ut] { color: var(--ink-3); }

.flow-summary[b-b9e0uou0ut] {
    margin: 0 0 16px;
    padding: 12px 16px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--surface);
    color: var(--ink-2);
    line-height: 1.55;
}

.flow-summary p[b-b9e0uou0ut] {
    margin: 0;
}

.coverage-note[b-b9e0uou0ut] {
    margin-top: 6px !important;
    color: var(--ink-3);
    font-size: 12.5px;
}

.valuation-list[b-b9e0uou0ut] {
    display: grid;
    gap: 6px;
    margin: 12px 0 0;
    padding: 0 0 0 18px;
    color: var(--ink-2);
    font-size: 13.5px;
    line-height: 1.5;
}

@media (max-width: 680px) {
    .sector-chip[b-b9e0uou0ut] {
        font-size: 12.5px;
        padding: 4px 9px;
    }
}
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/MarketDayByDayPanel.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
.market-panel[b-lhyqu4d2oa] {
    margin: 0 0 32px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--paper);
    color: var(--ink);
    scroll-margin-top: 96px;
}

.eyebrow[b-lhyqu4d2oa] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-lhyqu4d2oa] {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.intro[b-lhyqu4d2oa] {
    max-width: 820px;
    margin: 10px 0 20px;
    color: var(--ink-2);
    line-height: 1.6;
}

.panel-note[b-lhyqu4d2oa] {
    max-width: 880px;
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.sub-heading[b-lhyqu4d2oa] {
    margin: 28px 0 6px;
    color: var(--ink);
    font-size: var(--fs-h3);
}

.inline-empty-state[b-lhyqu4d2oa] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

.table-scroll[b-lhyqu4d2oa] {
    max-width: 100%;
    margin-top: 12px;
    overflow-x: auto;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.table-scroll:focus-visible[b-lhyqu4d2oa],
select:focus-visible[b-lhyqu4d2oa],
button:focus-visible[b-lhyqu4d2oa],
a:focus-visible[b-lhyqu4d2oa] {
    outline: none;
    box-shadow: var(--ring);
}

.table-scroll[b-lhyqu4d2oa] {
    max-width: 100%;
    margin-top: 12px;
    overflow-x: auto;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.market-table[b-lhyqu4d2oa] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.market-table th[b-lhyqu4d2oa],
.market-table td[b-lhyqu4d2oa] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.market-table thead th[b-lhyqu4d2oa] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: bottom;
    background: var(--paper);
}

.market-table th[scope="row"][b-lhyqu4d2oa],
.market-table thead th:first-child[b-lhyqu4d2oa] {
    position: sticky;
    left: 0;
    text-align: left;
    color: var(--ink);
    font-weight: 700;
    background: var(--surface);
}

.market-table thead th:first-child[b-lhyqu4d2oa] {
    background: var(--paper);
}

.pos[b-lhyqu4d2oa] { color: var(--pos); }
.neg[b-lhyqu4d2oa] { color: var(--neg); }
.missing[b-lhyqu4d2oa] { color: var(--ink-3); }
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/MarketDayWhoTraded.razor.rz.scp.css */
/* One session's movers card; tables share the market-table vocabulary of MarketDayByDayPanel. */
.day-movers[b-112zea21yr] {
    display: grid;
    gap: 16px;
}

.table-scroll[b-112zea21yr] {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.table-scroll:focus-visible[b-112zea21yr],
button:focus-visible[b-112zea21yr] {
    outline: none;
    box-shadow: var(--ring);
}

.market-table[b-112zea21yr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.market-table caption[b-112zea21yr] {
    padding: 10px 10px 4px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 750;
    text-align: left;
}

.market-table th[b-112zea21yr],
.market-table td[b-112zea21yr] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.market-table td.text[b-112zea21yr] {
    min-width: 170px;
    color: var(--ink-2);
    text-align: left;
    white-space: normal;
}

.market-table thead th[b-112zea21yr] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: bottom;
    background: var(--paper);
}

.market-table th[scope="row"][b-112zea21yr],
.market-table thead th:first-child[b-112zea21yr] {
    position: sticky;
    left: 0;
    text-align: left;
    color: var(--ink);
    font-weight: 700;
    background: var(--surface);
}

.market-table thead th:first-child[b-112zea21yr] { background: var(--paper); }

.market-table small[b-112zea21yr] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 500;
}

.market-table td small[b-112zea21yr] { display: block; }

.day-more[b-112zea21yr] {
    margin-top: 10px;
    padding: 6px 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 650;
    cursor: pointer;
}

.chart-callout[b-112zea21yr] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.pos[b-112zea21yr] { color: var(--pos); }
.neg[b-112zea21yr] { color: var(--neg); }
.missing[b-112zea21yr] { color: var(--ink-3); }

.day-deals-title[b-112zea21yr] {
    margin: 22px 0 4px;
    color: var(--ink);
    font-size: var(--fs-h3, 16px);
}

.day-deals-intro[b-112zea21yr],
.day-deals-empty[b-112zea21yr] {
    max-width: 900px;
    margin: 0 0 8px;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.deal-stocks[b-112zea21yr] {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--paper-deep);
}

.deal-stocks > li[b-112zea21yr] { border-bottom: 1px solid var(--paper-deep); }

.deal-stock[b-112zea21yr] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) repeat(2, minmax(96px, 0.5fr)) 18px;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 6px;
    border: 0;
    color: var(--ink);
    background: none;
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.deal-stock:hover[b-112zea21yr] { background: var(--accent-wash); }

.deal-stock .name[b-112zea21yr] {
    font-weight: 650;
    overflow-wrap: anywhere;
}

.deal-stock .name small[b-112zea21yr] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 500;
}

.deal-stock .side[b-112zea21yr] {
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 650;
    text-align: right;
    text-transform: uppercase;
}

.deal-stock .side strong[b-112zea21yr] {
    display: block;
    color: var(--ink);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    text-transform: none;
}

.deal-stock .side strong.neg[b-112zea21yr] { color: var(--neg); }
.deal-stock .side strong.pos[b-112zea21yr] { color: var(--pos); }

.deal-stock .chevron[b-112zea21yr] {
    color: var(--accent);
    font-weight: 700;
}

@media (max-width: 640px) {
    .deal-stock[b-112zea21yr] { grid-template-columns: minmax(0, 1fr) repeat(2, auto) 14px; gap: 8px; }
}
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/MarketDealBreakdown.razor.rz.scp.css */
.deal-breakdown[b-p09atw2rhn] {
    margin: 6px 0 10px;
    padding: 12px 14px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--paper);
}

.deal-coverage[b-p09atw2rhn],
.deal-total[b-p09atw2rhn] {
    margin: 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.5;
}

.deal-coverage[b-p09atw2rhn] { margin-bottom: 8px; }

.deal-churn[b-p09atw2rhn] {
    margin: 8px 0 0;
    color: var(--ink-2);
    font-size: 12px;
    line-height: 1.5;
}
.deal-total[b-p09atw2rhn] { margin-top: 8px; }

.deal-sides[b-p09atw2rhn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 14px;
}

.deal-sides h4[b-p09atw2rhn] {
    margin: 0 0 6px;
    color: var(--ink-2);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.deal-sides ol[b-p09atw2rhn] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.deal-sides li[b-p09atw2rhn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 10px;
    padding: 5px 0;
    border-bottom: 1px solid var(--paper-deep);
    font-size: 12.5px;
}

.deal-sides li:last-child[b-p09atw2rhn] { border-bottom: 0; }

.deal-sides .client[b-p09atw2rhn] {
    color: var(--ink);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.deal-sides strong[b-p09atw2rhn] {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.deal-sides small[b-p09atw2rhn] {
    grid-column: 1 / -1;
    color: var(--ink-3);
    font-size: 11px;
}

.deal-none[b-p09atw2rhn] {
    margin: 0;
    color: var(--ink-3);
    font-size: 12.5px;
}

.pos[b-p09atw2rhn] { color: var(--pos); }
.neg[b-p09atw2rhn] { color: var(--neg); }
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/MarketMoveExplorer.razor.rz.scp.css */
/* The drill-down ladder, in the US inflation explorer's pattern: compact rows, two readings per row,
   one bar. The polarity pair matches the page's rise and fall colours. */
.mx-seg[b-p3jds3ejq0] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--rule);
    border-radius: 8px;
    background: var(--paper-band);
}

.mx-seg button[b-p3jds3ejq0] {
    padding: 6px 12px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--ink-2);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.mx-seg button[aria-pressed="true"][b-p3jds3ejq0] {
    background: var(--surface);
    color: var(--accent);
    font-weight: 650;
    box-shadow: 0 1px 2px rgba(31, 38, 48, .09);
}

.mx-seg button:focus-visible[b-p3jds3ejq0],
.mx-crumbs button:focus-visible[b-p3jds3ejq0],
.mx-more:focus-visible[b-p3jds3ejq0],
.mx-row:focus-visible[b-p3jds3ejq0] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.mx-crumbs[b-p3jds3ejq0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 7px;
    margin-bottom: 8px;
    font-size: 13px;
}

.mx-crumbs button[b-p3jds3ejq0] {
    padding: 2px 0;
    border: 0;
    background: none;
    color: var(--accent);
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: var(--accent-tint);
    text-underline-offset: 3px;
}

.mx-crumbs button:hover[b-p3jds3ejq0] { text-decoration-color: var(--accent); }
.mx-crumbs .sep[b-p3jds3ejq0] { color: var(--ink-4); }
.mx-crumbs [aria-current][b-p3jds3ejq0] { color: var(--ink); font-weight: 650; }

.mx-context[b-p3jds3ejq0] {
    margin: 0 0 10px;
    color: var(--ink-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.mx-context:focus[b-p3jds3ejq0] { outline: none; }

.mx-empty[b-p3jds3ejq0] {
    margin: 0;
    color: var(--ink-3);
}

.mx-ladder[b-p3jds3ejq0] {
    display: grid;
    gap: 1px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mx-row[b-p3jds3ejq0],
.mx-colhead[b-p3jds3ejq0] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) 4.4rem minmax(6rem, 1.6fr) 7.6rem;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
}

button.mx-row[b-p3jds3ejq0] { cursor: pointer; }

button.mx-row:hover[b-p3jds3ejq0] {
    border-color: var(--accent-tint);
    background: var(--accent-wash);
}

.mx-colhead[b-p3jds3ejq0] {
    padding: 0 8px 6px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.25;
}

.mx-colhead span:nth-child(2)[b-p3jds3ejq0],
.mx-colhead span:nth-child(4)[b-p3jds3ejq0] { text-align: right; }
.mx-colhead span:nth-child(3)[b-p3jds3ejq0] { font-weight: 550; }

.mx-colhead small[b-p3jds3ejq0] {
    display: block;
    font-weight: 550;
}

.mx-row .name[b-p3jds3ejq0] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1px 7px;
    min-width: 0;
    color: var(--ink);
    font-size: 13.5px;
    font-weight: 600;
}

.mx-row .label[b-p3jds3ejq0] { overflow-wrap: anywhere; }

.mx-row .arrow[b-p3jds3ejq0] {
    color: var(--accent);
    font-weight: 700;
}

.mx-row .pill[b-p3jds3ejq0] {
    padding: 0 6px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 550;
    white-space: nowrap;
}

.mx-row .meta[b-p3jds3ejq0] {
    flex-basis: 100%;
    color: var(--ink-3);
    font-size: 11.5px;
    font-weight: 450;
    font-variant-numeric: tabular-nums;
}

.mx-row .own[b-p3jds3ejq0],
.mx-row .value[b-p3jds3ejq0] {
    color: var(--ink);
    font-size: 13.5px;
    font-weight: 650;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.mx-row .own.neg[b-p3jds3ejq0],
.mx-table td.neg[b-p3jds3ejq0] { color: var(--neg); }
.mx-row .own.pos[b-p3jds3ejq0],
.mx-table td.pos[b-p3jds3ejq0] { color: var(--pos); }

.mx-row .value strong[b-p3jds3ejq0] { font-weight: 650; }

.mx-row .value small[b-p3jds3ejq0] {
    display: block;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 550;
}

.mx-row .track[b-p3jds3ejq0] {
    position: relative;
    height: 12px;
    border-radius: 3px;
    background: var(--paper);
}

.mx-row .zero[b-p3jds3ejq0] {
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 1px;
    background: var(--ink-4);
}

.mx-row .bar[b-p3jds3ejq0] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    transition: left .18s ease, width .18s ease;
}

.mx-row .bar.up[b-p3jds3ejq0] { background: #058e7a; }
.mx-row .bar.down[b-p3jds3ejq0] { background: #bb684f; }

.mx-more[b-p3jds3ejq0] {
    margin-top: 6px;
    padding: 5px 10px;
    border: 1px solid var(--rule-2);
    border-radius: 6px;
    background: var(--surface);
    color: var(--accent);
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}

.mx-note[b-p3jds3ejq0] {
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 1px solid var(--paper-deep);
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.55;
}

.mx-table-scroll[b-p3jds3ejq0] {
    overflow-x: auto;
    max-width: 100%;
}

.mx-table[b-p3jds3ejq0] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.mx-table caption[b-p3jds3ejq0] {
    margin-bottom: 8px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.mx-table th[b-p3jds3ejq0],
.mx-table td[b-p3jds3ejq0] {
    padding: 6px 8px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.mx-table th[scope="row"][b-p3jds3ejq0],
.mx-table thead th:first-child[b-p3jds3ejq0] {
    text-align: left;
    white-space: normal;
}

.mx-table td:last-child[b-p3jds3ejq0] {
    color: var(--ink-3);
    text-align: left;
    white-space: normal;
}

.mx-table .total-row th[b-p3jds3ejq0],
.mx-table .total-row td[b-p3jds3ejq0] { color: var(--ink-3); font-weight: 500; }

@media (max-width: 800px) {
    .mx-row[b-p3jds3ejq0],
    .mx-colhead[b-p3jds3ejq0] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        row-gap: 5px;
    }

    .mx-row .track[b-p3jds3ejq0] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .mx-row .own[b-p3jds3ejq0]::before,
    .mx-row .value[b-p3jds3ejq0]::before {
        display: block;
        color: var(--ink-3);
        font-size: 10px;
        font-weight: 650;
    }

    .mx-row .own[b-p3jds3ejq0]::before { content: "Own change"; }
    .mx-row .value[b-p3jds3ejq0]::before { content: "Contribution"; }
    .mx-colhead[b-p3jds3ejq0] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .mx-row .bar[b-p3jds3ejq0] { transition: none; }
}
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/MarketMoversScreener.razor.rz.scp.css */
/* Two compact ranked lists side by side: what pulled the index down and what held it up. */
.ms-seg[b-61g7rn8c4x] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--rule);
    border-radius: 8px;
    background: var(--paper-band);
}

.ms-seg button[b-61g7rn8c4x] {
    padding: 6px 12px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--ink-2);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.ms-seg button[aria-pressed="true"][b-61g7rn8c4x] {
    background: var(--surface);
    color: var(--accent);
    font-weight: 650;
    box-shadow: 0 1px 2px rgba(31, 38, 48, .09);
}

.ms-seg button:disabled[b-61g7rn8c4x] {
    color: var(--ink-4);
    cursor: not-allowed;
}

.ms-seg button:focus-visible[b-61g7rn8c4x],
.ms-select select:focus-visible[b-61g7rn8c4x] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.ms-filters[b-61g7rn8c4x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 8px;
}

.ms-select[b-61g7rn8c4x] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 700;
}

.ms-select select[b-61g7rn8c4x] {
    max-width: 100%;
    padding: 6px 9px;
    border: 1px solid var(--rule-2);
    border-radius: 6px;
    background: var(--surface);
    color: var(--ink);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
}

.ms-context[b-61g7rn8c4x] {
    margin: 0 0 10px;
    color: var(--ink-2);
    font-size: 13.5px;
    line-height: 1.5;
}

.ms-empty[b-61g7rn8c4x] {
    margin: 0;
    color: var(--ink-3);
    font-size: 13px;
}

.ms-columns[b-61g7rn8c4x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 24px;
    min-width: 0;
}

.ms-side[b-61g7rn8c4x] {
    min-width: 0;
}

.ms-side h4[b-61g7rn8c4x] {
    margin: 0 0 6px;
    color: var(--ink);
    font-size: 13.5px;
    font-weight: 700;
}

.ms-head[b-61g7rn8c4x],
.ms-row[b-61g7rn8c4x] {
    display: grid;
    grid-template-columns: 1.3rem minmax(0, 1fr) 4.2rem 8.6rem;
    align-items: baseline;
    column-gap: 10px;
    min-width: 0;
}

.ms-head[b-61g7rn8c4x] {
    padding: 0 0 4px;
    border-bottom: 1px solid var(--paper-deep);
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 650;
}

.ms-head span:nth-child(3)[b-61g7rn8c4x],
.ms-head span:nth-child(4)[b-61g7rn8c4x] { text-align: right; }

.ms-list[b-61g7rn8c4x] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ms-row[b-61g7rn8c4x] {
    row-gap: 3px;
    padding: 6px 0 5px;
    border-bottom: 1px solid var(--paper-deep);
}

.ms-row .rank[b-61g7rn8c4x] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.ms-row .name[b-61g7rn8c4x] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1px 6px;
    min-width: 0;
    color: var(--ink);
    font-size: 13px;
    font-weight: 600;
}

.ms-row .label[b-61g7rn8c4x] { overflow-wrap: anywhere; }

.ms-row .pill[b-61g7rn8c4x] {
    padding: 0 6px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 550;
    white-space: nowrap;
}

.ms-row .meta[b-61g7rn8c4x] {
    flex-basis: 100%;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 450;
}

.ms-row .own[b-61g7rn8c4x],
.ms-row .value[b-61g7rn8c4x] {
    color: var(--ink);
    font-size: 13px;
    font-weight: 650;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ms-row .own.neg[b-61g7rn8c4x],
.ms-table td.neg[b-61g7rn8c4x] { color: var(--neg); }
.ms-row .own.pos[b-61g7rn8c4x],
.ms-table td.pos[b-61g7rn8c4x] { color: var(--pos); }

.ms-row .value small[b-61g7rn8c4x] {
    display: block;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 550;
}

.ms-row .track[b-61g7rn8c4x] {
    grid-column: 2 / -1;
    height: 4px;
    border-radius: 2px;
    background: var(--paper);
}

.ms-row .bar[b-61g7rn8c4x] {
    display: block;
    height: 100%;
    border-radius: 2px;
}

.ms-row .bar.down[b-61g7rn8c4x] { background: #bb684f; }
.ms-row .bar.up[b-61g7rn8c4x] { background: #058e7a; }

.ms-note[b-61g7rn8c4x] {
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 1px solid var(--paper-deep);
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.55;
}

.ms-table-scroll[b-61g7rn8c4x] {
    overflow-x: auto;
    max-width: 100%;
    max-height: 640px;
    overflow-y: auto;
}

.ms-table[b-61g7rn8c4x] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.ms-table caption[b-61g7rn8c4x] {
    margin-bottom: 8px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
}

.ms-table th[b-61g7rn8c4x],
.ms-table td[b-61g7rn8c4x] {
    padding: 5px 8px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.ms-table thead th[b-61g7rn8c4x] {
    position: sticky;
    top: 0;
    background: var(--surface);
}

.ms-table th[scope="row"][b-61g7rn8c4x],
.ms-table thead th:first-child[b-61g7rn8c4x],
.ms-table td:nth-child(2)[b-61g7rn8c4x],
.ms-table td:nth-child(3)[b-61g7rn8c4x] {
    text-align: left;
}

@media (max-width: 800px) {
    .ms-columns[b-61g7rn8c4x] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 420px) {
    .ms-head[b-61g7rn8c4x],
    .ms-row[b-61g7rn8c4x] { grid-template-columns: 1.1rem minmax(0, 1fr) 3.8rem 7.4rem; column-gap: 7px; }
}
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/MarketSectorTable.razor.rz.scp.css */
.sector-table-panel[b-z0hg5jzw9m] {
    margin: 18px 0 0;
    padding: 20px 22px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--surface);
    color: var(--ink);
}

header h3[b-z0hg5jzw9m] {
    margin: 0;
    font-size: var(--fs-h3);
}

header p[b-z0hg5jzw9m],
.table-note[b-z0hg5jzw9m] {
    max-width: 880px;
    margin: 6px 0 12px;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.table-note[b-z0hg5jzw9m] {
    margin: 10px 0 0;
}

.table-scroll[b-z0hg5jzw9m] {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
}

.table-scroll:focus-visible[b-z0hg5jzw9m] {
    outline: none;
    box-shadow: var(--ring);
}

table[b-z0hg5jzw9m] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

th[b-z0hg5jzw9m],
td[b-z0hg5jzw9m] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

thead th[b-z0hg5jzw9m] {
    vertical-align: bottom;
    background: var(--paper);
}

thead th button[b-z0hg5jzw9m] {
    padding: 0;
    border: 0;
    color: var(--ink-3);
    background: none;
    font: inherit;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-align: right;
    text-transform: uppercase;
    white-space: normal;
    cursor: pointer;
}

thead th button:focus-visible[b-z0hg5jzw9m] {
    outline: none;
    box-shadow: var(--ring);
}

thead th:first-child[b-z0hg5jzw9m] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

th[scope="row"][b-z0hg5jzw9m],
thead th:first-child[b-z0hg5jzw9m] {
    position: sticky;
    left: 0;
    z-index: 1;
    text-align: left;
    background: var(--surface);
}

thead th:first-child[b-z0hg5jzw9m] {
    background: var(--paper);
}

th[scope="row"][b-z0hg5jzw9m] {
    color: var(--ink);
    font-weight: 700;
}

tr.benchmark th[b-z0hg5jzw9m],
tr.benchmark td[b-z0hg5jzw9m] {
    background: var(--accent-wash);
}

.pos[b-z0hg5jzw9m] { color: var(--pos); }
.neg[b-z0hg5jzw9m] { color: var(--neg); }
.missing[b-z0hg5jzw9m] { color: var(--ink-3); }

@media (max-width: 680px) {
    .sector-table-panel[b-z0hg5jzw9m] {
        padding: 16px 14px;
    }
}
/* /Components/Pages/TopicDetails/IndiaStockMarketWeekly/OwnershipStackedRows.razor.rz.scp.css */
.osr[b-cit0hp5jet] { display: grid; gap: 2px; font-family: var(--sans, Inter, sans-serif); }
.osr-ancestor[b-cit0hp5jet] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 6px 10px; margin-bottom: 4px;
    border-radius: 8px; background: var(--paper, #F5F7F6); }
.osr-row[b-cit0hp5jet], .osr-axis[b-cit0hp5jet] { display: grid; grid-template-columns: minmax(9rem, 15rem) minmax(0, 1fr) 8.4rem; gap: 12px; align-items: center; }
.osr-row[b-cit0hp5jet] { padding: 5px 0; }
.osr-row.rest[b-cit0hp5jet] { margin-top: 4px; padding-top: 8px; border-top: 1px dashed var(--rule, #E2E7E5); }
.osr-label[b-cit0hp5jet] { min-width: 0; }
.osr-label b[b-cit0hp5jet], .osr-label button[b-cit0hp5jet] { display: block; padding: 0; border: 0; background: none; text-align: left;
    font: 650 13px/1.3 var(--sans, Inter, sans-serif); color: var(--ink, #1F2630); }
.osr-label button[b-cit0hp5jet] { cursor: pointer; }
.osr-label .osr-open[b-cit0hp5jet] { color: var(--accent, #0B7A68); }
.osr-label .osr-up[b-cit0hp5jet] { color: var(--ink-2, #3A4552); text-decoration: underline; text-underline-offset: 3px; }
.osr-label button:focus-visible[b-cit0hp5jet] { outline: 2px solid var(--accent, #0B7A68); outline-offset: 2px; }
.osr-row.rest .osr-label b[b-cit0hp5jet] { color: var(--ink-3, #64707C); font-style: italic; }
.osr-label small[b-cit0hp5jet] { display: block; color: var(--ink-3, #64707C); font-size: 11.5px; line-height: 1.35; }
.osr-track[b-cit0hp5jet] { position: relative; height: 16px; }
.osr-track .tick[b-cit0hp5jet] { position: absolute; top: -5px; bottom: -5px; width: 1px; background: var(--rule, #E2E7E5); }
.osr-track .tick.zero[b-cit0hp5jet] { width: 2px; background: var(--ink-3, #64707C); }
.osr-track .seg[b-cit0hp5jet] { position: absolute; top: 1px; bottom: 1px; outline: 1px solid var(--surface, #fff); }
.osr-track .net[b-cit0hp5jet] { position: absolute; top: 50%; width: 9px; height: 9px; border-radius: 50%; background: var(--ink, #1F2630);
    transform: translate(-50%, -50%); box-shadow: 0 0 0 2px var(--surface, #fff); }
.osr-value[b-cit0hp5jet] { display: grid; justify-items: end; text-align: right; font-variant-numeric: tabular-nums; }
.osr-value strong[b-cit0hp5jet] { color: var(--ink, #1F2630); font-size: 13.5px; }
.osr-value strong.down[b-cit0hp5jet] { color: var(--neg, #B5413A); }
.osr-value small[b-cit0hp5jet] { color: var(--ink-3, #64707C); font-size: 11.5px; }
.osr-axis[b-cit0hp5jet] { color: var(--ink-3, #64707C); font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
.osr-axis .ticks[b-cit0hp5jet] { position: relative; height: 16px; }
.osr-axis .ticks span[b-cit0hp5jet] { position: absolute; transform: translateX(-50%); white-space: nowrap; }
.osr-empty[b-cit0hp5jet] { margin: 8px 0; color: var(--ink-2, #3A4552); font-size: 13px; }
@media (max-width: 760px) {
    .osr-row[b-cit0hp5jet], .osr-axis[b-cit0hp5jet] { grid-template-columns: minmax(0, 1fr) 6.8rem; }
    .osr-row .osr-track[b-cit0hp5jet], .osr-axis .ticks[b-cit0hp5jet] { grid-column: 1 / -1; grid-row: 2; }
    .osr-axis > span:first-child[b-cit0hp5jet] { display: none; }
    .osr-children[b-cit0hp5jet] { margin-left: 6px !important; }
}
/* /Components/Pages/TopicDetails/IndiaTaxCollections/IndiaTaxCollections.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-wudyeqcst8] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-wudyeqcst8] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-wudyeqcst8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-wudyeqcst8],
.eyebrow[b-wudyeqcst8] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-wudyeqcst8] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-wudyeqcst8] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-wudyeqcst8] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.tax-section-links[b-wudyeqcst8] { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; font-size: 14px; font-weight: 700; }
.tax-section-links a[b-wudyeqcst8] { color: var(--accent-deep); text-underline-offset: 4px; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench { display: grid; gap: 20px; min-width: 0; margin: 36px 0; scroll-margin-top: 90px; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench h2 { margin: 0; color: var(--ink); font-size: clamp(24px, 3vw, 34px); }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench h3,
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench h4 { color: var(--ink); }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench p { margin: 0 0 12px; color: var(--ink-2); line-height: 1.65; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench .eyebrow { margin-bottom: -12px; color: var(--accent); }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench .table-scroll { max-width: 100%; overflow-x: auto; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench table { width: 100%; border-collapse: collapse; font-size: 13px; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench th,
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench td { padding: 12px; text-align: left; border-bottom: 1px solid var(--paper-deep); vertical-align: top; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench caption { padding: 12px 0; color: var(--ink-3); text-align: left; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench .transmission { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 32px; padding-left: 22px; color: var(--ink-2); line-height: 1.65; }
.after-dashboard-shell[b-wudyeqcst8]  .scenario-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 16px 0; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench label { display: grid; gap: 8px; color: var(--ink-2); font-size: 13px; font-weight: 650; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench input,
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench select { width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 12px; color: var(--ink); background: var(--surface); border: 1px solid var(--paper-deep); border-radius: var(--r-sm); font: inherit; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench dl > div { padding: 16px; background: var(--paper); border: 1px solid var(--paper-deep); border-radius: var(--r-sm); }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench dt { color: var(--ink-3); font-size: 13px; line-height: 1.5; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench dd { margin: 8px 0 0; color: var(--ink); font-size: 19px; font-weight: 750; overflow-wrap: anywhere; }
.after-dashboard-shell[b-wudyeqcst8]  .tax-workbench summary { cursor: pointer; color: var(--ink); font-weight: 700; padding: 16px 0; }
@media (max-width: 650px) {
    .after-dashboard-shell[b-wudyeqcst8]  .scenario-controls,
    .after-dashboard-shell[b-wudyeqcst8]  .tax-workbench dl,
    .after-dashboard-shell[b-wudyeqcst8]  .tax-workbench .transmission { grid-template-columns: 1fr; }
}

.freshness[b-wudyeqcst8] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-wudyeqcst8] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-wudyeqcst8] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-wudyeqcst8] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-wudyeqcst8] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-wudyeqcst8] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-wudyeqcst8] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-wudyeqcst8] { --metric-color: var(--neg); }
.metric-card.blue[b-wudyeqcst8] { --metric-color: var(--accent); }
.metric-card.green[b-wudyeqcst8] { --metric-color: var(--pos); }

.metric-heading[b-wudyeqcst8] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-wudyeqcst8] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-wudyeqcst8] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-wudyeqcst8] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-wudyeqcst8] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-wudyeqcst8] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-wudyeqcst8] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-wudyeqcst8] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-wudyeqcst8] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-wudyeqcst8] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-wudyeqcst8] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-wudyeqcst8] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-wudyeqcst8] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-wudyeqcst8] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-wudyeqcst8] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-wudyeqcst8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-wudyeqcst8] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-wudyeqcst8] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-wudyeqcst8] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-wudyeqcst8],
.reset-filters:focus-visible[b-wudyeqcst8],
.range-selects select:focus-visible[b-wudyeqcst8],
.measure-toggle button:focus-visible[b-wudyeqcst8] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-wudyeqcst8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-wudyeqcst8] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-wudyeqcst8] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-wudyeqcst8] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-wudyeqcst8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-wudyeqcst8] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-wudyeqcst8] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-wudyeqcst8] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-wudyeqcst8] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-wudyeqcst8] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-wudyeqcst8] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-wudyeqcst8] {
    color: var(--on-accent);
    background: var(--ink-2);
}

.feature-insight-card[b-wudyeqcst8] {
    min-width: 0;
    padding: 16px 20px 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.feature-insight-card h2[b-wudyeqcst8] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.insight-list[b-wudyeqcst8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0 18px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-wudyeqcst8] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list strong[b-wudyeqcst8] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-wudyeqcst8] {
    margin: 4px 0 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.inline-empty-state[b-wudyeqcst8] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

/* Supporting sections */
.chart-section + .chart-section[b-wudyeqcst8] {
    margin-top: 36px;
}

.section-heading[b-wudyeqcst8] {
    margin-bottom: 14px;
}

.section-heading h2[b-wudyeqcst8] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-wudyeqcst8] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-wudyeqcst8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-wudyeqcst8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-wudyeqcst8] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.chart-callout[b-wudyeqcst8] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-wudyeqcst8] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-wudyeqcst8] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}



@media (max-width: 680px) {
    .topic-heading-row[b-wudyeqcst8] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-wudyeqcst8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-wudyeqcst8] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-wudyeqcst8] {
        font-size: 24px;
    }

    .freshness li[b-wudyeqcst8] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-wudyeqcst8] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-wudyeqcst8] {
        grid-template-columns: 1fr;
    }
}

.sources-panel[b-wudyeqcst8] { padding-top: 30px; padding-bottom: 30px; color: var(--ink-2); line-height: 1.6; overflow-wrap: anywhere; }
.sources-panel p[b-wudyeqcst8], .sources-panel summary[b-wudyeqcst8] { font-size: 14px; }
.filter-panel select[b-wudyeqcst8] { width: 100%; padding: 10px; border: 1px solid var(--paper-deep); border-radius: var(--r-sm); color: var(--ink); background: var(--surface); }

/* India tax collections additions */
fieldset.dashboard-filter-block[b-wudyeqcst8] {
    min-width: 0;
}

.metric-sub[b-wudyeqcst8] {
    font-variant-numeric: tabular-nums;
}

.upcoming-title[b-wudyeqcst8] {
    margin: 16px 0 6px;
    color: var(--ink);
    font-size: 14px;
}

.upcoming-list[b-wudyeqcst8] {
    margin: 0;
    padding-left: 18px;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.6;
}

/* The explorer keeps categories, periods and selections beside their chart. */
.tax-toolbar[b-wudyeqcst8] { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin: 12px 0; }
.tax-toolbar .measure-toggle[b-wudyeqcst8] { margin-bottom: 0; flex-wrap: wrap; }
.tax-select[b-wudyeqcst8] { display: grid; gap: 5px; color: var(--ink-3); font-size: 12px; font-weight: 650; }
.tax-select select[b-wudyeqcst8] { min-height: 36px; max-width: 100%; padding: 6px 10px; border: 1px solid var(--rule-2); border-radius: var(--r-sm); background: var(--surface); color: var(--ink); font: inherit; }
.tax-select select:focus-visible[b-wudyeqcst8], .tax-crumbs button:focus-visible[b-wudyeqcst8], .tax-selection input:focus-visible[b-wudyeqcst8] { outline: 2px solid var(--accent); outline-offset: 3px; }
.tax-selection[b-wudyeqcst8] { display: flex; flex-wrap: wrap; gap: 12px 18px; margin: 18px 0 8px; padding: 14px; border: 1px solid var(--rule); border-radius: var(--r-sm); }
.tax-selection legend[b-wudyeqcst8] { padding: 0 6px; color: var(--ink-2); font-size: 12px; font-weight: 700; }
.tax-selection label[b-wudyeqcst8] { display: flex; align-items: center; gap: 6px; color: var(--ink-2); font-size: 13px; cursor: pointer; }
.tax-selection input[b-wudyeqcst8] { width: 16px; height: 16px; accent-color: var(--accent); }
.tax-crumbs[b-wudyeqcst8] { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 12px 0; color: var(--ink-2); font-size: 13px; }
.tax-crumbs button[b-wudyeqcst8] { padding: 4px 0; border: 0; background: transparent; color: var(--accent); font: inherit; text-decoration: underline; cursor: pointer; }
.tax-source-gap[b-wudyeqcst8] { padding: 14px; margin-top: 16px; border: 1px solid var(--rule); border-radius: var(--r-sm); color: var(--ink-3); font-size: 13px; line-height: 1.6; }
.tax-source-gap summary[b-wudyeqcst8], .tax-analysis-section > summary[b-wudyeqcst8] { cursor: pointer; font-weight: 700; color: var(--ink-2); }
.tax-analysis-section[b-wudyeqcst8] { margin: 16px 0; padding: 16px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--surface); }
.tax-analysis-section > summary[b-wudyeqcst8] { font-size: 16px; }
.measure-toggle[b-wudyeqcst8] { flex-wrap: wrap; }
.measure-toggle button:disabled[b-wudyeqcst8] { opacity: .55; cursor: not-allowed; }
/* /Components/Pages/TopicDetails/IndiaTaxCollections/TaxGrowthInflationPanel.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
.tax-panel[b-7s8390z83n] {
    margin: 0 0 32px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--paper);
    color: var(--ink);
    scroll-margin-top: 96px;
}

.eyebrow[b-7s8390z83n] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-7s8390z83n] {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.intro[b-7s8390z83n] {
    max-width: 820px;
    margin: 10px 0 20px;
    color: var(--ink-2);
    line-height: 1.6;
}

.panel-note[b-7s8390z83n] {
    max-width: 880px;
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.sub-heading[b-7s8390z83n] {
    margin: 28px 0 6px;
    color: var(--ink);
    font-size: var(--fs-h3);
}

.inline-empty-state[b-7s8390z83n] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

.table-scroll[b-7s8390z83n] {
    max-width: 100%;
    margin-top: 12px;
    overflow-x: auto;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.table-scroll:focus-visible[b-7s8390z83n],
select:focus-visible[b-7s8390z83n],
button:focus-visible[b-7s8390z83n],
a:focus-visible[b-7s8390z83n] {
    outline: none;
    box-shadow: var(--ring);
}

.tax-table[b-7s8390z83n] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.tax-table th[b-7s8390z83n],
.tax-table td[b-7s8390z83n] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.tax-table th[scope="row"][b-7s8390z83n],
.tax-table thead th:first-child[b-7s8390z83n] {
    text-align: left;
    color: var(--ink);
    font-weight: 700;
}

.tax-table thead th[b-7s8390z83n] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: var(--paper);
}

.pos[b-7s8390z83n] { color: var(--pos); }
.neg[b-7s8390z83n] { color: var(--neg); }
.missing[b-7s8390z83n] { color: var(--ink-3); }

.buoyancy-table td.pos[b-7s8390z83n] {
    background: var(--pos-tint);
}

.buoyancy-table td.neg[b-7s8390z83n] {
    background: var(--neg-tint);
}

.buoyancy-table td.low[b-7s8390z83n] {
    color: var(--ink-2);
}

.chart-callout[b-7s8390z83n] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.tax-panel[b-7s8390z83n]  .topic-chart-card + .sub-heading,
.tax-panel[b-7s8390z83n]  .table-scroll + .topic-chart-card {
    margin-top: 24px;
}

/* Long column headings wrap so the table stays close to the panel width; the first column stays in
   view while a phone reader scrolls the figures sideways. */
.tax-table thead th[b-7s8390z83n] {
    white-space: normal;
    vertical-align: bottom;
}

.tax-table th[scope="row"][b-7s8390z83n],
.tax-table thead th:first-child[b-7s8390z83n] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--surface);
}

.tax-table thead th:first-child[b-7s8390z83n] {
    background: var(--paper);
}
/* /Components/Pages/TopicDetails/IndiaTaxCollections/TaxPolicyEventsPanel.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
.tax-panel[b-b7aq0m2bkz] {
    margin: 0 0 32px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--paper);
    color: var(--ink);
    scroll-margin-top: 96px;
}

.eyebrow[b-b7aq0m2bkz] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-b7aq0m2bkz] {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.intro[b-b7aq0m2bkz] {
    max-width: 820px;
    margin: 10px 0 20px;
    color: var(--ink-2);
    line-height: 1.6;
}

.panel-note[b-b7aq0m2bkz] {
    max-width: 880px;
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.sub-heading[b-b7aq0m2bkz] {
    margin: 28px 0 6px;
    color: var(--ink);
    font-size: var(--fs-h3);
}

.inline-empty-state[b-b7aq0m2bkz] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

.table-scroll[b-b7aq0m2bkz] {
    max-width: 100%;
    margin-top: 12px;
    overflow-x: auto;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.table-scroll:focus-visible[b-b7aq0m2bkz],
select:focus-visible[b-b7aq0m2bkz],
button:focus-visible[b-b7aq0m2bkz],
a:focus-visible[b-b7aq0m2bkz] {
    outline: none;
    box-shadow: var(--ring);
}

.tax-table[b-b7aq0m2bkz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.tax-table th[b-b7aq0m2bkz],
.tax-table td[b-b7aq0m2bkz] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.tax-table th[scope="row"][b-b7aq0m2bkz],
.tax-table thead th:first-child[b-b7aq0m2bkz] {
    text-align: left;
    color: var(--ink);
    font-weight: 700;
}

.tax-table thead th[b-b7aq0m2bkz] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: var(--paper);
}

.pos[b-b7aq0m2bkz] { color: var(--pos); }
.neg[b-b7aq0m2bkz] { color: var(--neg); }
.missing[b-b7aq0m2bkz] { color: var(--ink-3); }

.policy-grid[b-b7aq0m2bkz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
    align-items: start;
}

.policy-card[b-b7aq0m2bkz] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.policy-card h3[b-b7aq0m2bkz] {
    margin: 0;
    color: var(--ink);
    font-size: 16px;
    line-height: 1.3;
}

.policy-rows[b-b7aq0m2bkz] {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12.5px;
}

.policy-rows li[b-b7aq0m2bkz] {
    display: grid;
    gap: 2px;
}

.policy-rows span[b-b7aq0m2bkz] {
    color: var(--ink-3);
}

.policy-facts[b-b7aq0m2bkz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.policy-facts div[b-b7aq0m2bkz] {
    padding: 8px;
    border-radius: var(--r-sm);
    background: var(--paper);
}

.policy-facts dt[b-b7aq0m2bkz] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.policy-facts dd[b-b7aq0m2bkz] {
    margin: 2px 0 0;
    color: var(--ink);
    font-size: 14px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.policy-facts small[b-b7aq0m2bkz] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 600;
}

.policy-reading[b-b7aq0m2bkz],
.policy-context[b-b7aq0m2bkz],
.policy-else[b-b7aq0m2bkz] {
    margin: 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.policy-else[b-b7aq0m2bkz] {
    padding-top: 8px;
    border-top: 1px solid var(--paper-deep);
}

.timeline-table td:last-child[b-b7aq0m2bkz] {
    min-width: 360px;
    text-align: left;
    white-space: normal;
    color: var(--ink-2);
    line-height: 1.5;
}

.timeline-table td:nth-child(2)[b-b7aq0m2bkz] {
    text-align: left;
    white-space: normal;
}

@media (max-width: 520px) {
    .policy-facts[b-b7aq0m2bkz] {
        grid-template-columns: 1fr;
    }

    .timeline-table td:last-child[b-b7aq0m2bkz] {
        min-width: 240px;
    }
}

.timeline-table thead th:nth-child(2)[b-b7aq0m2bkz],
.timeline-table thead th:nth-child(4)[b-b7aq0m2bkz] {
    text-align: left;
}

/* Long column headings wrap so the table stays close to the panel width; the first column stays in
   view while a phone reader scrolls the figures sideways. */
.tax-table thead th[b-b7aq0m2bkz] {
    white-space: normal;
    vertical-align: bottom;
}

.tax-table th[scope="row"][b-b7aq0m2bkz],
.tax-table thead th:first-child[b-b7aq0m2bkz] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--surface);
}

.tax-table thead th:first-child[b-b7aq0m2bkz] {
    background: var(--paper);
}
/* /Components/Pages/TopicDetails/IndiaTaxCollections/TaxToGdpBridgePanel.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
.tax-panel[b-s9d32snjj5] {
    margin: 0 0 32px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--paper);
    color: var(--ink);
    scroll-margin-top: 96px;
}

.eyebrow[b-s9d32snjj5] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-s9d32snjj5] {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.intro[b-s9d32snjj5] {
    max-width: 820px;
    margin: 10px 0 20px;
    color: var(--ink-2);
    line-height: 1.6;
}

.panel-note[b-s9d32snjj5] {
    max-width: 880px;
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.sub-heading[b-s9d32snjj5] {
    margin: 28px 0 6px;
    color: var(--ink);
    font-size: var(--fs-h3);
}

.inline-empty-state[b-s9d32snjj5] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

.table-scroll[b-s9d32snjj5] {
    max-width: 100%;
    margin-top: 12px;
    overflow-x: auto;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.table-scroll:focus-visible[b-s9d32snjj5],
select:focus-visible[b-s9d32snjj5],
button:focus-visible[b-s9d32snjj5],
a:focus-visible[b-s9d32snjj5] {
    outline: none;
    box-shadow: var(--ring);
}

.tax-table[b-s9d32snjj5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.tax-table th[b-s9d32snjj5],
.tax-table td[b-s9d32snjj5] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.tax-table th[scope="row"][b-s9d32snjj5],
.tax-table thead th:first-child[b-s9d32snjj5] {
    text-align: left;
    color: var(--ink);
    font-weight: 700;
}

.tax-table thead th[b-s9d32snjj5] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: var(--paper);
}

.pos[b-s9d32snjj5] { color: var(--pos); }
.neg[b-s9d32snjj5] { color: var(--neg); }
.missing[b-s9d32snjj5] { color: var(--ink-3); }

.panel-heading[b-s9d32snjj5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.year-controls[b-s9d32snjj5] {
    display: flex;
    gap: 10px;
}

.year-controls label[b-s9d32snjj5] {
    display: grid;
    gap: 4px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.year-controls select[b-s9d32snjj5] {
    min-width: 130px;
    padding: 8px 10px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.presets[b-s9d32snjj5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 4px;
}

.filter-pill[b-s9d32snjj5] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-s9d32snjj5] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.verdict[b-s9d32snjj5] {
    max-width: 880px;
    margin: 18px 0 0;
    color: var(--ink);
    font-family: var(--serif);
    font-size: 18px;
    line-height: 1.55;
}

.bridge-columns[b-s9d32snjj5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.bridge-column[b-s9d32snjj5] {
    padding: 14px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--pos);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.bridge-column.down[b-s9d32snjj5] {
    border-top-color: var(--neg);
}

.bridge-column h3[b-s9d32snjj5] {
    margin: 0 0 8px;
    color: var(--ink);
    font-size: 14px;
}

.bridge-column ul[b-s9d32snjj5] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bridge-column li[b-s9d32snjj5] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 12px;
}

.term-label[b-s9d32snjj5] {
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 650;
}

.bridge-column strong[b-s9d32snjj5] {
    font-variant-numeric: tabular-nums;
}

.bridge-column small[b-s9d32snjj5] {
    grid-column: 1 / -1;
    color: var(--ink-3);
    font-size: 12px;
}

.bridge-net[b-s9d32snjj5] {
    margin: 14px 0 0;
    color: var(--ink-2);
    font-size: 14px;
}
/* /Components/Pages/TopicDetails/IndiaTaxCollections/TaxYearToDatePanel.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
.tax-panel[b-m1c3uzp2vz] {
    margin: 0 0 32px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--paper);
    color: var(--ink);
    scroll-margin-top: 96px;
}

.eyebrow[b-m1c3uzp2vz] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-m1c3uzp2vz] {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.intro[b-m1c3uzp2vz] {
    max-width: 820px;
    margin: 10px 0 20px;
    color: var(--ink-2);
    line-height: 1.6;
}

.panel-note[b-m1c3uzp2vz] {
    max-width: 880px;
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.sub-heading[b-m1c3uzp2vz] {
    margin: 28px 0 6px;
    color: var(--ink);
    font-size: var(--fs-h3);
}

.inline-empty-state[b-m1c3uzp2vz] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

.table-scroll[b-m1c3uzp2vz] {
    max-width: 100%;
    margin-top: 12px;
    overflow-x: auto;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.table-scroll:focus-visible[b-m1c3uzp2vz],
select:focus-visible[b-m1c3uzp2vz],
button:focus-visible[b-m1c3uzp2vz],
a:focus-visible[b-m1c3uzp2vz] {
    outline: none;
    box-shadow: var(--ring);
}

.tax-table[b-m1c3uzp2vz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.tax-table th[b-m1c3uzp2vz],
.tax-table td[b-m1c3uzp2vz] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--paper-deep);
    text-align: right;
    white-space: nowrap;
}

.tax-table th[scope="row"][b-m1c3uzp2vz],
.tax-table thead th:first-child[b-m1c3uzp2vz] {
    text-align: left;
    color: var(--ink);
    font-weight: 700;
}

.tax-table thead th[b-m1c3uzp2vz] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: var(--paper);
}

.pos[b-m1c3uzp2vz] { color: var(--pos); }
.neg[b-m1c3uzp2vz] { color: var(--neg); }
.missing[b-m1c3uzp2vz] { color: var(--ink-3); }

/* Long column headings wrap so the table stays close to the panel width; the first column stays in
   view while a phone reader scrolls the figures sideways. */
.tax-table thead th[b-m1c3uzp2vz] {
    white-space: normal;
    vertical-align: bottom;
}

.tax-table th[scope="row"][b-m1c3uzp2vz],
.tax-table thead th:first-child[b-m1c3uzp2vz] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--surface);
}

.tax-table thead th:first-child[b-m1c3uzp2vz] {
    background: var(--paper);
}
/* /Components/Pages/TopicDetails/IndiaTradeDeficit/IndiaTradeDeficit.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. Readable text
   uses --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-xjc4e24c0r] { width: min(calc(100% - 40px), var(--maxw)); margin: 54px auto; padding: 30px; border: 1px solid var(--paper-deep); border-radius: var(--r); color: var(--ink-3); background: var(--surface); font-weight: 700; }
.topic-data-state.error-state[b-xjc4e24c0r] { display: grid; gap: 7px; color: var(--neg); border-color: var(--neg-tint); }
.topic-heading-row[b-xjc4e24c0r] { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.topic-category[b-xjc4e24c0r], .eyebrow[b-xjc4e24c0r] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; }
.topic-heading-row h1[b-xjc4e24c0r] { margin: 0; color: var(--ink); font-size: clamp(34px, 4vw, 54px); line-height: 1.04; letter-spacing: -0.045em; }
.topic-lede[b-xjc4e24c0r] { max-width: 920px; margin: 20px 0 0; color: var(--ink-2); font-family: var(--serif); font-size: var(--fs-lede); line-height: 1.6; }
.topic-lede-more[b-xjc4e24c0r] { max-width: 920px; margin: 10px 0 0; color: var(--ink-2); font-size: 14.5px; line-height: 1.6; }
.freshness[b-xjc4e24c0r] { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }
.freshness li[b-xjc4e24c0r] { display: grid; gap: 1px; min-width: 150px; padding: 9px 12px; border: 1px solid var(--rule); border-radius: var(--r-sm); background: var(--surface); }
.freshness span[b-xjc4e24c0r] { color: var(--ink-3); font-size: 11px; font-weight: 650; }
.freshness strong[b-xjc4e24c0r] { color: var(--ink); font-size: 13px; }
.freshness small[b-xjc4e24c0r] { color: var(--ink-3); font-size: 11px; }

/* KPIs */
.metric-grid[b-xjc4e24c0r] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.metric-card[b-xjc4e24c0r] { --metric-color: var(--accent); display: grid; grid-template-rows: auto auto 1fr auto; gap: 10px; min-width: 0; padding: 20px 18px 16px; border: 1px solid var(--paper-deep); border-top: 4px solid var(--metric-color); border-radius: var(--r); background: var(--surface); box-shadow: var(--lift); }
.metric-heading[b-xjc4e24c0r] { display: grid; gap: 6px; align-items: start; }
.metric-heading h2[b-xjc4e24c0r] { min-width: 0; margin: 0; color: var(--ink-2); font-size: 13.5px; font-weight: 700; line-height: 1.3; }
.metric-card > strong[b-xjc4e24c0r] { color: var(--ink); font-size: var(--fs-stat); font-variant-numeric: tabular-nums; font-weight: 750; line-height: 1.05; letter-spacing: -0.035em; white-space: nowrap; }
.metric-sub[b-xjc4e24c0r] { display: grid; gap: 3px; align-content: start; color: var(--ink-3); font-size: 12.5px; line-height: 1.4; font-variant-numeric: tabular-nums; }
.metric-period[b-xjc4e24c0r] { color: var(--ink-3); font-size: 12px; font-weight: 650; }
.status-badge[b-xjc4e24c0r] { display: inline-flex; width: fit-content; min-height: 22px; padding: 0 8px; align-items: center; border-radius: 999px; color: var(--ink-2); background: var(--paper); font-size: 9.5px; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; }
.status-badge.verified[b-xjc4e24c0r] { color: var(--pos); background: var(--pos-tint); }
.status-badge.provisional[b-xjc4e24c0r] { color: var(--warn); background: var(--warn-tint); }

/* Filters */
.filter-panel[b-xjc4e24c0r] { padding: 20px; border: 1px solid var(--paper-deep); border-radius: var(--r); background: var(--surface); box-shadow: var(--lift); }
.filter-panel header[b-xjc4e24c0r] { padding-bottom: 12px; border-bottom: 1px solid var(--paper-band); }
.filter-panel header h2[b-xjc4e24c0r] { margin: 0; color: var(--ink); font-size: 19px; line-height: 1.15; }
.dashboard-filter-block[b-xjc4e24c0r] { margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--paper-band); min-width: 0; }
.filter-label[b-xjc4e24c0r] { display: block; margin-bottom: 9px; padding: 0; color: var(--ink-3); font-size: 11px; font-weight: 750; letter-spacing: 0.07em; text-transform: uppercase; }
.pill-group[b-xjc4e24c0r] { display: flex; flex-wrap: wrap; gap: 8px; }
.filter-pill[b-xjc4e24c0r] { min-height: 34px; padding: 0 14px; border: 1px solid var(--rule-2); border-radius: 999px; color: var(--ink-2); background: var(--surface); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.filter-pill.active[b-xjc4e24c0r] { color: var(--on-accent); border-color: var(--accent); background: var(--accent); }
.filter-pill:focus-visible[b-xjc4e24c0r], .reset-filters:focus-visible[b-xjc4e24c0r], .filter-select select:focus-visible[b-xjc4e24c0r], .measure-toggle button:focus-visible[b-xjc4e24c0r], .link-button:focus-visible[b-xjc4e24c0r], .drill-action:focus-visible[b-xjc4e24c0r] { outline: none; box-shadow: var(--ring); }
.filter-select[b-xjc4e24c0r] { display: grid; gap: 5px; margin-top: 10px; color: var(--ink-3); font-size: 11px; font-weight: 700; }
.filter-select select[b-xjc4e24c0r] { width: 100%; min-height: 36px; padding: 0 8px; border: 1px solid var(--rule-2); border-radius: var(--r-sm); color: var(--ink); background: var(--surface); font: inherit; font-size: 13px; }
.filter-note[b-xjc4e24c0r] { display: block; margin-top: 9px; color: var(--ink-3); font-size: 11px; line-height: 1.5; }
.filter-footer[b-xjc4e24c0r] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 14px; }
.filter-footer > span[b-xjc4e24c0r] { color: var(--ink-2); font-size: 12px; font-weight: 650; }
.reset-filters[b-xjc4e24c0r] { min-height: 32px; padding: 0 12px; border: 1px solid var(--rule-2); border-radius: 999px; color: var(--accent-deep); background: var(--surface); font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
.filter-scope[b-xjc4e24c0r] { margin: 12px 0 0; color: var(--ink-3); font-size: 11px; line-height: 1.5; }

/* Featured and supporting charts */
.feature-layout[b-xjc4e24c0r] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.feature-layout[b-xjc4e24c0r] >  .topic-chart-card, .chart-grid[b-xjc4e24c0r] >  .topic-chart-card { min-width: 0; }
.measure-toggle[b-xjc4e24c0r] { display: inline-flex; margin-bottom: 12px; padding: 3px; border: 1px solid var(--rule-2); border-radius: 999px; background: var(--paper); }
.measure-toggle button[b-xjc4e24c0r] { min-height: 28px; padding: 0 12px; border: 0; border-radius: 999px; color: var(--ink-2); background: transparent; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.measure-toggle button.active[b-xjc4e24c0r] { color: var(--on-accent); background: var(--ink-2); }
.chart-section + .chart-section[b-xjc4e24c0r] { margin-top: 36px; }
.section-heading[b-xjc4e24c0r] { margin-bottom: 14px; }
.section-heading h2[b-xjc4e24c0r] { margin: 0; color: var(--ink); font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.03em; }
.section-intro[b-xjc4e24c0r] { max-width: 900px; margin: -4px 0 14px; color: var(--ink-2); font-size: 14.5px; line-height: 1.55; }
.chart-section[b-xjc4e24c0r] { container-type: inline-size; }
.chart-grid[b-xjc4e24c0r] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
@container (min-width: 1360px) { .chart-grid[b-xjc4e24c0r] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.chart-grid[b-xjc4e24c0r] >  .topic-chart-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.chart-grid[b-xjc4e24c0r] >  .topic-chart-card.wide-card { grid-column: 1 / -1; }
.chart-callout[b-xjc4e24c0r] { margin: 12px 0 0; padding: 10px 12px; border-left: 3px solid var(--accent); border-radius: 0 var(--r-sm) var(--r-sm) 0; color: var(--ink-2); background: var(--accent-wash); font-size: 13px; line-height: 1.5; }
.after-dashboard-shell[b-xjc4e24c0r] { width: min(100%, var(--maxw)); margin: 0 auto 8px; padding: 0 40px; }
.upcoming-title[b-xjc4e24c0r] { margin: 16px 0 6px; color: var(--ink); font-size: 14px; }
.upcoming-list[b-xjc4e24c0r] { margin: 0; padding-left: 18px; color: var(--ink-2); font-size: 13px; line-height: 1.6; }

/* Tables */
.table-scroll[b-xjc4e24c0r] { max-width: 100%; overflow-x: auto; contain: inline-size; border: 1px solid var(--paper-deep); border-radius: var(--r-sm); background: var(--surface); }
.table-scroll table[b-xjc4e24c0r] { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.table-scroll th[b-xjc4e24c0r], .table-scroll td[b-xjc4e24c0r] { padding: 8px 10px; border-bottom: 1px solid var(--paper-deep); text-align: right; white-space: nowrap; }
.table-scroll thead th[b-xjc4e24c0r] { color: var(--ink-3); font-size: 11px; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; white-space: normal; vertical-align: bottom; background: var(--paper); }
.table-scroll th[scope="row"][b-xjc4e24c0r], .table-scroll thead th:first-child[b-xjc4e24c0r] { position: sticky; left: 0; z-index: 1; text-align: left; color: var(--ink); font-weight: 700; background: var(--surface); white-space: normal; min-width: 180px; }
.table-scroll thead th:first-child[b-xjc4e24c0r] { background: var(--paper); }
.table-scroll td small[b-xjc4e24c0r], .table-scroll th small[b-xjc4e24c0r] { margin-left: 4px; color: var(--ink-3); font-weight: 500; }
.trade-table caption[b-xjc4e24c0r] { padding: 8px 10px; color: var(--ink-3); font-size: 12px; text-align: left; }
.trade-table .text-cell[b-xjc4e24c0r] { text-align: left; color: var(--ink-2); }
.total-row th[b-xjc4e24c0r], .total-row td[b-xjc4e24c0r] { background: var(--paper); font-weight: 650; }
.picked-row th[b-xjc4e24c0r], .picked-row td[b-xjc4e24c0r] { background: var(--accent-wash); }
.muted-row th[b-xjc4e24c0r], .muted-row td[b-xjc4e24c0r] { color: var(--ink-3); }
.pos[b-xjc4e24c0r] { color: var(--pos); }
.neg[b-xjc4e24c0r] { color: var(--neg); }
.grey[b-xjc4e24c0r] { color: var(--ink-3); }
.link-button[b-xjc4e24c0r] { padding: 0; border: 0; background: none; color: var(--accent-deep); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.link-button:hover[b-xjc4e24c0r] { text-decoration: underline; }

/* The month-by-month matrix */
.matrix-scroll[b-xjc4e24c0r] { margin-bottom: 8px; }
.trade-matrix th[scope="row"][b-xjc4e24c0r] { min-width: 220px; font-weight: 600; }
.trade-matrix td[b-xjc4e24c0r] { padding: 6px 8px; font-size: 12px; border-right: 1px solid var(--paper-band); }
.trade-matrix thead th[b-xjc4e24c0r] { position: sticky; top: 0; }

/* Drill-down cards: a sentence, then the charts that answer "what is behind this bar". */
.drill-lede[b-xjc4e24c0r] { margin: 0 0 14px; font-size: 15px; line-height: 1.55; color: var(--ink); max-width: 78ch; }
.drill-heading[b-xjc4e24c0r] { margin: 18px 0 4px; font-size: 14px; font-weight: 700; color: var(--ink); }
.drill-sub[b-xjc4e24c0r] { margin: 0 0 10px; font-size: 12.5px; line-height: 1.5; color: var(--ink-3); max-width: 78ch; }
.drill-columns[b-xjc4e24c0r] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.drill-columns > div[b-xjc4e24c0r] { min-width: 0; }
.drill-action[b-xjc4e24c0r] { margin-top: 12px; font: inherit; font-size: 12.5px; font-weight: 600; padding: 5px 12px; border-radius: 999px; cursor: pointer; border: 1px solid var(--accent); background: var(--surface); color: var(--accent); }

.sources-panel[b-xjc4e24c0r] { padding-top: 30px; padding-bottom: 30px; color: var(--ink-2); line-height: 1.6; overflow-wrap: anywhere; }

@media (max-width: 1240px) { .metric-grid[b-xjc4e24c0r] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .drill-columns[b-xjc4e24c0r] { grid-template-columns: minmax(0, 1fr); gap: 8px; } }
@media (max-width: 680px) {
    .topic-heading-row[b-xjc4e24c0r] { align-items: flex-start; flex-direction: column; gap: 14px; }
    .metric-grid[b-xjc4e24c0r] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .metric-card[b-xjc4e24c0r] { padding: 14px 12px 12px; }
    .metric-card > strong[b-xjc4e24c0r] { font-size: 24px; }
    .freshness li[b-xjc4e24c0r] { min-width: calc(50% - 5px); }
    .after-dashboard-shell[b-xjc4e24c0r] { padding: 0 20px; }
    .table-scroll th[scope="row"][b-xjc4e24c0r], .table-scroll thead th:first-child[b-xjc4e24c0r] { min-width: 130px; }
}
@media (max-width: 420px) { .metric-grid[b-xjc4e24c0r] { grid-template-columns: 1fr; } }
/* /Components/Pages/TopicDetails/IndiaTradeDeficit/TradeBalanceDrill.razor.rz.scp.css */
/* The featured drill-down: one row per part, one block per period (oldest lightest), deficits in red. */
.td-crumbs[b-o7s1lckqw0] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 10px; font-size: 13px; font-weight: 650; }
.td-crumbs button[b-o7s1lckqw0] { padding: 0; border: 0; background: none; color: var(--accent); font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.td-crumbs [aria-current][b-o7s1lckqw0] { color: var(--ink); }
.td-crumbs .sep[b-o7s1lckqw0] { color: var(--ink-3); }
.td-toolbar[b-o7s1lckqw0] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 12px; }
.measure-toggle[b-o7s1lckqw0] { display: inline-flex; flex: none; padding: 3px; border: 1px solid var(--rule-2, #C9D1D9); border-radius: 999px; background: var(--paper, #F7F8F9); }
.measure-toggle button[b-o7s1lckqw0] { min-height: 28px; padding: 0 12px; border: 0; border-radius: 999px; color: var(--ink-2); background: transparent; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.measure-toggle button.active[b-o7s1lckqw0] { color: var(--on-accent, #fff); background: var(--ink-2, #38424F); }
.measure-toggle button:focus-visible[b-o7s1lckqw0], .td-crumbs button:focus-visible[b-o7s1lckqw0], .td-label:focus-visible[b-o7s1lckqw0] { outline: none; box-shadow: var(--ring); }
.td-legend[b-o7s1lckqw0] { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; color: var(--ink-2); font-size: 12px; font-weight: 600; }
.td-legend i[b-o7s1lckqw0] { display: inline-block; width: 11px; height: 11px; margin-right: 5px; vertical-align: -1px; border-radius: 3px; }
.td-legend i.dot[b-o7s1lckqw0], .td-track .dot[b-o7s1lckqw0] { width: 8px; height: 8px; border-radius: 50%; background: var(--ink, #1F2630); }
.td-reading[b-o7s1lckqw0] { max-width: 960px; margin: 0 0 14px; padding: 12px 14px; border-left: 4px solid var(--accent); border-radius: var(--r-sm); color: var(--ink-2); background: var(--accent-tint, #EEF7F5); font-size: 13.5px; line-height: 1.55; }

.td-rows[b-o7s1lckqw0] { --cols: minmax(7rem, 12rem) minmax(14rem, 1fr) 5.4rem 5.4rem 5.4rem; display: grid; gap: 2px; font-variant-numeric: tabular-nums; }
.td-rows.with-growth[b-o7s1lckqw0] { --cols: minmax(7rem, 12rem) minmax(14rem, 1fr) 5.4rem 5.4rem 5.4rem 6.2rem; }
.td-rows.no-prev[b-o7s1lckqw0] { --cols: minmax(7rem, 12rem) minmax(14rem, 1fr) 5.4rem 5.4rem; }
.td-rows.no-prev.with-growth[b-o7s1lckqw0] { --cols: minmax(7rem, 12rem) minmax(14rem, 1fr) 5.4rem 5.4rem 6.2rem; }
.td-row[b-o7s1lckqw0] { display: grid; grid-template-columns: var(--cols); gap: 10px; align-items: center; min-height: 34px; padding: 3px 0; }
.td-row + .td-row[b-o7s1lckqw0] { border-top: 1px solid var(--paper-band, #EEF1F3); }
.td-head[b-o7s1lckqw0] { align-items: end; min-height: 0; padding-bottom: 6px; color: var(--ink-3); font-size: 11px; font-weight: 700; line-height: 1.25; }
.td-head .num[b-o7s1lckqw0] { text-align: right; }
.td-axis[b-o7s1lckqw0] { position: relative; height: 16px; }
.td-axis span[b-o7s1lckqw0] { position: absolute; bottom: 0; transform: translateX(-50%); white-space: nowrap; }
.td-axis span.first[b-o7s1lckqw0] { transform: none; }
.td-axis span.last[b-o7s1lckqw0] { transform: translateX(-100%); }
.td-parent[b-o7s1lckqw0] { margin-bottom: 4px; padding: 7px 0; border-bottom: 2px solid var(--rule-2, #C9D1D9); }
.td-parent .td-label[b-o7s1lckqw0] { color: var(--ink); font-weight: 800; }
.td-parent .td-track[b-o7s1lckqw0] { height: 18px; }
.td-label[b-o7s1lckqw0] { padding: 0; border: 0; background: none; color: var(--ink-2); font: inherit; font-size: 13px; font-weight: 650; line-height: 1.3; text-align: left; }
button.td-label[b-o7s1lckqw0] { color: var(--accent); cursor: pointer; }
.td-rest .td-label[b-o7s1lckqw0] { color: var(--ink-3); font-style: italic; }
.td-track[b-o7s1lckqw0] { position: relative; height: 14px; }
.td-track .tick[b-o7s1lckqw0] { position: absolute; top: -5px; bottom: -5px; width: 1px; background: var(--paper-deep, #E7EBEE); }
.td-track .tick.zero[b-o7s1lckqw0] { background: var(--ink-3, #616C7A); }
.td-track .seg[b-o7s1lckqw0] { position: absolute; top: 0; bottom: 0; outline: 1px solid var(--surface, #fff); }
.td-track .dot[b-o7s1lckqw0] { position: absolute; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 2px var(--surface, #fff); }
.num[b-o7s1lckqw0] { display: grid; justify-items: end; gap: 1px; color: var(--ink-2); font-size: 12.5px; font-weight: 650; text-align: right; }
.num strong[b-o7s1lckqw0] { color: var(--ink); font-size: 13.5px; font-weight: 750; }
.num .neg[b-o7s1lckqw0], .num strong.neg[b-o7s1lckqw0] { color: var(--neg, #BE3448); }
.num .pos[b-o7s1lckqw0] { color: var(--pos, #0B7A68); }
.num small[b-o7s1lckqw0] { color: var(--ink-3); font-size: 11px; font-weight: 650; }
.num small.prov[b-o7s1lckqw0] { color: var(--warn, #9A6A00); }
.num.growth small[b-o7s1lckqw0] { color: var(--ink-2); }
.num.growth small.neg[b-o7s1lckqw0] { color: var(--neg, #BE3448); }
.td-note[b-o7s1lckqw0] { margin: 12px 0 0; color: var(--ink-2); font-size: 13px; line-height: 1.55; }

@media (max-width: 760px) {
    .td-rows[b-o7s1lckqw0], .td-rows.with-growth[b-o7s1lckqw0], .td-rows.no-prev[b-o7s1lckqw0], .td-rows.no-prev.with-growth[b-o7s1lckqw0] { --cols: repeat(3, minmax(0, 1fr)); }
    .td-rows.with-growth[b-o7s1lckqw0] { --cols: repeat(4, minmax(0, 1fr)); }
    .td-rows.no-prev[b-o7s1lckqw0] { --cols: repeat(2, minmax(0, 1fr)); }
    .td-row[b-o7s1lckqw0] { gap: 6px 8px; padding: 8px 0; }
    .td-row > [role="rowheader"][b-o7s1lckqw0], .td-row > .td-track[b-o7s1lckqw0], .td-head > .td-axis[b-o7s1lckqw0] { grid-column: 1 / -1; }
    .td-head > :not(.td-axis)[b-o7s1lckqw0] { display: none; }
    .td-head[b-o7s1lckqw0] { padding-bottom: 0; }
    .num[b-o7s1lckqw0] { justify-items: start; text-align: left; }
    .num[b-o7s1lckqw0]::before { content: attr(data-label); color: var(--ink-3); font-size: 10px; font-weight: 650; line-height: 1.2; }
}
/* /Components/Pages/TopicDetails/IndiaUpiPayments/IndiaUpiPayments.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by
   IndiaBalanceOfPayments.razor.css. Keep the two files aligned until the
   shared subset moves into TopicDetailLayout.razor.css. */

.upi-after-shell[b-fr17i4dn8r] { width: min(100%, var(--maxw)); margin: 0 auto; padding: 0 40px; }
.upi-method-panel[b-fr17i4dn8r] { border: 1px solid var(--rule); border-radius: 16px; padding: 30px; background: var(--surface); }
.upi-method-panel h2[b-fr17i4dn8r] { margin: 0 0 20px; color: var(--ink); font-size: clamp(26px, 3vw, 36px); }
.upi-method-grid[b-fr17i4dn8r] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 30px; }
.upi-method-grid h3[b-fr17i4dn8r] { margin: 0 0 8px; color: var(--ink); font-size: 17px; }
.upi-method-grid p[b-fr17i4dn8r], .upi-source-line[b-fr17i4dn8r] { margin: 0; color: var(--ink-3); line-height: 1.6; }
.upi-source-line[b-fr17i4dn8r] { margin-top: 25px; padding-top: 16px; border-top: 1px solid var(--rule); font-size: 13px; }
.upi-method-panel a[b-fr17i4dn8r] { color: var(--accent); }
@media (max-width: 700px) { .upi-after-shell[b-fr17i4dn8r] { padding: 0 20px; } .upi-method-panel[b-fr17i4dn8r] { padding: 20px; } .upi-method-grid[b-fr17i4dn8r] { grid-template-columns: 1fr; } }

.topic-data-state[b-fr17i4dn8r] {
    width: min(calc(100% - 80px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-fr17i4dn8r] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-fr17i4dn8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-fr17i4dn8r],
.eyebrow[b-fr17i4dn8r] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-fr17i4dn8r] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(36px, 4.2vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.chart-period[b-fr17i4dn8r] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-3);
    background: var(--surface);
    font-size: 12px;
    font-weight: 650;
}

.metric-grid[b-fr17i4dn8r] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.metric-card[b-fr17i4dn8r] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: minmax(58px, auto) minmax(48px, auto) auto;
    min-width: 0;
    min-height: 196px;
    padding: 24px 22px 21px;
    border: 1px solid var(--paper-deep);
    border-top: 5px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 15px 35px -34px rgba(23, 55, 94, 0.7);
}

.metric-card.red[b-fr17i4dn8r] { --metric-color: var(--neg); }
.metric-card.blue[b-fr17i4dn8r] { --metric-color: var(--accent); }
.metric-card.orange[b-fr17i4dn8r] { --metric-color: var(--d-3); }
.metric-card.green[b-fr17i4dn8r] { --metric-color: var(--pos); }
.metric-card.violet[b-fr17i4dn8r] { --metric-color: var(--d-5); }

.metric-heading[b-fr17i4dn8r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.metric-heading h2[b-fr17i4dn8r] {
    min-width: 0;
    margin: 0;
    color: var(--ink-4);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.24;
}

.metric-card > strong[b-fr17i4dn8r] {
    align-self: center;
    overflow: hidden;
    color: var(--ink);
    font-size: clamp(25px, 2vw, 34px);
    font-weight: 750;
    line-height: 1;
    letter-spacing: -0.045em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-period[b-fr17i4dn8r] {
    align-self: end;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
}

.status-badge[b-fr17i4dn8r] {
    display: inline-flex;
    width: fit-content;
    min-height: 24px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-fr17i4dn8r] {
    color: var(--pos);
    background: var(--paper-band);
}

.status-badge.provisional[b-fr17i4dn8r] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.status-badge.estimated[b-fr17i4dn8r] {
    color: var(--d-5);
}

.filter-panel[b-fr17i4dn8r] {
    padding: 24px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 18px 42px -38px rgba(23, 55, 94, 0.75);
}

.filter-panel header[b-fr17i4dn8r] {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-fr17i4dn8r] {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.filter-panel header > span[b-fr17i4dn8r] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.55;
}

.dashboard-filter-block[b-fr17i4dn8r] {
    padding: 20px 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-fr17i4dn8r] {
    display: block;
    margin-bottom: 11px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-fr17i4dn8r] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-fr17i4dn8r] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-3);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-fr17i4dn8r] {
    color: var(--on-accent);
    border-color: var(--pos);
    background: var(--pos);
    box-shadow: 0 8px 18px rgba(18, 139, 112, 0.16);
}

.filter-pill:disabled[b-fr17i4dn8r] {
    color: var(--rule-2);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
    opacity: 0.72;
}

.filter-note[b-fr17i4dn8r] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 10px;
    line-height: 1.5;
}

.date-inputs[b-fr17i4dn8r] {
    display: grid;
    gap: 10px;
}

.date-inputs label[b-fr17i4dn8r] {
    display: grid;
    gap: 6px;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 700;
}

.date-inputs input[b-fr17i4dn8r] {
    width: 100%;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
}

.filter-footer[b-fr17i4dn8r] {
    display: grid;
    gap: 12px;
    padding-top: 20px;
}

.filter-footer > span[b-fr17i4dn8r] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
}

.reset-filters[b-fr17i4dn8r] {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--pos);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.feature-layout[b-fr17i4dn8r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
}

.chart-card[b-fr17i4dn8r] {
    min-width: 0;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 20px 45px -42px rgba(23, 55, 94, 0.8);
}

.feature-chart-card[b-fr17i4dn8r] {
    padding: 30px 30px 24px;
}

.chart-heading[b-fr17i4dn8r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.chart-heading h2[b-fr17i4dn8r],
.supporting-section-heading h2[b-fr17i4dn8r] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(24px, 2vw, 31px);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.chart-heading h3[b-fr17i4dn8r] {
    margin: 0;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.chart-heading > div > span[b-fr17i4dn8r] {
    display: block;
    margin-top: 8px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
}

.feature-chart-card[b-fr17i4dn8r]  .topic-feature-chart {
    margin-top: 22px;
}

.supporting-section-heading[b-fr17i4dn8r] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.supporting-section-heading > span[b-fr17i4dn8r] {
    max-width: 410px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
}

.supporting-chart-grid[b-fr17i4dn8r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.detail-chart-card[b-fr17i4dn8r] {
    min-height: 410px;
    padding: 26px;
}

.inline-empty-state[b-fr17i4dn8r] {
    display: grid;
    min-height: 230px;
    place-items: center;
    padding: 24px;
    color: var(--ink-4);
    font-size: 13px;
    line-height: 1.55;
    text-align: center;
}

.account-history[b-fr17i4dn8r],
.component-list[b-fr17i4dn8r] {
    display: grid;
    gap: 15px;
    margin-top: 28px;
}

.account-history > div[b-fr17i4dn8r] {
    display: grid;
    grid-template-columns: 50px minmax(80px, 1fr) 92px;
    gap: 12px;
    align-items: center;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.account-history i[b-fr17i4dn8r] {
    display: block;
    height: 11px;
    border-radius: 999px;
}

.account-history i.positive[b-fr17i4dn8r] { background: var(--pos); }
.account-history i.negative[b-fr17i4dn8r] { background: var(--neg); }
.positive-text[b-fr17i4dn8r] { color: var(--pos); }
.negative-text[b-fr17i4dn8r] { color: var(--neg); }

.fiscal-comparison[b-fr17i4dn8r] {
    display: grid;
    grid-template-columns: repeat(6, minmax(62px, 1fr));
    gap: 12px;
    align-items: end;
    min-height: 235px;
    margin-top: 30px;
    padding-bottom: 16px;
    overflow-x: auto;
    border-bottom: 1px solid var(--paper-deep);
}

.fiscal-column[b-fr17i4dn8r] {
    display: grid;
    gap: 8px;
    justify-items: center;
}

.fiscal-column > strong[b-fr17i4dn8r] {
    color: var(--ink-3);
    font-size: 10px;
    text-align: center;
}

.fiscal-bars[b-fr17i4dn8r] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.fiscal-bars span[b-fr17i4dn8r],
.monthly-bars span[b-fr17i4dn8r] {
    display: block;
    min-height: 8px;
    border-radius: 5px 5px 2px 2px;
}

.fiscal-bars span[b-fr17i4dn8r] { width: 14px; }
.fiscal-bars .current[b-fr17i4dn8r] { background: var(--neg); }
.fiscal-bars .capital[b-fr17i4dn8r] { background: var(--accent); }
.fiscal-bars .overall[b-fr17i4dn8r] { background: var(--d-5); }

.chart-legend[b-fr17i4dn8r] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.chart-legend span[b-fr17i4dn8r] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-fr17i4dn8r] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.chart-legend .current-account[b-fr17i4dn8r] { background: var(--neg); }
.chart-legend .capital-account[b-fr17i4dn8r] { background: var(--accent); }
.chart-legend .overall-balance[b-fr17i4dn8r] { background: var(--d-5); }
.chart-legend .exports[b-fr17i4dn8r] { background: var(--accent); }
.chart-legend .imports[b-fr17i4dn8r] { background: var(--d-3); }

.monthly-bar-chart[b-fr17i4dn8r] {
    display: grid;
    grid-template-columns: repeat(12, minmax(48px, 1fr));
    gap: 9px;
    align-items: end;
    min-height: 245px;
    margin-top: 28px;
    padding-bottom: 14px;
    overflow-x: auto;
    border-bottom: 1px solid var(--paper-deep);
}

.monthly-column[b-fr17i4dn8r] {
    display: grid;
    gap: 4px;
    justify-items: center;
}

.monthly-bars[b-fr17i4dn8r] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.monthly-bars span[b-fr17i4dn8r] { width: 16px; }
.monthly-bars .exports[b-fr17i4dn8r] { background: var(--accent); }
.monthly-bars .imports[b-fr17i4dn8r] { background: var(--d-3); }

.monthly-column strong[b-fr17i4dn8r] {
    color: var(--ink-3);
    font-size: 10px;
    white-space: nowrap;
}

.monthly-column small[b-fr17i4dn8r] {
    color: var(--ink-4);
    font-size: 9px;
}

.component-row[b-fr17i4dn8r] {
    display: grid;
    grid-template-columns: minmax(125px, 0.9fr) minmax(90px, 1.2fr) 82px;
    gap: 12px;
    align-items: center;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.component-row > div[b-fr17i4dn8r] {
    height: 10px;
    border-radius: 999px;
    background: var(--paper-band);
}

.component-row i[b-fr17i4dn8r] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.component-row i.positive[b-fr17i4dn8r] { background: var(--pos); }
.component-row i.negative[b-fr17i4dn8r] { background: var(--neg); }
.component-row i.total[b-fr17i4dn8r] { background: var(--d-5); }

@media (max-width: 1260px) {
    .metric-grid[b-fr17i4dn8r] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}

@media (max-width: 1080px) {
    .filter-panel[b-fr17i4dn8r] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .filter-panel header[b-fr17i4dn8r],
    .filter-footer[b-fr17i4dn8r] {
        grid-column: 1 / -1;
    }

    .dashboard-filter-block[b-fr17i4dn8r] {
        padding: 0;
        border-bottom: 0;
    }

    .date-inputs[b-fr17i4dn8r] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-footer[b-fr17i4dn8r] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--paper-band);
    }
}

@media (max-width: 900px) {
    .metric-grid[b-fr17i4dn8r],
    .supporting-chart-grid[b-fr17i4dn8r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-panel[b-fr17i4dn8r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .supporting-section-heading[b-fr17i4dn8r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .supporting-section-heading > span[b-fr17i4dn8r] {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .topic-data-state[b-fr17i4dn8r] {
        width: calc(100% - 40px);
    }

    .topic-heading-row[b-fr17i4dn8r] {
        align-items: flex-start;
    }

    .metric-grid[b-fr17i4dn8r],
    .supporting-chart-grid[b-fr17i4dn8r],
    .filter-panel[b-fr17i4dn8r] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-fr17i4dn8r] {
        min-height: 170px;
    }

    .feature-chart-card[b-fr17i4dn8r],
    .detail-chart-card[b-fr17i4dn8r],
    .filter-panel[b-fr17i4dn8r] {
        padding: 22px;
    }

    .chart-heading[b-fr17i4dn8r] {
        flex-direction: column;
    }

    .date-inputs[b-fr17i4dn8r] {
        grid-template-columns: 1fr;
    }

    .account-history > div[b-fr17i4dn8r] {
        grid-template-columns: 44px minmax(70px, 1fr) 80px;
    }

    .component-row[b-fr17i4dn8r] {
        grid-template-columns: 1fr;
        gap: 7px;
    }
}

.topic-lede[b-fr17i4dn8r] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-fr17i4dn8r] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.topic-lede-more a[b-fr17i4dn8r] { color: var(--accent); }

.chart-section[b-fr17i4dn8r] { container-type: inline-size; }

.chart-grid[b-fr17i4dn8r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-fr17i4dn8r] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.section-heading[b-fr17i4dn8r] { margin: 8px 0 16px; }
.section-heading h2[b-fr17i4dn8r] { margin: 0; }
/* /Components/Pages/TopicDetails/UkInflationWatch/UkCpiContributions.razor.rz.scp.css */
.split-controls[b-nsv57n327l]{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 12px}
.split-controls label[b-nsv57n327l]{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:13px;font-weight:700;min-width:0}
.split-controls select[b-nsv57n327l]{flex:1 1 200px;min-width:0;max-width:min(100%,520px);padding:7px 9px;border:1px solid var(--paper-deep);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}
.link-button[b-nsv57n327l]{padding:0;border:0;background:none;color:var(--accent-deep);font:inherit;font-weight:600;cursor:pointer;text-align:left}
.link-button:hover[b-nsv57n327l]{text-decoration:underline}
.reading[b-nsv57n327l]{margin:14px 0;padding:12px 16px;border-left:3px solid var(--accent);background:var(--surface);color:var(--ink-2);font-size:14px;line-height:1.65}
.table-scroll[b-nsv57n327l]{max-width:100%;overflow:auto;border:1px solid var(--paper-deep);border-radius:12px;background:var(--surface)}
.table-scroll:focus-visible[b-nsv57n327l]{outline:none;box-shadow:var(--ring)}
table[b-nsv57n327l]{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
th[b-nsv57n327l],td[b-nsv57n327l]{padding:8px 12px;border-bottom:1px solid var(--paper-band);text-align:left;vertical-align:top}
thead th[b-nsv57n327l]{background:var(--paper);color:var(--ink-2);font-size:12px}
td[b-nsv57n327l]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tbody th[b-nsv57n327l]{font-weight:600}
tr.residual th[b-nsv57n327l],tr.residual td[b-nsv57n327l]{color:var(--ink-3);font-style:italic}
tr.total th[b-nsv57n327l],tr.total td[b-nsv57n327l]{font-weight:750;border-top:2px solid var(--paper-deep)}

/* Rank by: re-orders the ladder and the table; both measures stay on screen. */
.rank-toggle[b-nsv57n327l]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.rank-toggle .rank-label[b-nsv57n327l]{margin-right:2px;color:var(--ink-2);font-size:13px;font-weight:700}
.rank-toggle button[b-nsv57n327l]{padding:6px 11px;border:1px solid var(--paper-deep);border-radius:999px;background:var(--surface);color:var(--ink-2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.rank-toggle button:hover[b-nsv57n327l]{border-color:var(--accent-tint)}
.rank-toggle button[aria-pressed="true"][b-nsv57n327l]{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-deep)}
.rank-toggle button:focus-visible[b-nsv57n327l]{outline:2px solid var(--accent);outline-offset:2px}

/* The ladder: weight under the name, then own price change and what it added, each on its own scale from zero.
   Colours match the US explorer: blue for a price change, teal for what it added, terracotta for a fall. */
.ladder[b-nsv57n327l],.ladder-head[b-nsv57n327l]{--own:#3162c7;--up:#058e7a;--down:#bb684f}
.ladder-head[b-nsv57n327l],.ladder-row[b-nsv57n327l]{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(6rem,1fr) 4.6rem minmax(6rem,1fr) 5.2rem;align-items:center;column-gap:12px}
.ladder-head[b-nsv57n327l]{padding:4px 10px 8px;color:var(--ink-3);font-size:11.5px;font-weight:650;line-height:1.25}
.ladder-head small[b-nsv57n327l]{display:block;font-weight:550}
.ladder-head .head-price[b-nsv57n327l]{grid-column:2 / 4}
.ladder-head .head-added[b-nsv57n327l]{grid-column:4 / 6}
.ladder[b-nsv57n327l]{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.ladder-row[b-nsv57n327l]{width:100%;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left}
button.ladder-row[b-nsv57n327l]{cursor:pointer}
button.ladder-row:hover[b-nsv57n327l]{border-color:var(--accent-tint);background:var(--accent-wash)}
.ladder-row:focus-visible[b-nsv57n327l]{outline:2px solid var(--accent);outline-offset:2px}
.ladder-row .name[b-nsv57n327l]{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;color:var(--ink);font-size:14px}
.ladder-row .label[b-nsv57n327l]{overflow-wrap:anywhere}
.ladder-row .arrow[b-nsv57n327l]{color:var(--accent);font-weight:700}
.ladder-row .meta[b-nsv57n327l]{flex-basis:100%;color:var(--ink-3);font-size:12px;font-variant-numeric:tabular-nums}
.ladder-row .track[b-nsv57n327l]{position:relative;height:16px;border-radius:3px;background:var(--paper)}
.ladder-row .track.empty[b-nsv57n327l]{background:none}
.ladder-row .zero[b-nsv57n327l]{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--ink-4)}
.ladder-row .bar[b-nsv57n327l]{position:absolute;top:0;bottom:0;transition:left .18s ease,width .18s ease}
.ladder-row .bar.up[b-nsv57n327l]{border-radius:0 4px 4px 0}
.ladder-row .bar.down[b-nsv57n327l]{border-radius:4px 0 0 4px;background:var(--down)}
.ladder-row .track.price .bar.up[b-nsv57n327l]{background:var(--own)}
.ladder-row .track.added .bar.up[b-nsv57n327l]{background:var(--up)}
.ladder-row .value[b-nsv57n327l]{color:var(--ink);font-size:14px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ladder-row.total[b-nsv57n327l]{margin-top:4px;padding-top:10px;border-top:1px solid var(--paper-deep);border-radius:0}
.ladder-row.total .label[b-nsv57n327l]{font-weight:750}
.ladder-row.total .value[b-nsv57n327l]{color:var(--ink-2);font-weight:750}
.weight-note[b-nsv57n327l]{margin:12px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.6}

@media (max-width:680px){
    .ladder-head[b-nsv57n327l],.ladder-row[b-nsv57n327l]{grid-template-columns:minmax(0,1fr) 3.9rem minmax(0,1fr) 4.5rem;row-gap:6px;column-gap:8px}
    .ladder-head>span:first-child[b-nsv57n327l],.ladder-row .name[b-nsv57n327l]{grid-column:1 / -1}
    .ladder-head .head-price[b-nsv57n327l]{grid-column:1 / 3}
    .ladder-head .head-added[b-nsv57n327l]{grid-column:3 / 5}
    .ladder-row .value[b-nsv57n327l]{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.ladder-row .bar[b-nsv57n327l]{transition:none}}
td.basis[b-nsv57n327l]{color:var(--ink-3);font-size:12px;text-align:left}
/* /Components/Pages/TopicDetails/UkInflationWatch/UkCpiHeatmap.razor.rz.scp.css */
.matrix-controls[b-i1s5jj6ivz]{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 12px}
.matrix-controls label[b-i1s5jj6ivz]{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:13px;font-weight:700}
.matrix-controls select[b-i1s5jj6ivz]{padding:7px 9px;border:1px solid var(--paper-deep);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}
.scale[b-i1s5jj6ivz]{display:flex;align-items:center;gap:10px;margin:0 0 0 auto;color:var(--ink-3);font-size:11px}
.scale-bar[b-i1s5jj6ivz]{display:inline-block;width:120px;height:10px;border-radius:5px;background:linear-gradient(90deg,color-mix(in oklab,var(--pos) 70%,var(--surface)),var(--surface) 50%,color-mix(in oklab,var(--neg) 70%,var(--surface)))}
.matrix-scroll[b-i1s5jj6ivz]{max-width:100%;overflow:auto;border:1px solid var(--paper-deep);border-radius:12px;background:var(--surface)}
.matrix-scroll:focus-visible[b-i1s5jj6ivz]{outline:none;box-shadow:var(--ring)}
.matrix[b-i1s5jj6ivz]{border-collapse:separate;border-spacing:0;font-size:11px;width:100%}
.matrix th[b-i1s5jj6ivz],.matrix td[b-i1s5jj6ivz]{padding:5px 2px;border-bottom:1px solid var(--paper-band);white-space:nowrap}
.matrix thead th[b-i1s5jj6ivz]{position:sticky;top:0;background:var(--paper);color:var(--ink-2);font-size:11px;text-align:center;z-index:1}
.matrix thead th:first-child[b-i1s5jj6ivz]{text-align:left}
.matrix tbody th[b-i1s5jj6ivz]{position:sticky;left:0;background:var(--surface);text-align:left;font-weight:600;color:var(--ink);z-index:1;min-width:120px;max-width:160px;white-space:normal;padding-right:6px;font-size:12px}
.matrix td[b-i1s5jj6ivz]{text-align:center;font-variant-numeric:tabular-nums;color:var(--ink)}
.matrix td.empty[b-i1s5jj6ivz]{color:var(--ink-3);background:var(--surface)}
.matrix td.provisional[b-i1s5jj6ivz]{font-style:italic}


.matrix tr.level-all th[b-i1s5jj6ivz],.matrix tr.level-core th[b-i1s5jj6ivz]{font-weight:750}

.matrix tr.level-all td[b-i1s5jj6ivz],.matrix tr.level-core td[b-i1s5jj6ivz]{font-weight:700}
.matrix-note[b-i1s5jj6ivz]{margin:12px 0 0;color:var(--ink-3);font-size:12.5px;line-height:1.6}


@media (max-width:680px){.matrix[b-i1s5jj6ivz]{font-size:11.5px}.matrix th[b-i1s5jj6ivz],.matrix td[b-i1s5jj6ivz]{padding:6px 5px}.matrix tbody th[b-i1s5jj6ivz]{min-width:120px;max-width:140px}.scale[b-i1s5jj6ivz]{margin-left:0}}
.matrix td.calculated[b-i1s5jj6ivz]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink-3) 35%,transparent)}
.matrix tr.aggregate th[b-i1s5jj6ivz]{font-style:italic}
/* /Components/Pages/TopicDetails/UkInflationWatch/UkInflationWatch.razor.rz.scp.css */
.topic-data-state[b-6hd72fgd1a]{width:min(calc(100% - 48px),var(--maxw));margin:52px auto;padding:28px;border:1px solid var(--paper-deep);border-radius:16px;color:var(--ink-3)}
.error-state[b-6hd72fgd1a]{color:var(--neg)}
.topic-heading-row[b-6hd72fgd1a]{display:flex;justify-content:space-between;align-items:start;gap:24px}
.topic-category[b-6hd72fgd1a],.eyebrow[b-6hd72fgd1a]{margin:0 0 9px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.topic-heading-row h1[b-6hd72fgd1a]{margin:0;color:var(--ink);font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;line-height:1.04}
.topic-lede[b-6hd72fgd1a]{max-width:1050px;color:var(--ink-2);font:22px/1.5 var(--serif);margin:25px 0 8px}
.topic-lede-more[b-6hd72fgd1a]{max-width:1050px;color:var(--ink-3);line-height:1.65;margin:18px 0}
a[b-6hd72fgd1a]{color:var(--accent)}
.metric-grid[b-6hd72fgd1a]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.metric-card[b-6hd72fgd1a]{display:flex;flex-direction:column;min-width:0;min-height:145px;padding:21px;border:1px solid var(--paper-deep);border-top:5px solid var(--accent);border-radius:12px;background:var(--surface)}
.metric-card h2[b-6hd72fgd1a]{font-size:14px;color:var(--ink-3);margin:0 0 17px}.metric-card strong[b-6hd72fgd1a]{color:var(--ink);font-size:clamp(24px,2vw,34px);line-height:1.1;white-space:nowrap}.metric-card span[b-6hd72fgd1a]{margin-top:auto;color:var(--ink-3);font-size:12px}
.kpi-note[b-6hd72fgd1a]{color:var(--ink-3);font-size:12px;margin:12px 0 0}
.filter-panel[b-6hd72fgd1a]{padding:24px;border:1px solid var(--paper-deep);border-radius:12px;background:var(--paper)}
.filter-panel h2[b-6hd72fgd1a]{margin:0 0 18px;color:var(--ink);font-size:23px}.filter-panel label[b-6hd72fgd1a]{display:grid;gap:7px;color:var(--ink-2);font-size:13px;font-weight:700;margin:16px 0}.filter-panel select[b-6hd72fgd1a]{width:100%;padding:10px;border:1px solid var(--paper-deep);border-radius:6px;background:var(--surface);color:var(--ink)}.filter-panel p:last-child[b-6hd72fgd1a]{color:var(--ink-3);font-size:12px;line-height:1.6}
.chart-section[b-6hd72fgd1a]{margin-top:28px}.chart-section h2[b-6hd72fgd1a]{color:var(--ink);font-size:27px;margin:0 0 18px}
.movers-note[b-6hd72fgd1a]{max-width:900px;color:var(--ink-3);font-size:13px;line-height:1.6;margin:0 0 16px}
.movers-grid[b-6hd72fgd1a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.movers .table-scroll[b-6hd72fgd1a]{max-width:100%;overflow:auto;background:var(--surface);border:1px solid var(--paper-deep);border-radius:12px}
.movers .table-scroll:focus-visible[b-6hd72fgd1a]{outline:none;box-shadow:var(--ring)}
.movers table[b-6hd72fgd1a]{width:100%;border-collapse:collapse;font-size:13px}
.movers caption[b-6hd72fgd1a]{text-align:left;padding:12px 14px 6px;color:var(--ink);font-weight:750}
.movers th[b-6hd72fgd1a],.movers td[b-6hd72fgd1a]{padding:8px 14px;border-top:1px solid var(--paper-band);text-align:left;vertical-align:top}
.movers td[b-6hd72fgd1a]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.movers td:first-of-type[b-6hd72fgd1a]{text-align:left;white-space:normal;color:var(--ink-3)}
.movers tbody th[b-6hd72fgd1a]{font-weight:600}
.after-shell[b-6hd72fgd1a]{width:min(100%,var(--maxw));margin:auto;padding:0 40px}.method-panel[b-6hd72fgd1a]{border:1px solid var(--paper-deep);border-radius:16px;padding:30px;margin-bottom:22px}.method-panel h2[b-6hd72fgd1a]{font-size:30px;margin:0 0 20px}.method-grid[b-6hd72fgd1a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.method-grid h3[b-6hd72fgd1a]{font-size:16px;margin:0 0 7px}.method-grid p[b-6hd72fgd1a],.method-panel>p:last-child[b-6hd72fgd1a]{font-size:13px;color:var(--ink-3);line-height:1.6;margin:0}.method-panel>p:last-child[b-6hd72fgd1a]{margin-top:24px;padding-top:14px;border-top:1px solid var(--paper-deep)}
.method-panel ul[b-6hd72fgd1a]{margin:0;padding-left:20px;line-height:1.8}
@media(max-width:1100px){.metric-grid[b-6hd72fgd1a]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.movers-grid[b-6hd72fgd1a],.method-grid[b-6hd72fgd1a]{grid-template-columns:1fr}.metric-grid[b-6hd72fgd1a]{grid-template-columns:repeat(2,minmax(0,1fr))}.after-shell[b-6hd72fgd1a]{padding:0 20px}}@media(max-width:480px){.metric-grid[b-6hd72fgd1a]{grid-template-columns:1fr}.movers th:nth-child(2)[b-6hd72fgd1a],.movers td:nth-child(2)[b-6hd72fgd1a]{display:none}.movers th[b-6hd72fgd1a],.movers td[b-6hd72fgd1a]{padding:8px 10px}}
.target-reading[b-6hd72fgd1a]{max-width:1050px;margin:14px 0;padding:12px 16px;border-left:3px solid var(--accent);background:var(--surface);color:var(--ink-2);font-size:14px;line-height:1.65}
.decisions[b-6hd72fgd1a]{max-width:480px;margin-top:14px;overflow:auto;background:var(--surface);border:1px solid var(--paper-deep);border-radius:12px}
.decisions table[b-6hd72fgd1a]{width:100%;border-collapse:collapse;font-size:13px}.decisions caption[b-6hd72fgd1a]{text-align:left;padding:12px 14px 6px;color:var(--ink);font-weight:750}
.decisions th[b-6hd72fgd1a],.decisions td[b-6hd72fgd1a]{padding:8px 14px;border-top:1px solid var(--paper-band);text-align:left}.decisions td[b-6hd72fgd1a]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.decisions tbody th[b-6hd72fgd1a]{font-weight:600}
/* /Components/Pages/TopicDetails/UsaTradeDeficit/UsaTradeDeficit.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-3mhfuiuuta] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-3mhfuiuuta] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-3mhfuiuuta] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-3mhfuiuuta],
.eyebrow[b-3mhfuiuuta] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-3mhfuiuuta] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-3mhfuiuuta] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-3mhfuiuuta] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-3mhfuiuuta] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-3mhfuiuuta] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-3mhfuiuuta] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-3mhfuiuuta] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-3mhfuiuuta] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-3mhfuiuuta] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-3mhfuiuuta] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-3mhfuiuuta] { --metric-color: var(--neg); }
.metric-card.blue[b-3mhfuiuuta] { --metric-color: var(--accent); }
.metric-card.green[b-3mhfuiuuta] { --metric-color: var(--pos); }

.metric-heading[b-3mhfuiuuta] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-3mhfuiuuta] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-3mhfuiuuta] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-3mhfuiuuta] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-3mhfuiuuta] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-3mhfuiuuta] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-3mhfuiuuta] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-3mhfuiuuta] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-3mhfuiuuta] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-3mhfuiuuta] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-3mhfuiuuta] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-3mhfuiuuta] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-3mhfuiuuta] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-3mhfuiuuta] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-3mhfuiuuta] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-3mhfuiuuta] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-3mhfuiuuta] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-3mhfuiuuta] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-3mhfuiuuta] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-3mhfuiuuta],
.reset-filters:focus-visible[b-3mhfuiuuta],
.range-selects select:focus-visible[b-3mhfuiuuta],
.measure-toggle button:focus-visible[b-3mhfuiuuta] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-3mhfuiuuta] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-3mhfuiuuta] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-3mhfuiuuta] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-3mhfuiuuta] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-3mhfuiuuta] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-3mhfuiuuta] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-3mhfuiuuta] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-3mhfuiuuta] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-3mhfuiuuta] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-3mhfuiuuta] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-3mhfuiuuta] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-3mhfuiuuta] {
    color: var(--on-accent);
    background: var(--ink-2);
}

.feature-insight-card[b-3mhfuiuuta] {
    min-width: 0;
    padding: 16px 20px 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.feature-insight-card h2[b-3mhfuiuuta] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.insight-list[b-3mhfuiuuta] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0 18px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-3mhfuiuuta] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list strong[b-3mhfuiuuta] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-3mhfuiuuta] {
    margin: 4px 0 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.inline-empty-state[b-3mhfuiuuta] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

/* Supporting sections */
.chart-section + .chart-section[b-3mhfuiuuta] {
    margin-top: 36px;
}

.section-heading[b-3mhfuiuuta] {
    margin-bottom: 14px;
}

.section-heading h2[b-3mhfuiuuta] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-3mhfuiuuta] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-3mhfuiuuta] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-3mhfuiuuta] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-3mhfuiuuta] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.commodity-columns[b-3mhfuiuuta] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px 28px;
}

.commodity-columns h4[b-3mhfuiuuta] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 13px;
}

.chart-callout[b-3mhfuiuuta] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-3mhfuiuuta] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-3mhfuiuuta] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}



@media (max-width: 680px) {
    .topic-heading-row[b-3mhfuiuuta] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-3mhfuiuuta] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-3mhfuiuuta] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-3mhfuiuuta] {
        font-size: 24px;
    }

    .freshness li[b-3mhfuiuuta] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-3mhfuiuuta] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-3mhfuiuuta] {
        grid-template-columns: 1fr;
    }
}

.country-selector[b-3mhfuiuuta] { margin: 24px 0 0; padding: 0; border: 0; }
.sources-panel[b-3mhfuiuuta] { padding-top: 30px; padding-bottom: 30px; color: var(--ink-2); line-height: 1.6; overflow-wrap: anywhere; }
.sources-panel p[b-3mhfuiuuta], .sources-panel summary[b-3mhfuiuuta] { font-size: 14px; }
.filter-panel select[b-3mhfuiuuta] { width: 100%; padding: 10px; border: 1px solid var(--paper-deep); border-radius: var(--r-sm); color: var(--ink); background: var(--surface); }
/* /Components/Pages/TopicDetails/UsInflationWatch/CpiCategoryExplorer.razor.rz.scp.css */
/* Chart colours. The polarity pair passes contrast, chroma and colour-blind
   separation with direction as the second cue; heat tints step from the same
   two hues. Text stays in the ink tokens. */
.cpi-attribution[b-zdwosnto65] {
    --cpi-up: #058e7a;
    --cpi-down: #bb684f;
    --cpi-h-zero: #EFF2F4;
    --cpi-h-u1: #DDF2EC;
    --cpi-h-u2: #9DD8CA;
    --cpi-h-u3: #007b69;
    --cpi-h-d1: #FBE9E3;
    --cpi-h-d2: #F2BCAA;
    --cpi-h-d3: #9f4f36;
    display: grid;
    gap: 18px;
    min-width: 0;
}

.cpi-empty[b-zdwosnto65] {
    margin: 0;
    color: var(--ink-3);
}

/* Controls */
.cpi-toolbar[b-zdwosnto65] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    margin-bottom: 14px;
}

.cpi-seg[b-zdwosnto65] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--rule);
    border-radius: 8px;
    background: var(--paper-band);
}

.cpi-seg button[b-zdwosnto65] {
    padding: 7px 13px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--ink-2);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.cpi-seg button[aria-pressed="true"][b-zdwosnto65] {
    background: var(--surface);
    color: var(--accent);
    font-weight: 650;
    box-shadow: 0 1px 2px rgba(31, 38, 48, .09);
}

.cpi-select[b-zdwosnto65] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 700;
}

.cpi-select select[b-zdwosnto65] {
    padding: 7px 10px;
    border: 1px solid var(--rule-2);
    border-radius: 6px;
    background: var(--surface);
    color: var(--ink);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
}

.cpi-legend[b-zdwosnto65] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    color: var(--ink-2);
    font-size: 12.5px;
}

.cpi-legend i[b-zdwosnto65] {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    border-radius: 3px;
    vertical-align: -2px;
}

.cpi-legend i.up[b-zdwosnto65] { background: var(--cpi-up); }
.cpi-legend i.down[b-zdwosnto65] { background: var(--cpi-down); }
.cpi-legend i.other[b-zdwosnto65],
.cpi-row .bar.other[b-zdwosnto65] {
    background: repeating-linear-gradient(135deg, var(--ink-4) 0 2px, transparent 2px 5px);
    box-shadow: inset 0 0 0 1px var(--ink-4);
}

.cpi-legend i.dot[b-zdwosnto65] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--ink);
}

.cpi-legend-name[b-zdwosnto65] {
    color: var(--ink);
    font-weight: 700;
}

.cpi-check[b-zdwosnto65] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}

.cpi-check input[b-zdwosnto65] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--accent);
}

.cpi-crumbs[b-zdwosnto65] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 7px;
    margin-bottom: 10px;
    font-size: 13px;
}

.cpi-crumbs button[b-zdwosnto65] {
    padding: 2px 0;
    border: 0;
    background: none;
    color: var(--accent);
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: var(--accent-tint);
    text-underline-offset: 3px;
}

.cpi-crumbs button:hover[b-zdwosnto65] { text-decoration-color: var(--accent); }
.cpi-crumbs .sep[b-zdwosnto65] { color: var(--ink-4); }
.cpi-crumbs [aria-current][b-zdwosnto65] { color: var(--ink); font-weight: 650; }

.cpi-context[b-zdwosnto65] {
    margin: 0 0 12px;
    color: var(--ink-2);
    font-size: 14px;
    line-height: 1.5;
}

.cpi-context:focus[b-zdwosnto65] { outline: none; }

.cpi-note[b-zdwosnto65] {
    margin: 14px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--paper-deep);
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.6;
}

/* Drill-down ladder */
.cpi-ladder[b-zdwosnto65] {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cpi-row[b-zdwosnto65],
.cpi-colhead[b-zdwosnto65] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) 5.6rem minmax(8rem, 2fr) 5.8rem;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
}

button.cpi-row[b-zdwosnto65] { cursor: pointer; }

button.cpi-row:hover[b-zdwosnto65],
button.cpi-row[aria-expanded="true"][b-zdwosnto65] {
    border-color: var(--accent-tint);
    background: var(--accent-wash);
}

.cpi-row:focus-visible[b-zdwosnto65],
.cpi-mlabel:focus-visible[b-zdwosnto65],
.cpi-mtrack .seg:focus-visible[b-zdwosnto65] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.cpi-row .name[b-zdwosnto65] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    min-width: 0;
    color: var(--ink);
    font-size: 14px;
}

.cpi-row .label[b-zdwosnto65] { overflow-wrap: anywhere; }

.cpi-row .arrow[b-zdwosnto65],
.cpi-mlabel .arrow[b-zdwosnto65] {
    color: var(--accent);
    font-weight: 700;
}

.cpi-row .pill[b-zdwosnto65] {
    padding: 1px 7px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-3);
    font-size: 11px;
    white-space: nowrap;
}

.cpi-row .track[b-zdwosnto65] {
    position: relative;
    height: 16px;
    border-radius: 3px;
    background: var(--paper);
}

.cpi-row .zero[b-zdwosnto65] {
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 1px;
    background: var(--ink-4);
}

.cpi-row .bar[b-zdwosnto65] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 3px;
    transition: left .18s ease, width .18s ease;
}

.cpi-row .bar.up[b-zdwosnto65] { background: var(--cpi-up); }
.cpi-row .bar.down[b-zdwosnto65] { background: var(--cpi-down); }

.cpi-colhead[b-zdwosnto65] {
    padding: 0 10px 8px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.25;
}

.cpi-colhead small[b-zdwosnto65] {
    display: block;
    font-weight: 550;
}

.cpi-row .own[b-zdwosnto65],
.cpi-row .value[b-zdwosnto65] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 650;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cpi-row .value strong[b-zdwosnto65] {
    font-weight: 650;
}

.cpi-row .value small[b-zdwosnto65],
.cpi-mnet small[b-zdwosnto65] {
    display: block;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 550;
}

.cpi-row .meta[b-zdwosnto65] {
    flex-basis: 100%;
    color: var(--ink-3);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.cpi-row.other .label[b-zdwosnto65] {
    color: var(--ink-3);
    font-style: italic;
}

.cpi-detail[b-zdwosnto65] {
    margin: 2px 0 8px 10px;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--paper);
    color: var(--ink-2);
    font-size: 13px;
}

.cpi-detail ul[b-zdwosnto65] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 18px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
}

.cpi-detail strong[b-zdwosnto65] {
    color: var(--ink);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* Month view: own price change beside the weighted share */
.cpi-contrast[b-zdwosnto65] {
    margin: 0 0 16px;
    padding: 14px 16px;
    border-left: 4px solid var(--d-1);
    border-radius: 4px;
    background: var(--paper-deep);
}

.cpi-contrast-title[b-zdwosnto65] {
    margin: 0 0 10px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 700;
}

.cpi-contrast-pair[b-zdwosnto65] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 10px;
}

.cpi-contrast-pair div[b-zdwosnto65] {
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--surface);
}

.cpi-contrast-pair span[b-zdwosnto65],
.cpi-contrast-pair em[b-zdwosnto65] {
    display: block;
    color: var(--ink-3);
    font-size: 12px;
    font-style: normal;
    line-height: 1.35;
}

.cpi-contrast-pair strong[b-zdwosnto65] {
    display: block;
    margin: 2px 0;
    color: var(--ink);
    font-size: 1.6rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03em;
}

.cpi-contrast > p[b-zdwosnto65] {
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    line-height: 1.55;
}

.cpi-combo[b-zdwosnto65] {
    --cpi-own: #3162c7;
    display: grid;
    gap: 2px;
    min-width: 0;
    max-width: 100%;
}

.cpi-combo-head[b-zdwosnto65],
.cpi-combo-row[b-zdwosnto65] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 11rem) repeat(var(--months), minmax(0, 1fr)) 4.4rem;
    gap: 8px 6px;
    align-items: end;
    min-width: 0;
}

.cpi-combo-head[b-zdwosnto65] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.cpi-combo-row[b-zdwosnto65] { align-items: center; padding: 8px 0; }

.cpi-combo-row.other[b-zdwosnto65] {
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px dashed var(--rule-2);
}

.cpi-month[b-zdwosnto65] {
    display: block;
    min-width: 0;
    width: 100%;
}

.cpi-month .plot[b-zdwosnto65] {
    position: relative;
    display: block;
    width: 100%;
    height: 52px;
}

.cpi-month .zero[b-zdwosnto65] {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 50%;
    height: 1px;
    background: var(--rule);
}

.cpi-month .bar[b-zdwosnto65] {
    position: absolute;
    width: 32%;
    min-height: 2px;
    border-radius: 2px;
}

.cpi-month .bar.own[b-zdwosnto65] {
    left: 14%;
    background: repeating-linear-gradient(-45deg, var(--cpi-own) 0 2.5px, transparent 2.5px 5px);
    box-shadow: inset 0 0 0 1px var(--cpi-own);
}

.cpi-month .bar.own.down[b-zdwosnto65] { --cpi-own: var(--cpi-down); }

.cpi-month .bar.weight[b-zdwosnto65] {
    left: 54%;
    background: var(--cpi-up);
}

.cpi-month .bar.weight.down[b-zdwosnto65] { background: var(--cpi-down); }

.cpi-month .nums[b-zdwosnto65] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    margin-top: 3px;
}

.cpi-month .nums b[b-zdwosnto65] {
    color: var(--ink);
    font-size: 10px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03em;
    text-align: center;
    white-space: nowrap;
}

.cpi-month .nums .own[b-zdwosnto65] { color: #3162c7; }
.cpi-month .nums .own.down[b-zdwosnto65], .cpi-month .bar.own.down[b-zdwosnto65] { color: var(--cpi-down); }

.cpi-mlabel-wrap[b-zdwosnto65] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cpi-basket[b-zdwosnto65] {
    color: var(--ink-3);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.cpi-price-cell[b-zdwosnto65] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    min-width: 0;
    overflow: hidden;
}

.cpi-price-cell .plot[b-zdwosnto65] {
    position: relative;
    width: 100%;
    height: 36px;
}

.cpi-price-cell .zero[b-zdwosnto65] {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    background: var(--rule);
}

.cpi-price-cell .bar[b-zdwosnto65] {
    position: absolute;
    left: 22%;
    width: 56%;
    min-height: 2px;
    border-radius: 2px;
}

.cpi-price-cell b[b-zdwosnto65] {
    color: var(--ink);
    font-size: 11px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03em;
    white-space: nowrap;
}

.cpi-price-empty[b-zdwosnto65] {
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.4;
}

.cpi-weight[b-zdwosnto65],
.weight-scale[b-zdwosnto65] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 4.6rem;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.cpi-mnet strong[b-zdwosnto65] {
    font-weight: 650;
}

.price-scale[b-zdwosnto65] {
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.35;
}

.cpi-months[b-zdwosnto65] {
    display: grid;
    gap: 2px;
}

.cpi-mrow[b-zdwosnto65],
.cpi-maxis[b-zdwosnto65] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 13rem) minmax(0, 1fr) 4.8rem;
    gap: 8px 14px;
    align-items: center;
    min-width: 0;
}

.cpi-mrow[b-zdwosnto65] { padding: 6px 0; }

.cpi-mrow.other[b-zdwosnto65] {
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px dashed var(--rule-2);
}

.cpi-mrow.price[b-zdwosnto65] { grid-template-columns: minmax(7.5rem, 13rem) minmax(0, 1fr); }

.cpi-hslots[b-zdwosnto65] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.cpi-hslot[b-zdwosnto65] {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr) 3.6rem;
    gap: 6px;
    align-items: center;
    min-width: 0;
}

.cpi-hslot .mo[b-zdwosnto65] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.cpi-hslot .track[b-zdwosnto65] {
    position: relative;
    height: 10px;
    border-radius: 3px;
    background: var(--paper);
}

.cpi-hslot .zero[b-zdwosnto65] {
    position: absolute;
    top: -2px;
    bottom: -2px;
    width: 1px;
    background: var(--ink-4);
}

.cpi-hslot .bar[b-zdwosnto65] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 2px;
}

.cpi-hslot .val[b-zdwosnto65] {
    color: var(--ink);
    font-size: 11px;
    font-weight: 650;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cpi-maxis .ticks[b-zdwosnto65] {
    position: relative;
    height: 18px;
    color: var(--ink-3);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.cpi-maxis .ticks span[b-zdwosnto65] {
    position: absolute;
    top: 2px;
    transform: translateX(-50%);
    white-space: nowrap;
}

.cpi-maxis .unit[b-zdwosnto65] {
    color: var(--ink-3);
    font-size: 11px;
    text-align: right;
}

.cpi-mlabel[b-zdwosnto65] {
    min-width: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--ink-2);
    font: inherit;
    font-size: 13px;
    text-align: left;
    overflow-wrap: anywhere;
}

button.cpi-mlabel[b-zdwosnto65] { cursor: pointer; }
button.cpi-mlabel:hover[b-zdwosnto65] { color: var(--accent); }
button.cpi-mlabel .arrow[b-zdwosnto65] { margin-left: 6px; }
.cpi-combo-row.other .cpi-mlabel[b-zdwosnto65] { color: var(--ink-3); font-style: italic; }

.cpi-mtrack[b-zdwosnto65] {
    position: relative;
    height: 16px;
}

.cpi-mtrack .tick[b-zdwosnto65] {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 1px;
    background: var(--rule);
}

.cpi-mtrack .tick.zero[b-zdwosnto65] {
    width: 3px;
    margin-left: -1px;
    background: var(--ink);
    z-index: 2;
    pointer-events: none;
}

.cpi-mtrack .seg[b-zdwosnto65] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 2px;
    outline: 1px solid var(--surface);
    cursor: default;
}

.cpi-mtrack .dot[b-zdwosnto65] {
    position: absolute;
    top: 50%;
    width: 9px;
    height: 9px;
    margin: -4.5px 0 0 -4.5px;
    border-radius: 50%;
    background: var(--ink);
    box-shadow: 0 0 0 2px var(--surface);
    pointer-events: none;
}

/* Hover and keyboard tooltip for a month segment */
.cpi-mtrack .tip[b-zdwosnto65] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    z-index: 5;
    display: none;
    width: max-content;
    max-width: 260px;
    padding: 8px 10px;
    border-radius: 8px;
    background: var(--ink);
    color: var(--surface);
    font-size: 12px;
    line-height: 1.45;
    box-shadow: 0 8px 22px rgba(11, 15, 20, .2);
    pointer-events: none;
}

.cpi-mtrack .seg.tip-left .tip[b-zdwosnto65] {
    right: 0;
    left: auto;
}

.cpi-mtrack .seg:hover .tip[b-zdwosnto65],
.cpi-mtrack .seg:focus-visible .tip[b-zdwosnto65] { display: block; }

.cpi-mnet[b-zdwosnto65] {
    color: var(--ink);
    font-size: 13px;
    font-weight: 650;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.weight-scale .ticks[b-zdwosnto65] {
    position: relative;
    height: 18px;
    color: var(--ink-3);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.weight-scale .ticks span[b-zdwosnto65] {
    position: absolute;
    top: 2px;
    transform: translateX(-50%);
    white-space: nowrap;
}

.weight-scale .unit[b-zdwosnto65] {
    color: var(--ink-3);
    font-size: 11px;
    text-align: right;
}

/* Tables behind "Show table" */
.cpi-table-scroll[b-zdwosnto65] { overflow-x: auto; }

.cpi-table[b-zdwosnto65] {
    width: 100%;
    min-width: 560px;
    border-collapse: separate;
    border-spacing: 3px;
    font-size: 12.5px;
}

.cpi-table caption[b-zdwosnto65] {
    padding-bottom: 8px;
    color: var(--ink-3);
    font-size: 12px;
    text-align: left;
    caption-side: top;
}

.cpi-table th[b-zdwosnto65] {
    padding: 4px 6px;
    color: var(--ink-2);
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

.cpi-table thead th:first-child[b-zdwosnto65],
.cpi-table tbody th[b-zdwosnto65] {
    text-align: left;
}

.cpi-table tbody th[b-zdwosnto65] {
    min-width: 11rem;
    padding-left: 0;
    font-weight: 400;
    white-space: normal;
}

.cpi-table td[b-zdwosnto65] {
    padding: 6px 8px;
    border-radius: 4px;
    color: var(--ink);
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cpi-table td.net[b-zdwosnto65] { font-weight: 650; }
.cpi-table tr.other th[b-zdwosnto65] { color: var(--ink-3); font-style: italic; }
.cpi-table tr.other > *[b-zdwosnto65] { border-top: 1px dashed var(--rule-2); }
.cpi-table .h-zero[b-zdwosnto65] { background: var(--cpi-h-zero); }
.cpi-table .h-u1[b-zdwosnto65] { background: var(--cpi-h-u1); }
.cpi-table .h-u2[b-zdwosnto65] { background: var(--cpi-h-u2); }
.cpi-table .h-u3[b-zdwosnto65] { background: var(--cpi-h-u3); color: var(--surface); }
.cpi-table .h-d1[b-zdwosnto65] { background: var(--cpi-h-d1); }
.cpi-table .h-d2[b-zdwosnto65] { background: var(--cpi-h-d2); }
.cpi-table .h-d3[b-zdwosnto65] { background: var(--cpi-h-d3); color: var(--surface); }

@media (max-width: 800px) {
    .cpi-contrast-pair[b-zdwosnto65] { grid-template-columns: minmax(0, 1fr); }

    .cpi-mrow[b-zdwosnto65],
    .cpi-maxis[b-zdwosnto65] { grid-template-columns: minmax(0, 1fr); }

    .cpi-mrow .cpi-mtrack[b-zdwosnto65],
    .cpi-mrow .cpi-hslots[b-zdwosnto65],
    .cpi-maxis .ticks[b-zdwosnto65] { grid-column: 1 / -1; }

    .cpi-row[b-zdwosnto65],
    .cpi-colhead[b-zdwosnto65] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        row-gap: 6px;
    }

    .cpi-colhead span:nth-child(3)[b-zdwosnto65],
    .cpi-row .track[b-zdwosnto65] { grid-column: 1 / -1; }

    .cpi-row .track[b-zdwosnto65] { grid-row: 2; }
    .cpi-row .own[b-zdwosnto65]::before,
    .cpi-row .value[b-zdwosnto65]::before {
        display: block;
        color: var(--ink-3);
        font-size: 10px;
        font-weight: 650;
    }

    .cpi-row .own[b-zdwosnto65]::before { content: "No weight"; }
    .cpi-row .value[b-zdwosnto65]::before { content: "With weight"; }
    .cpi-colhead[b-zdwosnto65] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .cpi-row .bar[b-zdwosnto65] { transition: none; }
}
/* /Components/Pages/TopicDetails/UsInflationWatch/CpiCategoryTrends.razor.rz.scp.css */
.category-trends[b-jhack3a1w9] { margin-top: 2rem; }
.trend-primary[b-jhack3a1w9] { display: grid; gap: 1.25rem; margin-top: 1rem; }
.trend-grid[b-jhack3a1w9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 1rem; }
.comparison-split[b-jhack3a1w9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin: .5rem 0 1rem; }
.comparison-split h3[b-jhack3a1w9] { margin: 0 0 .25rem; font-size: 1rem; }
.comparison-split p[b-jhack3a1w9] { margin: 0 0 .5rem; color: #52616e; }
.comparison-readout[b-jhack3a1w9] { padding: .8rem 1rem; background: #eef5f4; border-left: 4px solid #087e70; border-radius: .25rem; }
select[b-jhack3a1w9] { padding: .6rem; background: white; color: #173344; border: 1px solid #b9c7d1; border-radius: .4rem; }
p[b-jhack3a1w9] { line-height: 1.6; }
table[b-jhack3a1w9] { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
th[b-jhack3a1w9], td[b-jhack3a1w9] { padding: .5rem; border-bottom: 1px solid #dce3e8; text-align: right; }
th:first-child[b-jhack3a1w9] { text-align: left; }
@media (max-width: 1000px) { .trend-grid[b-jhack3a1w9], .comparison-split[b-jhack3a1w9] { grid-template-columns: 1fr; } }
/* /Components/Pages/TopicDetails/UsInflationWatch/CpiGrowthExplorer.razor.rz.scp.css */
.growth-explorer[b-p8ftrylffh] { margin: 2rem 0; }
.growth-explorer header[b-p8ftrylffh] { max-width: 80ch; margin-bottom: 1.5rem; }
.growth-contrast[b-p8ftrylffh] { padding: .8rem 1rem; background: #eef5f4; border-left: 4px solid #087e70; border-radius: .25rem; }
.growth-grid[b-p8ftrylffh] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
select[b-p8ftrylffh], button[b-p8ftrylffh] { padding: .55rem .75rem; border: 1px solid #b9c7d1; border-radius: .4rem; background: white; color: #173344; max-width: 100%; }
.quick-picks[b-p8ftrylffh] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
button[b-p8ftrylffh] { cursor: pointer; }
.table-scroll[b-p8ftrylffh] { overflow-x: auto; }
table[b-p8ftrylffh] { border-collapse: collapse; width: 100%; font-size: .8rem; margin: 1rem 0; font-variant-numeric: tabular-nums; }
th[b-p8ftrylffh], td[b-p8ftrylffh] { padding: .6rem; text-align: right; border-bottom: 1px solid #dce3e8; }
th:first-child[b-p8ftrylffh] { text-align: left; }
caption[b-p8ftrylffh] { text-align: left; font-weight: 600; padding-bottom: .5rem; }
p[b-p8ftrylffh] { line-height: 1.6; }
details[b-p8ftrylffh] { margin-top: 1.5rem; padding: 1rem; border: 1px solid #dce3e8; border-radius: .5rem; }
summary[b-p8ftrylffh] { cursor: pointer; font-weight: 600; }
@media (max-width: 1000px) { .growth-grid[b-p8ftrylffh] { grid-template-columns: 1fr; } }
/* /Components/Pages/TopicDetails/UsInflationWatch/UsInflationWatch.razor.rz.scp.css */
.topic-data-state[b-selw4bl2b3]{width:min(calc(100% - 48px),var(--maxw));margin:52px auto;padding:28px;border:1px solid var(--paper-deep);border-radius:16px;color:var(--ink-3)}
.error-state[b-selw4bl2b3]{color:var(--neg)}
.topic-heading-row[b-selw4bl2b3]{display:flex;justify-content:space-between;align-items:start;gap:24px}
.topic-category[b-selw4bl2b3],.eyebrow[b-selw4bl2b3]{margin:0 0 9px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.topic-heading-row h1[b-selw4bl2b3]{margin:0;color:var(--ink);font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;line-height:1.04}
.topic-lede[b-selw4bl2b3]{max-width:1050px;color:var(--ink-2);font:22px/1.5 var(--serif);margin:25px 0 8px}
.topic-lede-more[b-selw4bl2b3]{max-width:1050px;color:var(--ink-3);line-height:1.65;margin:18px 0}
a[b-selw4bl2b3]{color:var(--accent)}
.metric-grid[b-selw4bl2b3]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.metric-card[b-selw4bl2b3]{display:flex;flex-direction:column;min-width:0;min-height:145px;padding:21px;border:1px solid var(--paper-deep);border-top:5px solid var(--accent);border-radius:12px;background:var(--surface)}
.metric-card h2[b-selw4bl2b3]{font-size:14px;color:var(--ink-3);margin:0 0 17px}.metric-card strong[b-selw4bl2b3]{color:var(--ink);font-size:clamp(24px,2vw,34px);line-height:1.1;white-space:nowrap}.metric-card span[b-selw4bl2b3]{margin-top:auto;color:var(--ink-3);font-size:12px}
.kpi-note[b-selw4bl2b3]{color:var(--ink-3);font-size:12px;margin:12px 0 0}
.filter-panel[b-selw4bl2b3]{padding:24px;border:1px solid var(--paper-deep);border-radius:12px;background:var(--paper)}
.filter-panel h2[b-selw4bl2b3]{margin:0 0 18px;color:var(--ink);font-size:23px}.filter-panel label[b-selw4bl2b3]{display:grid;gap:7px;color:var(--ink-2);font-size:13px;font-weight:700;margin:16px 0}.filter-panel select[b-selw4bl2b3]{width:100%;padding:10px;border:1px solid var(--paper-deep);border-radius:6px;background:var(--surface);color:var(--ink)}.filter-panel p:last-child[b-selw4bl2b3]{color:var(--ink-3);font-size:12px;line-height:1.6}
.chart-section[b-selw4bl2b3]{margin-top:28px}.chart-section h2[b-selw4bl2b3]{color:var(--ink);font-size:27px;margin:0 0 18px}.chart-grid[b-selw4bl2b3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.after-shell[b-selw4bl2b3]{width:min(100%,var(--maxw));margin:auto;padding:0 40px}.method-panel[b-selw4bl2b3]{border:1px solid var(--paper-deep);border-radius:16px;padding:30px}.method-panel h2[b-selw4bl2b3]{font-size:30px;margin:0 0 20px}.method-grid[b-selw4bl2b3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.method-grid h3[b-selw4bl2b3]{font-size:16px;margin:0 0 7px}.method-grid p[b-selw4bl2b3],.method-panel>p:last-child[b-selw4bl2b3]{font-size:13px;color:var(--ink-3);line-height:1.6;margin:0}.method-panel>p:last-child[b-selw4bl2b3]{margin-top:24px;padding-top:14px;border-top:1px solid var(--paper-deep)}
.meeting-panel[b-selw4bl2b3]{margin-bottom:22px}.meeting-list[b-selw4bl2b3]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.meeting-list div[b-selw4bl2b3]{display:grid;gap:7px;border:1px solid var(--paper-deep);border-radius:8px;padding:13px}.meeting-list strong[b-selw4bl2b3]{font-size:15px}.meeting-list span[b-selw4bl2b3],.meeting-list a[b-selw4bl2b3]{font-size:11px}.meeting-panel>p:not(.eyebrow)[b-selw4bl2b3]{color:var(--ink-3);font-size:13px;line-height:1.6}
@media(max-width:1100px){.metric-grid[b-selw4bl2b3]{grid-template-columns:repeat(3,minmax(0,1fr))}.meeting-list[b-selw4bl2b3]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.chart-grid[b-selw4bl2b3],.method-grid[b-selw4bl2b3]{grid-template-columns:1fr}.metric-grid[b-selw4bl2b3]{grid-template-columns:repeat(2,minmax(0,1fr))}.after-shell[b-selw4bl2b3]{padding:0 20px}}@media(max-width:480px){.metric-grid[b-selw4bl2b3],.meeting-list[b-selw4bl2b3]{grid-template-columns:1fr}}
/* /Components/Pages/TopicDetails/UsRatesGrowthInflation/UsRatesCoMovementPanel.razor.rz.scp.css */
/* Evidence-panel vocabulary shared by the US rates panels (FiscalDebtDynamicsPanel is the model). */
.evidence-panel[b-xsza2bjh8p] { margin: 0 0 40px; padding: 28px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--paper); color: var(--ink); scroll-margin-top: 96px; }
.eyebrow[b-xsza2bjh8p] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
h2[b-xsza2bjh8p] { margin: 0; font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.03em; }
h3[b-xsza2bjh8p] { margin: 22px 0 4px; font-size: 16px; line-height: 1.35; }
.intro[b-xsza2bjh8p] { max-width: 860px; margin: 10px 0 22px; color: var(--ink-2); line-height: 1.6; }
.sub[b-xsza2bjh8p] { max-width: 860px; margin: 0 0 10px; color: var(--ink-3); font-size: 12.5px; line-height: 1.5; }
.panel-empty[b-xsza2bjh8p] { margin: 0 0 18px; color: var(--ink-3); }
.verdict-grid[b-xsza2bjh8p] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0 0 14px; }
.verdict-card[b-xsza2bjh8p] { display: grid; gap: 6px; align-content: start; padding: 16px 18px; border: 1px solid var(--rule); border-top: 3px solid var(--d-5); border-radius: var(--r-sm); background: var(--surface); }
.verdict-card.down[b-xsza2bjh8p] { border-top-color: var(--d-1); }
.verdict-card.up[b-xsza2bjh8p] { border-top-color: var(--d-3); }
.verdict-card span[b-xsza2bjh8p], .verdict-card > small[b-xsza2bjh8p] { color: var(--ink-3); font-size: 11.5px; line-height: 1.45; }
.verdict-card strong[b-xsza2bjh8p] { font-size: 24px; font-weight: 750; letter-spacing: -0.02em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.verdict-card strong small[b-xsza2bjh8p] { display: block; color: var(--ink-3); font-size: 11.5px; font-weight: 500; letter-spacing: 0; }
.reading[b-xsza2bjh8p] { margin: 0 0 8px; padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--surface); color: var(--ink-2); font-size: 14px; line-height: 1.7; }
.table-scroll[b-xsza2bjh8p] { max-width: 100%; max-height: 420px; overflow: auto; border: 1px solid var(--paper-band); border-radius: var(--r-sm); background: var(--surface); }
table[b-xsza2bjh8p] { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
th[b-xsza2bjh8p], td[b-xsza2bjh8p] { padding: 8px 9px; border-bottom: 1px solid var(--paper-band); vertical-align: top; white-space: nowrap; font-variant-numeric: tabular-nums; }
thead th[b-xsza2bjh8p] { position: sticky; top: 0; z-index: 1; background: var(--paper); color: var(--ink-2); font-weight: 750; }
tbody th[b-xsza2bjh8p] { font-weight: 650; }
th small[b-xsza2bjh8p], td small[b-xsza2bjh8p] { display: block; margin-top: 2px; color: var(--ink-3); font-size: 10.5px; font-weight: 500; white-space: normal; }
td.wrap[b-xsza2bjh8p] { min-width: 280px; white-space: normal; }
.num[b-xsza2bjh8p] { text-align: right; }
td.up[b-xsza2bjh8p] { color: var(--d-3); }
td.down[b-xsza2bjh8p] { color: var(--d-1); }
a[b-xsza2bjh8p] { color: var(--accent-deep); }
.calculation-detail[b-xsza2bjh8p] { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--paper-band); font-size: 12px; line-height: 1.55; }
.calculation-detail > p[b-xsza2bjh8p] { margin: 10px 0; color: var(--ink-2); }
summary[b-xsza2bjh8p] { color: var(--accent-deep); font-weight: 700; cursor: pointer; }
.panel-footer[b-xsza2bjh8p] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; color: var(--ink-3); font-size: 12px; line-height: 1.55; }
.panel-footer p[b-xsza2bjh8p] { max-width: 860px; margin: 0; }
.copy-button[b-xsza2bjh8p] { padding: 9px 16px; border: 1px solid var(--accent); border-radius: 999px; color: var(--on-accent); background: var(--accent); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.copy-button:hover[b-xsza2bjh8p] { background: var(--accent-deep); }
.copy-status[b-xsza2bjh8p] { min-height: 1em; margin: 8px 0 0; color: var(--accent-deep); font-size: 12px; }
.copy-detail pre[b-xsza2bjh8p] { max-height: 320px; overflow: auto; padding: 12px; background: var(--surface); font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
button:focus-visible[b-xsza2bjh8p], summary:focus-visible[b-xsza2bjh8p], .table-scroll:focus-visible[b-xsza2bjh8p] { outline: none; box-shadow: var(--ring); }
@media (max-width: 680px) { .evidence-panel[b-xsza2bjh8p] { padding: 20px 14px; } .verdict-card strong[b-xsza2bjh8p] { font-size: 21px; } }
.controls[b-xsza2bjh8p] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 12px; color: var(--ink-3); font-size: 12px; font-weight: 700; }
.controls label[b-xsza2bjh8p] { display: inline-flex; align-items: center; gap: 6px; }
.controls select[b-xsza2bjh8p] { min-height: 34px; padding: 0 8px; border: 1px solid var(--rule-2); border-radius: var(--r-sm); color: var(--ink); background: var(--surface); font: inherit; font-size: 13px; }
.matrix-scroll[b-xsza2bjh8p] { max-height: none; }
.matrix th[b-xsza2bjh8p], .matrix td[b-xsza2bjh8p] { padding: 2px; border-bottom: 0; }
.matrix thead th[b-xsza2bjh8p] { padding: 6px 4px; font-size: 10.5px; writing-mode: vertical-rl; transform: rotate(180deg); text-align: left; white-space: nowrap; }
.matrix thead th:first-child[b-xsza2bjh8p] { writing-mode: horizontal-tb; transform: none; }
.matrix tbody th[b-xsza2bjh8p] { padding: 4px 8px 4px 0; font-size: 11px; white-space: nowrap; }
.matrix-cell[b-xsza2bjh8p] { display: grid; width: 58px; min-height: 42px; place-content: center; gap: 1px; padding: 3px; border: 1px solid var(--paper-band); border-radius: 6px; color: var(--ink); background: var(--surface); font: inherit; font-size: 12px; font-weight: 750; font-variant-numeric: tabular-nums; cursor: pointer; }
.matrix-cell small[b-xsza2bjh8p] { margin: 0; color: var(--ink-3); font-size: 9.5px; font-weight: 600; }
.matrix-cell.diagonal[b-xsza2bjh8p] { color: var(--ink-3); background: var(--paper-band); cursor: default; }
.matrix-cell[aria-pressed="true"][b-xsza2bjh8p] { outline: 2px solid var(--ink); outline-offset: 1px; }
.matrix-legend[b-xsza2bjh8p] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 8px 0 18px; color: var(--ink-3); font-size: 11.5px; }
.matrix-legend .neg[b-xsza2bjh8p] { color: var(--d-4); }
.matrix-legend .pos[b-xsza2bjh8p] { color: var(--d-1); }
.pair-detail[b-xsza2bjh8p] { margin: 0 0 20px; padding: 18px; border: 1px solid var(--rule); border-radius: var(--r-sm); background: var(--surface); }
.pair-detail h3[b-xsza2bjh8p] { margin-top: 0; }
.pair-stats[b-xsza2bjh8p] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin: 0 0 12px; }
.pair-stats div[b-xsza2bjh8p] { padding: 10px 12px; border: 1px solid var(--paper-band); border-radius: var(--r-sm); }
.pair-stats dt[b-xsza2bjh8p] { color: var(--ink-3); font-size: 11px; font-weight: 700; }
.pair-stats dd[b-xsza2bjh8p] { margin: 4px 0 0; font-size: 18px; font-weight: 750; font-variant-numeric: tabular-nums; }
.lead-panel[b-xsza2bjh8p] { margin-top: 8px; }
.lead-grid td[b-xsza2bjh8p] { padding: 3px; }
.lead-cell[b-xsza2bjh8p] { display: inline-grid; min-width: 64px; padding: 5px 6px; border-radius: 6px; font-weight: 700; text-align: center; }
.lead-cell small[b-xsza2bjh8p] { margin: 0; font-size: 9.5px; }
.copy-fallback[b-xsza2bjh8p] { max-height: 320px; overflow: auto; padding: 12px; background: var(--surface); font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
/* /Components/Pages/TopicDetails/UsRatesGrowthInflation/UsRatesGrowthInflation.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by IndiaBalanceOfPayments.razor.css. */
/* Establishes the standard topic-detail class vocabulary. Readable text uses
   --ink-3 or darker; --ink-4 is reserved for disabled controls. */

.topic-data-state[b-qior3hpcz2] {
    width: min(calc(100% - 40px), var(--maxw));
    margin: 54px auto;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-weight: 700;
}

.topic-data-state.error-state[b-qior3hpcz2] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-qior3hpcz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-qior3hpcz2],
.eyebrow[b-qior3hpcz2] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-heading-row h1[b-qior3hpcz2] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.topic-lede[b-qior3hpcz2] {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-family: var(--serif);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.topic-lede-more[b-qior3hpcz2] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--ink-2);
    font-size: 14.5px;
    line-height: 1.6;
}

.freshness[b-qior3hpcz2] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.freshness li[b-qior3hpcz2] {
    display: grid;
    gap: 1px;
    min-width: 150px;
    padding: 9px 12px;
    border: 1px solid var(--rule);
    border-radius: var(--r-sm);
    background: var(--surface);
}

.freshness span[b-qior3hpcz2] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.freshness strong[b-qior3hpcz2] {
    color: var(--ink);
    font-size: 13px;
}

.freshness small[b-qior3hpcz2] {
    color: var(--ink-3);
    font-size: 11px;
}

/* KPIs */
.metric-grid[b-qior3hpcz2] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-qior3hpcz2] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 10px;
    min-width: 0;
    padding: 20px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-top: 4px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.metric-card.red[b-qior3hpcz2] { --metric-color: var(--neg); }
.metric-card.blue[b-qior3hpcz2] { --metric-color: var(--accent); }
.metric-card.green[b-qior3hpcz2] { --metric-color: var(--pos); }

.metric-heading[b-qior3hpcz2] {
    display: grid;
    gap: 6px;
    align-items: start;
}

.metric-heading h2[b-qior3hpcz2] {
    min-width: 0;
    margin: 0;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
}

.metric-card > strong[b-qior3hpcz2] {
    color: var(--ink);
    font-size: var(--fs-stat);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.metric-sub[b-qior3hpcz2] {
    display: grid;
    gap: 3px;
    align-content: start;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.4;
}

.metric-sub b[b-qior3hpcz2] {
    color: var(--ink-2);
    font-weight: 700;
}

.metric-note[b-qior3hpcz2] {
    color: var(--ink-3);
    font-size: 11.5px;
    font-style: italic;
}

.metric-period[b-qior3hpcz2] {
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.status-badge[b-qior3hpcz2] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.verified[b-qior3hpcz2] {
    color: var(--pos);
    background: var(--pos-tint);
}

.status-badge.provisional[b-qior3hpcz2] {
    color: var(--warn);
    background: var(--warn-tint);
}

/* Filters */
.filter-panel[b-qior3hpcz2] {
    padding: 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
}

.filter-panel header[b-qior3hpcz2] {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-qior3hpcz2] {
    margin: 0;
    color: var(--ink);
    font-size: 19px;
    line-height: 1.15;
}

.dashboard-filter-block[b-qior3hpcz2] {
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-qior3hpcz2] {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pill-group[b-qior3hpcz2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-qior3hpcz2] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.filter-pill.active[b-qior3hpcz2] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill:disabled[b-qior3hpcz2] {
    color: var(--ink-4);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
}

.filter-pill:focus-visible[b-qior3hpcz2],
.reset-filters:focus-visible[b-qior3hpcz2],
.range-selects select:focus-visible[b-qior3hpcz2],
.measure-toggle button:focus-visible[b-qior3hpcz2] {
    outline: none;
    box-shadow: var(--ring);
}

.range-selects[b-qior3hpcz2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.range-selects label[b-qior3hpcz2] {
    display: grid;
    gap: 5px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.range-selects select[b-qior3hpcz2] {
    width: 100%;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

.filter-note[b-qior3hpcz2] {
    display: block;
    margin-top: 9px;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

.filter-footer[b-qior3hpcz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 14px;
}

.filter-footer > span[b-qior3hpcz2] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 650;
}

.reset-filters[b-qior3hpcz2] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--accent-deep);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

.filter-scope[b-qior3hpcz2] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 11px;
    line-height: 1.5;
}

/* Featured chart */
.feature-layout[b-qior3hpcz2] {
    display: grid;
    gap: 14px;
}

.measure-toggle[b-qior3hpcz2] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    background: var(--paper);
}

.measure-toggle button[b-qior3hpcz2] {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--ink-2);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.measure-toggle button.active[b-qior3hpcz2] {
    color: var(--on-accent);
    background: var(--ink-2);
}

.feature-insight-card[b-qior3hpcz2] {
    min-width: 0;
    padding: 16px 20px 10px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.feature-insight-card h2[b-qior3hpcz2] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.insight-list[b-qior3hpcz2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0 18px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-qior3hpcz2] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list strong[b-qior3hpcz2] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-qior3hpcz2] {
    margin: 4px 0 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.inline-empty-state[b-qior3hpcz2] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
}

/* Supporting sections */
.chart-section + .chart-section[b-qior3hpcz2] {
    margin-top: 36px;
}

.section-heading[b-qior3hpcz2] {
    margin-bottom: 14px;
}

.section-heading h2[b-qior3hpcz2] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.chart-section[b-qior3hpcz2] {
    container-type: inline-size;
}

/* One column beside the filter rail, so charts use the full width; two only on a very wide column (each card ~660px). */
.chart-grid[b-qior3hpcz2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

@container (min-width: 1360px) {
    .chart-grid[b-qior3hpcz2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* An odd card out spans the row rather than leaving a hole. */
.chart-grid[b-qior3hpcz2] >  .topic-chart-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.commodity-columns[b-qior3hpcz2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px 28px;
}

.commodity-columns h4[b-qior3hpcz2] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 13px;
}

.chart-callout[b-qior3hpcz2] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13px;
    line-height: 1.5;
}

.after-dashboard-shell[b-qior3hpcz2] {
    width: min(100%, var(--maxw));
    margin: 0 auto 8px;
    padding: 0 40px;
}

@media (max-width: 1240px) {
    .metric-grid[b-qior3hpcz2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}



@media (max-width: 680px) {
    .topic-heading-row[b-qior3hpcz2] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .metric-grid[b-qior3hpcz2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .metric-card[b-qior3hpcz2] {
        padding: 14px 12px 12px;
    }

    .metric-card > strong[b-qior3hpcz2] {
        font-size: 24px;
    }

    .freshness li[b-qior3hpcz2] {
        min-width: calc(50% - 5px);
    }

    .after-dashboard-shell[b-qior3hpcz2] {
        padding: 0 20px;
    }
}

@media (max-width: 420px) {
    .metric-grid[b-qior3hpcz2] {
        grid-template-columns: 1fr;
    }
}



/* US rates additions */
.topic-lede-more a[b-qior3hpcz2] { color: var(--accent-deep); font-weight: 650; text-underline-offset: 3px; }

.kpi-note[b-qior3hpcz2] {
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.5;
}

.quick-ranges[b-qior3hpcz2] {
    margin-top: 10px;
}

.quick-ranges .filter-pill[b-qior3hpcz2] {
    min-height: 30px;
    padding: 0 11px;
    font-size: 12px;
}

.check-row[b-qior3hpcz2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    color: var(--ink-2);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.check-row.inline[b-qior3hpcz2] {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 500;
}

.check-row input[b-qior3hpcz2] {
    width: 16px;
    height: 16px;
    accent-color: var(--accent);
}

.filter-value[b-qior3hpcz2] {
    color: var(--ink-2);
    font-size: 12.5px;
    line-height: 1.45;
}

.holder-picker[b-qior3hpcz2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 12px;
    padding: 0;
    border: 0;
}

.holder-picker legend[b-qior3hpcz2] {
    margin-bottom: 6px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.chip[b-qior3hpcz2] {
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.chip.active[b-qior3hpcz2] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.chip:focus-visible[b-qior3hpcz2],
.check-row input:focus-visible[b-qior3hpcz2] {
    outline: none;
    box-shadow: var(--ring);
}
/* /Components/Pages/TopicDetails/UsRatesGrowthInflation/UsRatesHoldersPanel.razor.rz.scp.css */
/* Evidence-panel vocabulary shared by the US rates panels (FiscalDebtDynamicsPanel is the model). */
.evidence-panel[b-0kak8f96ja] { margin: 0 0 40px; padding: 28px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--paper); color: var(--ink); scroll-margin-top: 96px; }
.eyebrow[b-0kak8f96ja] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
h2[b-0kak8f96ja] { margin: 0; font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.03em; }
h3[b-0kak8f96ja] { margin: 22px 0 4px; font-size: 16px; line-height: 1.35; }
.intro[b-0kak8f96ja] { max-width: 860px; margin: 10px 0 22px; color: var(--ink-2); line-height: 1.6; }
.sub[b-0kak8f96ja] { max-width: 860px; margin: 0 0 10px; color: var(--ink-3); font-size: 12.5px; line-height: 1.5; }
.panel-empty[b-0kak8f96ja] { margin: 0 0 18px; color: var(--ink-3); }
.verdict-grid[b-0kak8f96ja] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0 0 14px; }
.verdict-card[b-0kak8f96ja] { display: grid; gap: 6px; align-content: start; padding: 16px 18px; border: 1px solid var(--rule); border-top: 3px solid var(--d-5); border-radius: var(--r-sm); background: var(--surface); }
.verdict-card.down[b-0kak8f96ja] { border-top-color: var(--d-1); }
.verdict-card.up[b-0kak8f96ja] { border-top-color: var(--d-3); }
.verdict-card span[b-0kak8f96ja], .verdict-card > small[b-0kak8f96ja] { color: var(--ink-3); font-size: 11.5px; line-height: 1.45; }
.verdict-card strong[b-0kak8f96ja] { font-size: 24px; font-weight: 750; letter-spacing: -0.02em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.verdict-card strong small[b-0kak8f96ja] { display: block; color: var(--ink-3); font-size: 11.5px; font-weight: 500; letter-spacing: 0; }
.reading[b-0kak8f96ja] { margin: 0 0 8px; padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--surface); color: var(--ink-2); font-size: 14px; line-height: 1.7; }
.table-scroll[b-0kak8f96ja] { max-width: 100%; max-height: 420px; overflow: auto; border: 1px solid var(--paper-band); border-radius: var(--r-sm); background: var(--surface); }
table[b-0kak8f96ja] { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
th[b-0kak8f96ja], td[b-0kak8f96ja] { padding: 8px 9px; border-bottom: 1px solid var(--paper-band); vertical-align: top; white-space: nowrap; font-variant-numeric: tabular-nums; }
thead th[b-0kak8f96ja] { position: sticky; top: 0; z-index: 1; background: var(--paper); color: var(--ink-2); font-weight: 750; }
tbody th[b-0kak8f96ja] { font-weight: 650; }
th small[b-0kak8f96ja], td small[b-0kak8f96ja] { display: block; margin-top: 2px; color: var(--ink-3); font-size: 10.5px; font-weight: 500; white-space: normal; }
td.wrap[b-0kak8f96ja] { min-width: 280px; white-space: normal; }
.num[b-0kak8f96ja] { text-align: right; }
td.up[b-0kak8f96ja] { color: var(--d-3); }
td.down[b-0kak8f96ja] { color: var(--d-1); }
a[b-0kak8f96ja] { color: var(--accent-deep); }
.calculation-detail[b-0kak8f96ja] { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--paper-band); font-size: 12px; line-height: 1.55; }
.calculation-detail > p[b-0kak8f96ja] { margin: 10px 0; color: var(--ink-2); }
summary[b-0kak8f96ja] { color: var(--accent-deep); font-weight: 700; cursor: pointer; }
.panel-footer[b-0kak8f96ja] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; color: var(--ink-3); font-size: 12px; line-height: 1.55; }
.panel-footer p[b-0kak8f96ja] { max-width: 860px; margin: 0; }
.copy-button[b-0kak8f96ja] { padding: 9px 16px; border: 1px solid var(--accent); border-radius: 999px; color: var(--on-accent); background: var(--accent); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.copy-button:hover[b-0kak8f96ja] { background: var(--accent-deep); }
.copy-status[b-0kak8f96ja] { min-height: 1em; margin: 8px 0 0; color: var(--accent-deep); font-size: 12px; }
.copy-detail pre[b-0kak8f96ja] { max-height: 320px; overflow: auto; padding: 12px; background: var(--surface); font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
button:focus-visible[b-0kak8f96ja], summary:focus-visible[b-0kak8f96ja], .table-scroll:focus-visible[b-0kak8f96ja] { outline: none; box-shadow: var(--ring); }
@media (max-width: 680px) { .evidence-panel[b-0kak8f96ja] { padding: 20px 14px; } .verdict-card strong[b-0kak8f96ja] { font-size: 21px; } }
.badge[b-0kak8f96ja] { display: inline-block; width: fit-content; margin-top: 3px; padding: 1px 7px; border-radius: 999px; color: var(--ink-2); background: var(--paper-band); font-size: 9.5px; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }
tr.stale th[b-0kak8f96ja], tr.stale td[b-0kak8f96ja] { color: var(--ink-3); }
sup[b-0kak8f96ja] { margin-left: 2px; color: var(--warn); font-size: 9px; font-weight: 750; }
/* /Components/Pages/TopicDetails/UsRatesGrowthInflation/UsRatesLeadLagPanel.razor.rz.scp.css */
/* Evidence-panel vocabulary shared by the US rates panels (FiscalDebtDynamicsPanel is the model). */
.evidence-panel[b-845mdrwojh] { margin: 0 0 40px; padding: 28px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--paper); color: var(--ink); scroll-margin-top: 96px; }
.eyebrow[b-845mdrwojh] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
h2[b-845mdrwojh] { margin: 0; font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.03em; }
h3[b-845mdrwojh] { margin: 22px 0 4px; font-size: 16px; line-height: 1.35; }
.intro[b-845mdrwojh] { max-width: 860px; margin: 10px 0 22px; color: var(--ink-2); line-height: 1.6; }
.sub[b-845mdrwojh] { max-width: 860px; margin: 0 0 10px; color: var(--ink-3); font-size: 12.5px; line-height: 1.5; }
.panel-empty[b-845mdrwojh] { margin: 0 0 18px; color: var(--ink-3); }
.verdict-grid[b-845mdrwojh] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0 0 14px; }
.verdict-card[b-845mdrwojh] { display: grid; gap: 6px; align-content: start; padding: 16px 18px; border: 1px solid var(--rule); border-top: 3px solid var(--d-5); border-radius: var(--r-sm); background: var(--surface); }
.verdict-card.down[b-845mdrwojh] { border-top-color: var(--d-1); }
.verdict-card.up[b-845mdrwojh] { border-top-color: var(--d-3); }
.verdict-card span[b-845mdrwojh], .verdict-card > small[b-845mdrwojh] { color: var(--ink-3); font-size: 11.5px; line-height: 1.45; }
.verdict-card strong[b-845mdrwojh] { font-size: 24px; font-weight: 750; letter-spacing: -0.02em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.verdict-card strong small[b-845mdrwojh] { display: block; color: var(--ink-3); font-size: 11.5px; font-weight: 500; letter-spacing: 0; }
.reading[b-845mdrwojh] { margin: 0 0 8px; padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--surface); color: var(--ink-2); font-size: 14px; line-height: 1.7; }
.table-scroll[b-845mdrwojh] { max-width: 100%; max-height: 420px; overflow: auto; border: 1px solid var(--paper-band); border-radius: var(--r-sm); background: var(--surface); }
table[b-845mdrwojh] { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
th[b-845mdrwojh], td[b-845mdrwojh] { padding: 8px 9px; border-bottom: 1px solid var(--paper-band); vertical-align: top; white-space: nowrap; font-variant-numeric: tabular-nums; }
thead th[b-845mdrwojh] { position: sticky; top: 0; z-index: 1; background: var(--paper); color: var(--ink-2); font-weight: 750; }
tbody th[b-845mdrwojh] { font-weight: 650; }
th small[b-845mdrwojh], td small[b-845mdrwojh] { display: block; margin-top: 2px; color: var(--ink-3); font-size: 10.5px; font-weight: 500; white-space: normal; }
td.wrap[b-845mdrwojh] { min-width: 280px; white-space: normal; }
.num[b-845mdrwojh] { text-align: right; }
td.up[b-845mdrwojh] { color: var(--d-3); }
td.down[b-845mdrwojh] { color: var(--d-1); }
a[b-845mdrwojh] { color: var(--accent-deep); }
.calculation-detail[b-845mdrwojh] { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--paper-band); font-size: 12px; line-height: 1.55; }
.calculation-detail > p[b-845mdrwojh] { margin: 10px 0; color: var(--ink-2); }
summary[b-845mdrwojh] { color: var(--accent-deep); font-weight: 700; cursor: pointer; }
.panel-footer[b-845mdrwojh] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; color: var(--ink-3); font-size: 12px; line-height: 1.55; }
.panel-footer p[b-845mdrwojh] { max-width: 860px; margin: 0; }
.copy-button[b-845mdrwojh] { padding: 9px 16px; border: 1px solid var(--accent); border-radius: 999px; color: var(--on-accent); background: var(--accent); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.copy-button:hover[b-845mdrwojh] { background: var(--accent-deep); }
.copy-status[b-845mdrwojh] { min-height: 1em; margin: 8px 0 0; color: var(--accent-deep); font-size: 12px; }
.copy-detail pre[b-845mdrwojh] { max-height: 320px; overflow: auto; padding: 12px; background: var(--surface); font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
button:focus-visible[b-845mdrwojh], summary:focus-visible[b-845mdrwojh], .table-scroll:focus-visible[b-845mdrwojh] { outline: none; box-shadow: var(--ring); }
@media (max-width: 680px) { .evidence-panel[b-845mdrwojh] { padding: 20px 14px; } .verdict-card strong[b-845mdrwojh] { font-size: 21px; } }
td.led[b-845mdrwojh] { color: var(--d-1); font-weight: 750; }
td.lagged[b-845mdrwojh] { color: var(--d-4); font-weight: 750; }
td.unknown[b-845mdrwojh] { color: var(--ink-3); }
.calculation-detail p strong[b-845mdrwojh] { color: var(--ink); }
/* /Components/Pages/TopicDetails/UsRatesGrowthInflation/UsRatesProgramsPanel.razor.rz.scp.css */
/* Evidence-panel vocabulary shared by the US rates panels (FiscalDebtDynamicsPanel is the model). */
.evidence-panel[b-k1nb938wif] { margin: 0 0 40px; padding: 28px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--paper); color: var(--ink); scroll-margin-top: 96px; }
.eyebrow[b-k1nb938wif] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
h2[b-k1nb938wif] { margin: 0; font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.03em; }
h3[b-k1nb938wif] { margin: 22px 0 4px; font-size: 16px; line-height: 1.35; }
.intro[b-k1nb938wif] { max-width: 860px; margin: 10px 0 22px; color: var(--ink-2); line-height: 1.6; }
.sub[b-k1nb938wif] { max-width: 860px; margin: 0 0 10px; color: var(--ink-3); font-size: 12.5px; line-height: 1.5; }
.panel-empty[b-k1nb938wif] { margin: 0 0 18px; color: var(--ink-3); }
.verdict-grid[b-k1nb938wif] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0 0 14px; }
.verdict-card[b-k1nb938wif] { display: grid; gap: 6px; align-content: start; padding: 16px 18px; border: 1px solid var(--rule); border-top: 3px solid var(--d-5); border-radius: var(--r-sm); background: var(--surface); }
.verdict-card.down[b-k1nb938wif] { border-top-color: var(--d-1); }
.verdict-card.up[b-k1nb938wif] { border-top-color: var(--d-3); }
.verdict-card span[b-k1nb938wif], .verdict-card > small[b-k1nb938wif] { color: var(--ink-3); font-size: 11.5px; line-height: 1.45; }
.verdict-card strong[b-k1nb938wif] { font-size: 24px; font-weight: 750; letter-spacing: -0.02em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.verdict-card strong small[b-k1nb938wif] { display: block; color: var(--ink-3); font-size: 11.5px; font-weight: 500; letter-spacing: 0; }
.reading[b-k1nb938wif] { margin: 0 0 8px; padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--surface); color: var(--ink-2); font-size: 14px; line-height: 1.7; }
.table-scroll[b-k1nb938wif] { max-width: 100%; max-height: 420px; overflow: auto; border: 1px solid var(--paper-band); border-radius: var(--r-sm); background: var(--surface); }
table[b-k1nb938wif] { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
th[b-k1nb938wif], td[b-k1nb938wif] { padding: 8px 9px; border-bottom: 1px solid var(--paper-band); vertical-align: top; white-space: nowrap; font-variant-numeric: tabular-nums; }
thead th[b-k1nb938wif] { position: sticky; top: 0; z-index: 1; background: var(--paper); color: var(--ink-2); font-weight: 750; }
tbody th[b-k1nb938wif] { font-weight: 650; }
th small[b-k1nb938wif], td small[b-k1nb938wif] { display: block; margin-top: 2px; color: var(--ink-3); font-size: 10.5px; font-weight: 500; white-space: normal; }
td.wrap[b-k1nb938wif] { min-width: 280px; white-space: normal; }
.num[b-k1nb938wif] { text-align: right; }
td.up[b-k1nb938wif] { color: var(--d-3); }
td.down[b-k1nb938wif] { color: var(--d-1); }
a[b-k1nb938wif] { color: var(--accent-deep); }
.calculation-detail[b-k1nb938wif] { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--paper-band); font-size: 12px; line-height: 1.55; }
.calculation-detail > p[b-k1nb938wif] { margin: 10px 0; color: var(--ink-2); }
summary[b-k1nb938wif] { color: var(--accent-deep); font-weight: 700; cursor: pointer; }
.panel-footer[b-k1nb938wif] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; color: var(--ink-3); font-size: 12px; line-height: 1.55; }
.panel-footer p[b-k1nb938wif] { max-width: 860px; margin: 0; }
.copy-button[b-k1nb938wif] { padding: 9px 16px; border: 1px solid var(--accent); border-radius: 999px; color: var(--on-accent); background: var(--accent); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.copy-button:hover[b-k1nb938wif] { background: var(--accent-deep); }
.copy-status[b-k1nb938wif] { min-height: 1em; margin: 8px 0 0; color: var(--accent-deep); font-size: 12px; }
.copy-detail pre[b-k1nb938wif] { max-height: 320px; overflow: auto; padding: 12px; background: var(--surface); font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
button:focus-visible[b-k1nb938wif], summary:focus-visible[b-k1nb938wif], .table-scroll:focus-visible[b-k1nb938wif] { outline: none; box-shadow: var(--ring); }
@media (max-width: 680px) { .evidence-panel[b-k1nb938wif] { padding: 20px 14px; } .verdict-card strong[b-k1nb938wif] { font-size: 21px; } }
.table-scroll.full[b-k1nb938wif] { max-height: none; }
/* /Components/Pages/TopicDetails/UsRatesGrowthInflation/UsRatesSourcesPanel.razor.rz.scp.css */
/* Same layout as IndiaBopSourcesPanel.razor.css. */
.sources-panel[b-mq193wt9b0] {
    margin: 0 0 40px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--surface);
    scroll-margin-top: 96px;
}

.sources-grid[b-mq193wt9b0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.eyebrow[b-mq193wt9b0] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-mq193wt9b0] {
    margin: 0 0 14px;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.muted[b-mq193wt9b0] {
    color: var(--ink-3);
    font-size: 13px;
}

.calendar[b-mq193wt9b0],
.source-table[b-mq193wt9b0] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.calendar li[b-mq193wt9b0] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 14px;
    padding: 12px 0;
    border-top: 1px solid var(--paper-band);
}

.calendar time[b-mq193wt9b0] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.calendar div[b-mq193wt9b0],
.source-table li[b-mq193wt9b0] {
    display: grid;
    gap: 3px;
    font-size: 13px;
    line-height: 1.45;
}

.calendar strong[b-mq193wt9b0],
.source-table strong[b-mq193wt9b0] {
    color: var(--ink);
}

.calendar span[b-mq193wt9b0],
.source-table span[b-mq193wt9b0] {
    color: var(--ink-3);
    font-size: 12px;
}

.source-table li[b-mq193wt9b0] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-band);
}

a[b-mq193wt9b0] {
    color: var(--accent-deep);
    font-weight: 650;
    text-underline-offset: 3px;
}

a:focus-visible[b-mq193wt9b0],
summary:focus-visible[b-mq193wt9b0] {
    outline: none;
    box-shadow: var(--ring);
}

.methodology[b-mq193wt9b0] {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--paper-band);
}

.methodology summary[b-mq193wt9b0] {
    color: var(--ink);
    font-size: 15px;
    font-weight: 750;
    cursor: pointer;
}

.method-grid[b-mq193wt9b0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 24px;
    margin-top: 16px;
}

.method-grid h3[b-mq193wt9b0] {
    margin: 0 0 6px;
    color: var(--ink);
    font-size: 14px;
}

.method-grid p[b-mq193wt9b0] {
    margin: 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.6;
}

code[b-mq193wt9b0] {
    font-family: var(--mono);
    font-size: 11.5px;
    overflow-wrap: anywhere;
}

@media (max-width: 1000px) {
    .sources-grid[b-mq193wt9b0],
    .method-grid[b-mq193wt9b0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .sources-panel[b-mq193wt9b0] {
        padding: 20px 14px;
    }

    .calendar li[b-mq193wt9b0] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* /Components/Pages/TopicDetails/UsRatesGrowthInflation/UsRatesSpendingPanel.razor.rz.scp.css */
/* Evidence-panel vocabulary shared by the US rates panels (FiscalDebtDynamicsPanel is the model). */
.evidence-panel[b-c45gemqc80] { margin: 0 0 40px; padding: 28px; border: 1px solid var(--rule); border-radius: var(--r); background: var(--paper); color: var(--ink); scroll-margin-top: 96px; }
.eyebrow[b-c45gemqc80] { margin: 0 0 8px; color: var(--accent); font-size: 11px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
h2[b-c45gemqc80] { margin: 0; font-size: var(--fs-h2); line-height: 1.15; letter-spacing: -0.03em; }
h3[b-c45gemqc80] { margin: 22px 0 4px; font-size: 16px; line-height: 1.35; }
.intro[b-c45gemqc80] { max-width: 860px; margin: 10px 0 22px; color: var(--ink-2); line-height: 1.6; }
.sub[b-c45gemqc80] { max-width: 860px; margin: 0 0 10px; color: var(--ink-3); font-size: 12.5px; line-height: 1.5; }
.panel-empty[b-c45gemqc80] { margin: 0 0 18px; color: var(--ink-3); }
.verdict-grid[b-c45gemqc80] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0 0 14px; }
.verdict-card[b-c45gemqc80] { display: grid; gap: 6px; align-content: start; padding: 16px 18px; border: 1px solid var(--rule); border-top: 3px solid var(--d-5); border-radius: var(--r-sm); background: var(--surface); }
.verdict-card.down[b-c45gemqc80] { border-top-color: var(--d-1); }
.verdict-card.up[b-c45gemqc80] { border-top-color: var(--d-3); }
.verdict-card span[b-c45gemqc80], .verdict-card > small[b-c45gemqc80] { color: var(--ink-3); font-size: 11.5px; line-height: 1.45; }
.verdict-card strong[b-c45gemqc80] { font-size: 24px; font-weight: 750; letter-spacing: -0.02em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.verdict-card strong small[b-c45gemqc80] { display: block; color: var(--ink-3); font-size: 11.5px; font-weight: 500; letter-spacing: 0; }
.reading[b-c45gemqc80] { margin: 0 0 8px; padding: 14px 18px; border-left: 3px solid var(--accent); background: var(--surface); color: var(--ink-2); font-size: 14px; line-height: 1.7; }
.table-scroll[b-c45gemqc80] { max-width: 100%; max-height: 420px; overflow: auto; border: 1px solid var(--paper-band); border-radius: var(--r-sm); background: var(--surface); }
table[b-c45gemqc80] { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
th[b-c45gemqc80], td[b-c45gemqc80] { padding: 8px 9px; border-bottom: 1px solid var(--paper-band); vertical-align: top; white-space: nowrap; font-variant-numeric: tabular-nums; }
thead th[b-c45gemqc80] { position: sticky; top: 0; z-index: 1; background: var(--paper); color: var(--ink-2); font-weight: 750; }
tbody th[b-c45gemqc80] { font-weight: 650; }
th small[b-c45gemqc80], td small[b-c45gemqc80] { display: block; margin-top: 2px; color: var(--ink-3); font-size: 10.5px; font-weight: 500; white-space: normal; }
td.wrap[b-c45gemqc80] { min-width: 280px; white-space: normal; }
.num[b-c45gemqc80] { text-align: right; }
td.up[b-c45gemqc80] { color: var(--d-3); }
td.down[b-c45gemqc80] { color: var(--d-1); }
a[b-c45gemqc80] { color: var(--accent-deep); }
.calculation-detail[b-c45gemqc80] { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--paper-band); font-size: 12px; line-height: 1.55; }
.calculation-detail > p[b-c45gemqc80] { margin: 10px 0; color: var(--ink-2); }
summary[b-c45gemqc80] { color: var(--accent-deep); font-weight: 700; cursor: pointer; }
.panel-footer[b-c45gemqc80] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; color: var(--ink-3); font-size: 12px; line-height: 1.55; }
.panel-footer p[b-c45gemqc80] { max-width: 860px; margin: 0; }
.copy-button[b-c45gemqc80] { padding: 9px 16px; border: 1px solid var(--accent); border-radius: 999px; color: var(--on-accent); background: var(--accent); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.copy-button:hover[b-c45gemqc80] { background: var(--accent-deep); }
.copy-status[b-c45gemqc80] { min-height: 1em; margin: 8px 0 0; color: var(--accent-deep); font-size: 12px; }
.copy-detail pre[b-c45gemqc80] { max-height: 320px; overflow: auto; padding: 12px; background: var(--surface); font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
button:focus-visible[b-c45gemqc80], summary:focus-visible[b-c45gemqc80], .table-scroll:focus-visible[b-c45gemqc80] { outline: none; box-shadow: var(--ring); }
@media (max-width: 680px) { .evidence-panel[b-c45gemqc80] { padding: 20px 14px; } .verdict-card strong[b-c45gemqc80] { font-size: 21px; } }
.controls[b-c45gemqc80] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 16px; color: var(--ink-3); font-size: 12px; font-weight: 700; }
.controls label[b-c45gemqc80] { display: inline-flex; align-items: center; gap: 6px; }
.controls select[b-c45gemqc80] { min-height: 34px; padding: 0 8px; border: 1px solid var(--rule-2); border-radius: var(--r-sm); color: var(--ink); background: var(--surface); font: inherit; font-size: 13px; }
.chip[b-c45gemqc80] { min-height: 32px; padding: 0 12px; border: 1px solid var(--rule-2); border-radius: 999px; color: var(--ink-2); background: var(--surface); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.chip.active[b-c45gemqc80] { color: var(--on-accent); border-color: var(--accent); background: var(--accent); }
.ledger[b-c45gemqc80] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 14px; }
.ledger-side[b-c45gemqc80] { min-width: 0; padding: 14px 18px 8px; border: 1px solid var(--rule); border-top: 3px solid var(--neg); border-radius: var(--r-sm); background: var(--surface); }
.ledger-side.down[b-c45gemqc80] { border-top-color: var(--pos); }
.ledger-side h3[b-c45gemqc80] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 6px; color: var(--ink-2); font-size: 12px; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; }
.ledger-side h3 b[b-c45gemqc80] { font-size: 16px; letter-spacing: 0; text-transform: none; font-variant-numeric: tabular-nums; }
.ledger-side ul[b-c45gemqc80] { margin: 0; padding: 0; list-style: none; }
.ledger-side li[b-c45gemqc80] { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 9px 0; border-top: 1px solid var(--paper-band); }
.ledger-side li strong[b-c45gemqc80] { display: block; font-size: 14px; font-weight: 650; }
.ledger-side li small[b-c45gemqc80] { display: block; margin-top: 2px; color: var(--ink-3); font-size: 11.5px; line-height: 1.4; }
.ledger-side .amount[b-c45gemqc80] { flex: none; text-align: right; white-space: nowrap; }
.ledger-side .amount b[b-c45gemqc80] { display: block; font-size: 18px; font-weight: 750; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.ledger-side li.none[b-c45gemqc80] { color: var(--ink-3); font-size: 12.5px; }
.ledger-net[b-c45gemqc80] { grid-column: 1 / -1; margin: 0; color: var(--ink-2); font-size: 13px; line-height: 1.55; }
@media (max-width: 820px) { .ledger[b-c45gemqc80] { grid-template-columns: 1fr; } }
/* /Components/Pages/Topics.razor.rz.scp.css */
.topics-page[b-3gmo07e4ik] {
    min-height: 100%;
    background: var(--surface);
}

.topics-shell[b-3gmo07e4ik] {
    max-width: var(--maxw);
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px;
}

.expert-band[b-3gmo07e4ik] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 36px;
    margin-bottom: 60px;
    padding-top: 32px;
    padding-bottom: 32px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: linear-gradient(120deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    box-shadow: 0 20px 44px -20px rgba(22, 110, 214, 0.5);
}

.expert-band h2[b-3gmo07e4ik] {
    margin: 0 0 8px;
    color: var(--on-accent);
    font-size: 24px;
    font-weight: 650;
    letter-spacing: -0.01em;
}

.expert-band p[b-3gmo07e4ik] {
    max-width: 640px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14.5px;
    line-height: 1.55;
}

.expert-button[b-3gmo07e4ik] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 26px;
    flex: 0 0 auto;
    border-radius: var(--r);
    color: var(--accent);
    background: var(--surface);
    font-size: 14.5px;
    font-weight: 650;
}

@media (max-width: 760px) {
    .topics-shell[b-3gmo07e4ik] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .expert-band[b-3gmo07e4ik] {
        align-items: stretch;
        flex-direction: column;
    }

    .expert-button[b-3gmo07e4ik] {
        width: 100%;
        min-height: 48px;
    }
}
/* /Components/Pages/TopicsCatalogInteractive.razor.rz.scp.css */
.topics-catalog[b-a0t1tjhr8a] {
    min-height: 0;
}

.topics-shell[b-a0t1tjhr8a] {
    max-width: var(--maxw);
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px;
}

.topics-hero[b-a0t1tjhr8a] {
    padding: 56px 0 50px;
    background: linear-gradient(160deg, var(--paper) 0%, var(--paper-band) 100%);
}

.topics-eyebrow[b-a0t1tjhr8a] {
    margin: 0 0 12px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.topics-hero h1[b-a0t1tjhr8a] {
    margin: 0 0 14px;
    color: var(--color-navy);
    font-size: var(--fs-h1);
    font-weight: 650;
    line-height: 1.12;
    letter-spacing: -0.03em;
}

.topics-intro[b-a0t1tjhr8a] {
    max-width: 580px;
    margin: 0 0 30px;
    color: var(--ink-3);
    font-size: 16.5px;
    line-height: 1.6;
}

.topics-search-row[b-a0t1tjhr8a] {
    display: flex;
    gap: 14px;
    max-width: 820px;
    margin-bottom: 28px;
}

.topics-search[b-a0t1tjhr8a] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-4);
    background: var(--surface);
    box-shadow: 0 6px 16px -10px rgba(23, 55, 94, 0.2);
}

.topics-search span[b-a0t1tjhr8a],
.topics-search input[b-a0t1tjhr8a] {
    font-size: 14.5px;
}

.suggest-button[b-a0t1tjhr8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
    box-shadow: 0 8px 18px rgba(22, 157, 242, 0.28);
    font-size: 14.5px;
    font-weight: 650;
    white-space: nowrap;
}

.topic-chips[b-a0t1tjhr8a] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.topic-chips span[b-a0t1tjhr8a],
.topic-chips button[b-a0t1tjhr8a] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-size: 13.5px;
    font-weight: 700;
}

.topic-chips span.active[b-a0t1tjhr8a],
.topic-chips button.active[b-a0t1tjhr8a] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.library-view-toggle[b-a0t1tjhr8a] {
    display: inline-flex;
    gap: 6px;
    margin-top: 20px;
    padding: 5px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: rgba(255, 255, 255, 0.86);
}

.library-view-toggle button[b-a0t1tjhr8a] {
    min-height: 40px;
    padding: 0 17px;
    border-radius: var(--r);
    color: var(--ink-3);
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.library-view-toggle button.active[b-a0t1tjhr8a] {
    color: var(--ink);
    background: var(--paper-band);
}

.library-view-toggle button span[b-a0t1tjhr8a] {
    margin-left: 5px;
    opacity: 0.7;
}

.following-signin[b-a0t1tjhr8a] {
    display: inline-flex;
    margin-top: 20px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
}

.topics-body[b-a0t1tjhr8a] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 32px;
    align-items: start;
    padding-top: 40px;
    padding-bottom: 20px;
}

.topics-filter[b-a0t1tjhr8a] {
    padding: 24px 22px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: var(--surface);
}

.topics-filter h2[b-a0t1tjhr8a] {
    margin: 0 0 22px;
    color: var(--color-navy);
    font-size: 17px;
    font-weight: 650;
}

.filter-group[b-a0t1tjhr8a] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-bottom: 26px;
}

.filter-group.last[b-a0t1tjhr8a] {
    margin-bottom: 0;
}

.filter-group h3[b-a0t1tjhr8a] {
    margin: 0 0 1px;
    color: var(--color-navy);
    font-size: 13px;
    font-weight: 650;
}

.filter-group label[b-a0t1tjhr8a] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ink-2);
    font-size: 14px;
    cursor: default;
}

.check[b-a0t1tjhr8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border: 1.5px solid var(--rule);
    border-radius: var(--r-sm);
    color: var(--on-accent);
}

.check.is-checked[b-a0t1tjhr8a] {
    border-color: var(--accent);
    background: var(--accent);
}

.status-pills[b-a0t1tjhr8a] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.status-pills span[b-a0t1tjhr8a],
.status-pills button[b-a0t1tjhr8a] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 16px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--paper);
    font-size: 12.5px;
    font-weight: 700;
}

.status-pills button.premium.selected[b-a0t1tjhr8a] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.topic-list-grid[b-a0t1tjhr8a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.topic-list-card[b-a0t1tjhr8a] {
    display: block;
    padding: 22px 24px 24px;
    border: 1px solid var(--paper-band);
    border-top: 4px solid currentColor;
    border-radius: var(--r);
    color: var(--topic-accent, var(--accent));
    background: var(--surface);
    box-shadow: 0 6px 18px -12px rgba(23, 55, 94, 0.2);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.topic-list-card:hover[b-a0t1tjhr8a],
.topic-list-card:focus-visible[b-a0t1tjhr8a] {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px -20px rgba(23, 55, 94, 0.35);
}

.topic-list-card.blue[b-a0t1tjhr8a] {
    --topic-accent: var(--accent);
}

.topic-list-card.orange[b-a0t1tjhr8a] {
    --topic-accent: var(--d-3);
}

.topic-list-card.green[b-a0t1tjhr8a] {
    --topic-accent: var(--pos);
}

.topic-list-card.violet[b-a0t1tjhr8a] {
    --topic-accent: var(--d-5);
}

.topic-list-card.teal[b-a0t1tjhr8a] {
    --topic-accent: var(--pos);
}

.topic-list-card.red[b-a0t1tjhr8a] {
    --topic-accent: var(--neg);
}

.topic-list-meta[b-a0t1tjhr8a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.topic-card-actions[b-a0t1tjhr8a] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.topic-list-meta span[b-a0t1tjhr8a] {
    color: var(--topic-accent);
    font-size: 12px;
    font-weight: 650;
}

/* The only badge a topic card ever carries. Non-premium topics show nothing,
   so the row must stay balanced with the strong element absent. */
.topic-list-meta strong.premium-badge[b-a0t1tjhr8a] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 25px;
    padding: 0 11px;
    border: 1px solid var(--warn-tint);
    border-radius: var(--r);
    color: var(--warn);
    background: var(--warn-tint);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.topic-list-meta strong.premium-badge[b-a0t1tjhr8a]::before {
    content: "◆";
    font-size: 8px;
    letter-spacing: 0;
}

.topic-list-card h2[b-a0t1tjhr8a] {
    min-height: 48px;
    margin: 0 0 14px;
    color: var(--color-navy);
    font-size: 20px;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.topic-card-link[b-a0t1tjhr8a] {
    display: block;
    color: inherit;
}

.topic-value[b-a0t1tjhr8a] {
    margin: 0;
    color: var(--color-navy);
    font-size: 15px;
    font-weight: 650;
}

.topic-updated[b-a0t1tjhr8a] {
    margin: 4px 0 14px;
    color: var(--ink-4);
    font-size: 13px;
}

.topic-list-card svg[b-a0t1tjhr8a] {
    display: block;
    width: 100%;
    height: 50px;
}

.topic-list-card polyline[b-a0t1tjhr8a] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.library-empty[b-a0t1tjhr8a] {
    grid-column: 1 / -1;
    min-height: 330px;
    padding: 44px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed var(--rule);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    text-align: center;
}

.library-empty > span[b-a0t1tjhr8a] {
    color: var(--d-3);
    font-size: 48px;
}

.library-empty h2[b-a0t1tjhr8a] {
    min-height: 0;
    margin: 12px 0 8px;
}

.library-empty p[b-a0t1tjhr8a] {
    margin: 0;
}

.library-empty button[b-a0t1tjhr8a] {
    min-height: 43px;
    margin-top: 22px;
    padding: 0 18px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: var(--accent);
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 980px) {
    .topics-body[b-a0t1tjhr8a] {
        grid-template-columns: 1fr;
    }

    .topics-filter[b-a0t1tjhr8a] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
    }

    .topics-filter h2[b-a0t1tjhr8a] {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }
}

@media (max-width: 760px) {
    .topics-shell[b-a0t1tjhr8a] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .topics-search-row[b-a0t1tjhr8a] {
        align-items: stretch;
        flex-direction: column;
    }

    .suggest-button[b-a0t1tjhr8a] {
        width: 100%;
        min-height: 48px;
    }

    .topics-filter[b-a0t1tjhr8a],
    .topic-list-grid[b-a0t1tjhr8a] {
        grid-template-columns: 1fr;
    }

    .topic-list-meta[b-a0t1tjhr8a] {
        align-items: center;
    }
}


/* ── Working filters (search input, chip buttons, real checkboxes) ── */
.topics-search input[b-a0t1tjhr8a] {
    flex: 1;
    min-width: 0;
    border: 0;
    background: none;
    color: var(--ink);
    outline: none;
}

.topics-search input[b-a0t1tjhr8a]::placeholder {
    color: var(--ink-4);
}

.topics-search:focus-within[b-a0t1tjhr8a] {
    border-color: var(--accent);
    box-shadow: var(--ring);
}

.topic-chips button[b-a0t1tjhr8a],
.status-pills button[b-a0t1tjhr8a] {
    font: inherit;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.status-pills button.selected[b-a0t1tjhr8a] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-group label[b-a0t1tjhr8a] {
    cursor: pointer;
}

.filter-checkbox[b-a0t1tjhr8a] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.filter-checkbox:focus-visible + .check[b-a0t1tjhr8a] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.filter-summary[b-a0t1tjhr8a] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--rule);
    color: var(--ink-3);
    font-size: 12.5px;
}

.reset-filters[b-a0t1tjhr8a] {
    border: 0;
    background: none;
    color: var(--accent);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}

.reset-filters:hover[b-a0t1tjhr8a] {
    color: var(--accent-deep);
}

.catalog-fallback-note[b-a0t1tjhr8a] {
    margin: 14px 0 0;
    color: var(--warn);
    font-size: 12px;
    line-height: 1.5;
}
/* /Components/Shared/AccessPreviewGate.razor.rz.scp.css */
.access-gate[b-dfwnteozaw] {
    margin-top: 28px;
}

.access-status[b-dfwnteozaw] {
    max-width: var(--maxw);
    margin: 0 auto 18px;
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 650;
}

.access-status span[b-dfwnteozaw],
.access-eyebrow[b-dfwnteozaw] {
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.access-status strong[b-dfwnteozaw] {
    color: var(--ink);
}

.access-lock[b-dfwnteozaw] {
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 34px 40px;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 24px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background:
        radial-gradient(circle at 8% 10%, rgba(29, 161, 242, 0.12), transparent 30%),
        linear-gradient(135deg, var(--surface) 0%, var(--paper) 100%);
    box-shadow: 0 18px 45px rgba(23, 55, 94, 0.08);
}

.access-eyebrow[b-dfwnteozaw] {
    margin: 0 0 12px;
}

.lock-copy h2[b-dfwnteozaw] {
    max-width: 720px;
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.lock-copy > p:not(.access-eyebrow)[b-dfwnteozaw] {
    max-width: 680px;
    margin: 16px 0 0;
    color: var(--ink-3);
    font-size: 17px;
    line-height: 1.62;
}

.usage-meter[b-dfwnteozaw] {
    max-width: 420px;
    margin-top: 26px;
    padding: 16px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.usage-meter div:first-child[b-dfwnteozaw] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
}

.usage-meter span[b-dfwnteozaw] {
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 650;
}

.usage-meter strong[b-dfwnteozaw] {
    color: var(--ink);
    font-size: 13px;
    font-weight: 700;
}

.meter-track[b-dfwnteozaw] {
    height: 10px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--paper-band);
}

.meter-track i[b-dfwnteozaw] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent), var(--d-5));
}

.lock-panel[b-dfwnteozaw] {
    padding: 24px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.lock-panel h3[b-dfwnteozaw] {
    margin: 0 0 16px;
    color: var(--ink);
    font-size: 20px;
    font-weight: 700;
}

.lock-panel ul[b-dfwnteozaw] {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lock-panel li[b-dfwnteozaw] {
    position: relative;
    padding-left: 26px;
    color: var(--ink-3);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
}

.lock-panel li[b-dfwnteozaw]::before {
    position: absolute;
    top: 0.35em;
    left: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    content: "";
    background: var(--pos);
    box-shadow: inset 0 0 0 3px var(--pos-tint);
}

.lock-actions[b-dfwnteozaw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.primary-lock-action[b-dfwnteozaw],
.secondary-lock-action[b-dfwnteozaw] {
    display: inline-flex;
    min-height: 44px;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
}

.primary-lock-action[b-dfwnteozaw] {
    color: var(--on-accent);
    background: var(--accent);
}

.secondary-lock-action[b-dfwnteozaw] {
    border: 1px solid var(--paper-deep);
    color: var(--ink);
    background: var(--surface);
}

@media (max-width: 900px) {
    .access-lock[b-dfwnteozaw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .access-status[b-dfwnteozaw] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .access-lock[b-dfwnteozaw] {
        margin-right: 20px;
        margin-left: 20px;
        padding: 26px 22px;
    }

    .lock-actions a[b-dfwnteozaw] {
        width: 100%;
    }
}
/* /Components/Shared/ContentFollowButton.razor.rz.scp.css */
.follow-button[b-w1y3mnlo4n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-3);
    background: var(--surface);
    box-shadow: 0 8px 20px -14px rgba(23, 55, 94, 0.5);
    font-family: inherit;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    transition:
        color 160ms ease,
        border-color 160ms ease,
        background 160ms ease,
        transform 160ms ease;
}

.follow-button:hover[b-w1y3mnlo4n],
.follow-button:focus-visible[b-w1y3mnlo4n] {
    transform: translateY(-1px);
    border-color: var(--d-3);
    color: var(--d-3);
}

.follow-button.is-following[b-w1y3mnlo4n] {
    border-color: var(--d-3);
    color: var(--d-3);
    background: var(--warn-tint);
}

.follow-button.compact[b-w1y3mnlo4n] {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 20px;
    box-shadow: none;
}

.follow-button:disabled[b-w1y3mnlo4n] {
    cursor: wait;
    opacity: 0.65;
}

.follow-loading[b-w1y3mnlo4n] {
    color: var(--rule-2);
    cursor: default;
}
/* /Components/Shared/IndiaUnionBudgetExecutionPanel.razor.rz.scp.css */
.budget-execution[b-ulfkq9toxv] {
    border: 1px solid #cbe1d7;
    border-radius: 1.1rem;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    background: #eef8f3;
    color: #1e2a27;
    margin: 1.5rem 0;
}
.budget-execution-heading[b-ulfkq9toxv] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.budget-eyebrow[b-ulfkq9toxv] { margin: 0 0 .5rem; color: #087d66; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.budget-execution h2[b-ulfkq9toxv] { margin: 0; font-size: clamp(1.3rem, 2.2vw, 1.8rem); line-height: 1.2; }
.budget-status[b-ulfkq9toxv] { border: 1px solid #b5d5c6; border-radius: 999px; padding: .35rem .65rem; color: #2b6252; font-size: .8rem; white-space: nowrap; text-transform: capitalize; }
.budget-period[b-ulfkq9toxv] { margin: .75rem 0 1.25rem; color: #51625c; }
.budget-values[b-ulfkq9toxv] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.budget-values > div[b-ulfkq9toxv] { background: #fff; border: 1px solid #d4e7dd; border-radius: .75rem; padding: 1rem; display: flex; flex-direction: column; gap: .35rem; }
.budget-values span[b-ulfkq9toxv] { color: #51625c; font-size: .82rem; }
.budget-values strong[b-ulfkq9toxv] { font-size: clamp(1.3rem, 2.3vw, 2rem); line-height: 1.1; font-variant-numeric: tabular-nums; }
.budget-values small[b-ulfkq9toxv] { color: #2b6252; }
.budget-explanation[b-ulfkq9toxv] { line-height: 1.55; margin: 1.15rem 0 0; }
.budget-source[b-ulfkq9toxv] { display: flex; flex-wrap: wrap; gap: .45rem 1rem; align-items: center; border-top: 1px solid #cbe1d7; margin-top: 1.25rem; padding-top: 1rem; font-size: .82rem; color: #51625c; }
.budget-source a[b-ulfkq9toxv] { color: #087d66; font-weight: 700; }
@media (max-width: 780px) { .budget-values[b-ulfkq9toxv] { grid-template-columns: 1fr; } .budget-execution-heading[b-ulfkq9toxv] { flex-direction: column; } }
/* /Components/Shared/InfoPageLayout.razor.rz.scp.css */
.info-page[b-3pxy6j7iag] {
    min-height: 70vh;
    padding: 88px 40px 110px;
    background: linear-gradient(180deg, var(--paper) 0%, var(--surface) 48%);
}

.info-inner[b-3pxy6j7iag] {
    max-width: 920px;
    margin: 0 auto;
}

.info-eyebrow[b-3pxy6j7iag] {
    margin: 0 0 14px;
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

h1[b-3pxy6j7iag] {
    max-width: 850px;
    margin: 0;
    color: var(--color-navy);
    font-size: var(--fs-h1);
    line-height: 0.98;
    letter-spacing: -0.06em;
}

.info-intro[b-3pxy6j7iag] {
    max-width: 780px;
    margin: 28px 0 0;
    color: var(--color-muted);
    font-size: var(--fs-lede);
    line-height: 1.55;
}

.info-content[b-3pxy6j7iag] {
    margin-top: 52px;
    padding: 42px;
    border: 1px solid var(--color-border);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 18px 55px rgba(23, 55, 94, 0.08);
    color: var(--color-muted);
    font-size: 17px;
    line-height: 1.75;
}

.info-content[b-3pxy6j7iag]  h2 {
    margin: 34px 0 10px;
    color: var(--color-navy);
    font-size: 27px;
    letter-spacing: -0.03em;
}

.info-content[b-3pxy6j7iag]  h2:first-child {
    margin-top: 0;
}

.info-content[b-3pxy6j7iag]  a {
    color: var(--color-primary);
    font-weight: 650;
}

.info-content[b-3pxy6j7iag]  ul {
    padding-left: 24px;
}

@media (max-width: 640px) {
    .info-page[b-3pxy6j7iag] {
        padding: 58px 20px 80px;
    }

    .info-content[b-3pxy6j7iag] {
        padding: 26px;
        border-radius: var(--r);
    }
}
/* /Components/Shared/ResearchChartAsk.razor.rz.scp.css */
.research-ask[b-oey0w4cfzg] {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--rule);
}

.research-ask-label[b-oey0w4cfzg] {
    margin: 0 0 4px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.research-ask-brief[b-oey0w4cfzg] {
    margin: 0 0 10px;
    line-height: 1.5;
}

.research-ask-toggle[b-oey0w4cfzg],
.research-ask-row button[b-oey0w4cfzg] {
    padding: 0;
    border: 0;
    color: var(--accent);
    background: none;
    font-weight: 650;
}

.research-ask-box[b-oey0w4cfzg] { margin-top: 16px; }
.research-ask-box label[b-oey0w4cfzg] { display: block; margin-bottom: 7px; color: var(--ink-2); font-size: 13px; font-weight: 600; }

.research-ask-row[b-oey0w4cfzg] {
    display: flex;
    gap: 8px;
}

.research-ask-row input[b-oey0w4cfzg] {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r);
}

.research-ask-error[b-oey0w4cfzg] {
    color: var(--neg);
}

.research-ask-answer[b-oey0w4cfzg] {
    line-height: 1.5;
}

.research-ask-brief[b-oey0w4cfzg] { font-size: 14px; color: var(--ink-3); line-height: 1.7; }
.research-ask-label[b-oey0w4cfzg] { font-size: 11px; }
.research-ask-toggle[b-oey0w4cfzg] { font-size: 12px; cursor: pointer; }
.research-ask-row input[b-oey0w4cfzg] { min-width: 0; }
.research-ask-citations[b-oey0w4cfzg] { font-size: 11px; overflow-wrap: anywhere; line-height: 1.65; }
.research-ask-citations summary[b-oey0w4cfzg] { cursor: pointer; color: var(--accent); }
@media (max-width: 650px) { .research-ask-row[b-oey0w4cfzg] { flex-direction: column; align-items: stretch; } }

.research-ask-actions[b-oey0w4cfzg] { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.research-ask-analyse[b-oey0w4cfzg] { display: inline-flex; align-items: center; gap: 7px; padding: 9px 15px; border: 1px solid var(--accent); border-radius: 7px; background: var(--accent); color: #FFFFFF; font: 600 13px var(--sans); cursor: pointer; }
.research-ask-analyse:hover:not(:disabled)[b-oey0w4cfzg] { background: var(--accent-deep); border-color: var(--accent-deep); }
.research-ask-analyse:disabled[b-oey0w4cfzg] { opacity: .65; cursor: default; }
.research-ask-analyse svg[b-oey0w4cfzg] { flex-shrink: 0; }

.research-ask-result[b-oey0w4cfzg] { margin-top: 20px; padding: 18px; border: 1px solid var(--rule); border-radius: 10px; background: var(--surface); min-width: 0; }
.research-ask-answer[b-oey0w4cfzg] { overflow-x: auto; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.research-ask-answer[b-oey0w4cfzg]  p { margin: 0 0 12px; }
.research-ask-answer[b-oey0w4cfzg]  table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 12px; }
.research-ask-answer[b-oey0w4cfzg]  th, .research-ask-answer[b-oey0w4cfzg]  td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--rule); font-variant-numeric: tabular-nums; min-width: 85px; }
.research-ask-answer[b-oey0w4cfzg]  th { background: var(--paper); font-weight: 650; }
.research-ask-answer[b-oey0w4cfzg]  ul, .research-ask-answer[b-oey0w4cfzg]  ol { padding-left: 22px; margin: 12px 0; }
.research-ask-answer[b-oey0w4cfzg]  li { margin-bottom: 6px; }
@media (max-width: 650px) { .research-ask-result[b-oey0w4cfzg] { padding: 12px; } }

.research-ask-row input[b-oey0w4cfzg] { font: 14px var(--sans); color: var(--ink); background: var(--surface); min-height: 42px; }
.research-ask-row button[b-oey0w4cfzg] { padding: 10px 16px; border: 1px solid var(--accent); border-radius: 5px; background: var(--accent); color: white; font: 600 13px var(--sans); cursor: pointer; }
.research-ask-row button:disabled[b-oey0w4cfzg] { opacity: .6; cursor: default; }
.research-ask-answer[b-oey0w4cfzg]  h2, .research-ask-answer[b-oey0w4cfzg]  h3 { font: 700 17px/1.4 var(--sans); margin: 18px 0 10px; }
.research-ask-answer[b-oey0w4cfzg]  blockquote { margin: 16px 0; padding: 12px 16px; background: var(--accent-wash); border-left: 3px solid var(--accent); }
.research-ask-toggle:focus-visible[b-oey0w4cfzg], .research-ask-row button:focus-visible[b-oey0w4cfzg], .research-ask-row input:focus-visible[b-oey0w4cfzg] { outline: 2px solid var(--accent); outline-offset: 3px; }
/* /Components/Shared/ResearchNotesPanel.razor.rz.scp.css */
.research-notes h2[b-arway6jc5h] {
    margin: 0 0 8px;
}

.research-notes p[b-arway6jc5h] {
    color: var(--ink-3);
    line-height: 1.5;
}

.research-notes textarea[b-arway6jc5h] {
    width: 100%;
    min-height: 200px;
    padding: 12px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r);
    font-family: var(--serif);
}

.research-notes-signin[b-arway6jc5h] {
    color: var(--accent);
    font-weight: 650;
}

.research-notes-status[b-arway6jc5h] {
    color: var(--ink-3);
    font-size: 13px;
}

.visually-hidden[b-arway6jc5h] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
/* /Components/Shared/ResearchSeriesChart.razor.rz.scp.css */
.research-series[b-3hf2orytlh] { margin: 0; min-width: 0; }
figcaption[b-3hf2orytlh] { display: flex; flex-direction: column; gap: 5px; min-height: 62px; }
figcaption strong[b-3hf2orytlh] { font-size: 14px; color: var(--ink); }
figcaption span[b-3hf2orytlh], .chart-empty[b-3hf2orytlh] { color: var(--ink-3); font-size: 12px; }
svg[b-3hf2orytlh] { width: 100%; height: auto; overflow: visible; }
svg text[b-3hf2orytlh] { font: 22px var(--sans); fill: var(--ink-3); }
.grid[b-3hf2orytlh] { stroke: var(--rule); stroke-width: 1; }
.series-line[b-3hf2orytlh] { stroke: var(--series-color); fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; }
circle[b-3hf2orytlh] { fill: var(--series-color); }
.chart-table[b-3hf2orytlh] { margin-top: 10px; font-size: 12px; }
summary[b-3hf2orytlh] { color: var(--accent); cursor: pointer; padding: 8px 0; }
table[b-3hf2orytlh] { width: 100%; border-collapse: collapse; }
th[b-3hf2orytlh], td[b-3hf2orytlh] { text-align: left; padding: 8px 5px; border-bottom: 1px solid var(--rule); }
td[b-3hf2orytlh] { font-variant-numeric: tabular-nums; }

.threshold[b-3hf2orytlh] { stroke: #b42332; stroke-width: 2; stroke-dasharray: 6 5; }
.selected-period[b-3hf2orytlh] { stroke: #77958e; stroke-width: 1; stroke-dasharray: 3 5; }
circle.threshold-crossing[b-3hf2orytlh] { fill: #b42332; stroke: white; stroke-width: 1.5; r: 5; }
/* /Components/Shared/TopicArticleSection.razor.rz.scp.css */
.topic-article-section[b-v16w53u9wl] {
    margin-top: 54px;
    padding: 72px 0 78px;
    background:
        radial-gradient(circle at 92% 10%, rgba(22, 157, 242, 0.08), transparent 26%),
        var(--paper);
}

.topic-article-shell[b-v16w53u9wl] {
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 0 40px;
}

.topic-article-heading[b-v16w53u9wl] {
    max-width: 1050px;
}

.topic-article-heading > p:first-child[b-v16w53u9wl] {
    margin: 0 0 17px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-article-heading h2[b-v16w53u9wl] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h1);
    line-height: 1.08;
    letter-spacing: -0.05em;
}

.topic-article-heading h2 span[b-v16w53u9wl] {
    background: linear-gradient(transparent 72%, rgba(22, 157, 242, 0.15) 72%);
}

.topic-article-standfirst[b-v16w53u9wl] {
    max-width: 850px;
    margin: 25px 0 0;
    color: var(--ink-3);
    font-size: var(--fs-lede);
    line-height: 1.65;
}

.topic-article-meta[b-v16w53u9wl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 21px;
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 600;
}

.topic-article-byline strong[b-v16w53u9wl] {
    color: var(--ink-2);
    font-weight: 700;
}

.byline-title[b-v16w53u9wl] {
    color: var(--ink-4);
    font-weight: 600;
}

.byline-contact[b-v16w53u9wl] {
    color: var(--accent);
    text-decoration: none;
}

.byline-contact:hover[b-v16w53u9wl],
.byline-contact:focus-visible[b-v16w53u9wl] {
    text-decoration: underline;
}

.topic-article-body[b-v16w53u9wl] {
    max-width: 1120px;
    margin-top: 42px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 28px 60px -50px rgba(23, 55, 94, 0.7);
}

.topic-article-body[b-v16w53u9wl] {
    min-width: 0;
    padding: clamp(28px, 4.4vw, 56px);
    color: var(--ink-2);
    font-size: clamp(15px, 1.25vw, 17px);
    line-height: 1.88;
}

.topic-article-body[b-v16w53u9wl]  > *:first-child {
    margin-top: 0;
}

.topic-article-body[b-v16w53u9wl]  > *:last-child {
    margin-bottom: 0;
}

.topic-article-body[b-v16w53u9wl]  p {
    margin: 0 0 22px;
}

.topic-article-body[b-v16w53u9wl]  h2 {
    margin: 42px 0 15px;
    color: var(--ink);
    font-size: clamp(23px, 2.2vw, 30px);
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.topic-article-body[b-v16w53u9wl]  h3 {
    margin: 32px 0 12px;
    color: var(--ink);
    font-size: 20px;
}

.topic-article-body[b-v16w53u9wl]  ul,
.topic-article-body[b-v16w53u9wl]  ol {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 18px 0 26px;
    padding-left: 24px;
}

.topic-article-body[b-v16w53u9wl]  li::marker {
    color: var(--accent);
    font-weight: 700;
}

.topic-article-body[b-v16w53u9wl]  blockquote {
    margin: 30px 0;
    padding: 20px 23px;
    border-left: 4px solid var(--accent);
    border-radius: 0 13px 13px 0;
    color: var(--ink-2);
    background: var(--paper);
    font-size: 18px;
    font-weight: 650;
    line-height: 1.65;
}

.topic-article-body[b-v16w53u9wl]  blockquote p {
    margin: 0;
}

.topic-article-body[b-v16w53u9wl]  a {
    color: var(--accent);
    text-decoration: underline;
    text-decoration-color: rgba(15, 135, 212, 0.3);
    text-underline-offset: 3px;
}

.topic-article-body[b-v16w53u9wl]  table {
    display: block;
    width: 100%;
    margin: 28px 0;
    overflow-x: auto;
    border-collapse: collapse;
}

.topic-article-body[b-v16w53u9wl]  th,
.topic-article-body[b-v16w53u9wl]  td {
    padding: 11px 13px;
    border: 1px solid var(--paper-deep);
    text-align: left;
}

.topic-article-body[b-v16w53u9wl]  th {
    color: var(--ink-2);
    background: var(--paper);
    font-size: 12px;
}

.topic-article-body[b-v16w53u9wl]  .cms-article-media {
    margin: 34px auto;
}

.topic-article-body[b-v16w53u9wl]  .cms-article-media-normal {
    max-width: 620px;
}

.topic-article-body[b-v16w53u9wl]  .cms-article-media-wide {
    width: 100%;
}

.topic-article-body[b-v16w53u9wl]  .cms-article-media-full {
    width: calc(100% + clamp(24px, 5vw, 72px));
    margin-left: calc(clamp(12px, 2.5vw, 36px) * -1);
}

.topic-article-body[b-v16w53u9wl]  .cms-article-media img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.topic-article-body[b-v16w53u9wl]  figcaption {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 3px 0;
    color: var(--ink-4);
    font-size: 10px;
    line-height: 1.5;
}

.topic-article-body[b-v16w53u9wl]  figcaption small {
    color: var(--ink-4);
}

.topic-article-body[b-v16w53u9wl]  .cms-media-missing {
    margin: 25px 0;
    padding: 14px;
    border: 1px dashed var(--neg-tint);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--paper);
    font-size: 12px;
}

@media (max-width: 620px) {
    .topic-article-section[b-v16w53u9wl] {
        padding: 52px 0;
    }

    .topic-article-shell[b-v16w53u9wl] {
        padding: 0 20px;
    }

    .topic-article-body[b-v16w53u9wl] {
        border-radius: var(--r);
    }

    .topic-article-body[b-v16w53u9wl]  figcaption {
        flex-direction: column;
        gap: 3px;
    }
}


/* ── Ledger Pro: the one place serif is right ────────────────────────
   Published analysis is written prose, not interface. Serif at a wider
   measure separates it from the dashboard around it; everything else on
   the site stays sans. */
.topic-article-body[b-v16w53u9wl] {
    font-family: var(--serif);
    font-size: 17.5px;
    line-height: 1.72;
}

.topic-article-body h2[b-v16w53u9wl],
.topic-article-body h3[b-v16w53u9wl] {
    font-family: var(--sans);
    letter-spacing: -0.022em;
}

.topic-article-standfirst[b-v16w53u9wl] {
    font-family: var(--serif);
    font-style: italic;
}

.topic-article-body blockquote[b-v16w53u9wl] {
    border-left: 2px solid var(--accent);
    font-style: italic;
}

.topic-article-body li[b-v16w53u9wl]::marker { color: var(--accent); }
/* /Components/Shared/TopicChart.razor.rz.scp.css */
.topic-chart[b-b6rpc3mrc1] {
    --chart-height: 260px;
    position: relative;
    min-width: 0;
}

.value-caption[b-b6rpc3mrc1] {
    margin: 0 0 8px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.plot-frame[b-b6rpc3mrc1] {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: start;
}

.y-axis[b-b6rpc3mrc1] {
    position: relative;
    height: var(--chart-height);
}

.y-axis span[b-b6rpc3mrc1] {
    position: absolute;
    right: 10px;
    color: var(--ink-3);
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 1;
    transform: translateY(-50%);
    white-space: nowrap;
}

.plot[b-b6rpc3mrc1] {
    position: relative;
    min-width: 0;
}

.plot svg[b-b6rpc3mrc1] {
    display: block;
    width: 100%;
    height: var(--chart-height);
    overflow: visible;
}

.grid line[b-b6rpc3mrc1] {
    stroke: var(--paper-deep);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.grid line.zero[b-b6rpc3mrc1] {
    stroke: var(--ink-2);
    stroke-width: 1.6;
}

.reference[b-b6rpc3mrc1] {
    stroke: var(--neg);
    stroke-width: 1.5;
    stroke-dasharray: 6 5;
    vector-effect: non-scaling-stroke;
}

.reference-label[b-b6rpc3mrc1] {
    position: absolute;
    right: 0;
    padding: 1px 6px;
    border-radius: 4px;
    color: var(--neg);
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    font-size: 11px;
    font-weight: 700;
    transform: translateY(-120%);
}

.bar[b-b6rpc3mrc1] { shape-rendering: crispEdges; }
.bar.highlight[b-b6rpc3mrc1] { stroke: var(--ink); stroke-width: 1.4; vector-effect: non-scaling-stroke; }

.line[b-b6rpc3mrc1] {
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.line.dashed[b-b6rpc3mrc1] { stroke-dasharray: 7 5; }

.dot[b-b6rpc3mrc1] {
    stroke-width: 5;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.hover-column[b-b6rpc3mrc1] {
    fill: transparent;
    cursor: default;
}

.hover-column:hover[b-b6rpc3mrc1] {
    fill: rgba(31, 38, 48, 0.05);
}

/* Palette: semantic tones first, then the data-series palette. */
.bar.tone-positive[b-b6rpc3mrc1], .bar.tone-pos[b-b6rpc3mrc1] { fill: var(--pos); }
.bar.tone-negative[b-b6rpc3mrc1], .bar.tone-neg[b-b6rpc3mrc1] { fill: var(--neg); }
.bar.tone-teal[b-b6rpc3mrc1] { fill: var(--d-1); }
.bar.tone-navy[b-b6rpc3mrc1] { fill: var(--d-2); }
.bar.tone-ochre[b-b6rpc3mrc1] { fill: var(--d-3); }
.bar.tone-rose[b-b6rpc3mrc1] { fill: var(--d-4); }
.bar.tone-slate[b-b6rpc3mrc1] { fill: var(--d-5); }
.bar.tone-grey[b-b6rpc3mrc1] { fill: var(--d-6); }
.bar.tone-ink[b-b6rpc3mrc1] { fill: var(--ink-2); }

.line.tone-teal[b-b6rpc3mrc1], .dot.tone-teal[b-b6rpc3mrc1] { stroke: var(--d-1); }
.line.tone-navy[b-b6rpc3mrc1], .dot.tone-navy[b-b6rpc3mrc1] { stroke: var(--d-2); }
.line.tone-ochre[b-b6rpc3mrc1], .dot.tone-ochre[b-b6rpc3mrc1] { stroke: var(--d-3); }
.line.tone-rose[b-b6rpc3mrc1], .dot.tone-rose[b-b6rpc3mrc1] { stroke: var(--d-4); }
.line.tone-slate[b-b6rpc3mrc1], .dot.tone-slate[b-b6rpc3mrc1] { stroke: var(--d-5); }
.line.tone-grey[b-b6rpc3mrc1], .dot.tone-grey[b-b6rpc3mrc1] { stroke: var(--d-6); }
.line.tone-ink[b-b6rpc3mrc1], .dot.tone-ink[b-b6rpc3mrc1] { stroke: var(--ink); }
.line.tone-pos[b-b6rpc3mrc1], .dot.tone-pos[b-b6rpc3mrc1] { stroke: var(--pos); }
.line.tone-neg[b-b6rpc3mrc1], .dot.tone-neg[b-b6rpc3mrc1] { stroke: var(--neg); }

.x-axis[b-b6rpc3mrc1] {
    position: relative;
    height: 26px;
    margin-top: 6px;
}

.x-axis span[b-b6rpc3mrc1] {
    position: absolute;
    top: 0;
    color: var(--ink-3);
    font-size: 11.5px;
    font-weight: 600;
    transform: translateX(-50%);
    white-space: nowrap;
}

.x-axis span.first[b-b6rpc3mrc1] { transform: translateX(-20%); }
.x-axis span.last[b-b6rpc3mrc1] { transform: translateX(-80%); }

.chart-legend[b-b6rpc3mrc1] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 600;
}

.chart-legend li[b-b6rpc3mrc1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-b6rpc3mrc1] {
    width: 11px;
    height: 11px;
    border-radius: 3px;
}

.chart-legend i.line-key[b-b6rpc3mrc1] {
    height: 3px;
    border-radius: 2px;
}

.chart-legend i.line-key.dashed[b-b6rpc3mrc1] {
    width: 17px;
    background: repeating-linear-gradient(90deg, currentColor 0 5px, transparent 5px 9px);
}

.chart-legend i.tone-teal[b-b6rpc3mrc1] { background: var(--d-1); color: var(--d-1); }
.chart-legend i.tone-navy[b-b6rpc3mrc1] { background: var(--d-2); color: var(--d-2); }
.chart-legend i.tone-ochre[b-b6rpc3mrc1] { background: var(--d-3); color: var(--d-3); }
.chart-legend i.tone-rose[b-b6rpc3mrc1] { background: var(--d-4); color: var(--d-4); }
.chart-legend i.tone-slate[b-b6rpc3mrc1] { background: var(--d-5); color: var(--d-5); }
.chart-legend i.tone-grey[b-b6rpc3mrc1] { background: var(--d-6); color: var(--d-6); }
.chart-legend i.tone-ink[b-b6rpc3mrc1] { background: var(--ink); color: var(--ink); }
.chart-legend i.tone-pos[b-b6rpc3mrc1], .chart-legend i.tone-positive[b-b6rpc3mrc1] { background: var(--pos); }
.chart-legend i.tone-neg[b-b6rpc3mrc1], .chart-legend i.tone-negative[b-b6rpc3mrc1] { background: var(--neg); }

.chart-empty[b-b6rpc3mrc1] {
    display: grid;
    min-height: 180px;
    place-content: center;
    gap: 6px;
    padding: 20px;
    border: 1px dashed var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink-3);
    text-align: center;
}

.chart-empty strong[b-b6rpc3mrc1] {
    color: var(--ink);
    font-size: 15px;
}

.compact .plot-frame[b-b6rpc3mrc1] { grid-template-columns: 44px minmax(0, 1fr); }
.compact .y-axis span[b-b6rpc3mrc1], .compact .x-axis span[b-b6rpc3mrc1] { font-size: 10.5px; }
.compact .value-caption[b-b6rpc3mrc1] { font-size: 11px; }

@media (max-width: 560px) {
    .plot-frame[b-b6rpc3mrc1] { grid-template-columns: 44px minmax(0, 1fr); }
    .y-axis span[b-b6rpc3mrc1] { right: 6px; font-size: 10.5px; }
    .x-axis span[b-b6rpc3mrc1] { font-size: 10.5px; }
    .x-axis span.minor[b-b6rpc3mrc1] { display: none; }
}

/* Green ramp tones (bank topic): deep, dark, mid, soft and light. */
.bar.tone-green-deep[b-b6rpc3mrc1] { fill: #0D553A; }
.line.tone-green-deep[b-b6rpc3mrc1], .dot.tone-green-deep[b-b6rpc3mrc1] { stroke: #0D553A; }
.chart-legend i.tone-green-deep[b-b6rpc3mrc1] { background: #0D553A; }
.bar.tone-green-dark[b-b6rpc3mrc1] { fill: #1A744F; }
.line.tone-green-dark[b-b6rpc3mrc1], .dot.tone-green-dark[b-b6rpc3mrc1] { stroke: #1A744F; }
.chart-legend i.tone-green-dark[b-b6rpc3mrc1] { background: #1A744F; }
.bar.tone-green-mid[b-b6rpc3mrc1] { fill: #4AAB7F; }
.line.tone-green-mid[b-b6rpc3mrc1], .dot.tone-green-mid[b-b6rpc3mrc1] { stroke: #4AAB7F; }
.chart-legend i.tone-green-mid[b-b6rpc3mrc1] { background: #4AAB7F; }
.bar.tone-green-soft[b-b6rpc3mrc1] { fill: #5BB688; }
.line.tone-green-soft[b-b6rpc3mrc1], .dot.tone-green-soft[b-b6rpc3mrc1] { stroke: #5BB688; }
.chart-legend i.tone-green-soft[b-b6rpc3mrc1] { background: #5BB688; }
.bar.tone-green-light[b-b6rpc3mrc1] { fill: #A5D9BD; }
.line.tone-green-light[b-b6rpc3mrc1], .dot.tone-green-light[b-b6rpc3mrc1] { stroke: #A5D9BD; }
.chart-legend i.tone-green-light[b-b6rpc3mrc1] { background: #A5D9BD; }

.chart-legend.top[b-b6rpc3mrc1] {
    margin: 0 0 12px;
}

/* Shaded spans behind the data: recessions and Fed programmes. */
.band[b-b6rpc3mrc1] { shape-rendering: crispEdges; }
.band.band-recession[b-b6rpc3mrc1], .chart-legend i.band-recession[b-b6rpc3mrc1] { fill: color-mix(in srgb, var(--ink) 10%, transparent); background: color-mix(in srgb, var(--ink) 16%, transparent); }
.band.band-purchases[b-b6rpc3mrc1], .chart-legend i.band-purchases[b-b6rpc3mrc1] { fill: color-mix(in srgb, var(--d-1) 15%, transparent); background: color-mix(in srgb, var(--d-1) 30%, transparent); }
.band.band-runoff[b-b6rpc3mrc1], .chart-legend i.band-runoff[b-b6rpc3mrc1] { fill: color-mix(in srgb, var(--d-3) 18%, transparent); background: color-mix(in srgb, var(--d-3) 36%, transparent); }
.band.band-duration[b-b6rpc3mrc1], .chart-legend i.band-duration[b-b6rpc3mrc1] { fill: color-mix(in srgb, var(--d-2) 13%, transparent); background: color-mix(in srgb, var(--d-2) 28%, transparent); }
.band.band-steady[b-b6rpc3mrc1], .chart-legend i.band-steady[b-b6rpc3mrc1] { fill: color-mix(in srgb, var(--d-5) 9%, transparent); background: color-mix(in srgb, var(--d-5) 22%, transparent); }
.band.band-period[b-b6rpc3mrc1], .chart-legend i.band-period[b-b6rpc3mrc1] { fill: color-mix(in srgb, var(--accent, #0B7A68) 11%, transparent); background: color-mix(in srgb, var(--accent, #0B7A68) 24%, transparent); }
.chart-legend i.band-key[b-b6rpc3mrc1] { width: 14px; height: 11px; border-radius: 2px; }
/* /Components/Shared/TopicChartCard.razor.rz.scp.css */
.topic-chart-card[b-afx1tkg8w5] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 16px;
    min-width: 0;
    padding: 22px 22px 16px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift);
    scroll-margin-top: 96px;
}

.topic-chart-card:target[b-afx1tkg8w5] {
    box-shadow: var(--ring), var(--lift);
}

.card-heading[b-afx1tkg8w5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.card-eyebrow[b-afx1tkg8w5] {
    margin: 0 0 6px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.card-heading h3[b-afx1tkg8w5] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.card-subtitle[b-afx1tkg8w5] {
    margin: 6px 0 0;
    color: var(--ink-2);
    font-size: 14px;
    line-height: 1.5;
}

.card-example[b-afx1tkg8w5] {
    margin: 8px 0 0;
    padding: 6px 10px;
    border-left: 3px solid var(--accent);
    border-radius: 0 6px 6px 0;
    color: var(--ink-2);
    background: var(--accent-wash);
    font-size: 13.5px;
    line-height: 1.5;
}

.card-example b[b-afx1tkg8w5] {
    color: var(--ink);
    font-weight: 650;
}

.card-heading-side[b-afx1tkg8w5] {
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    max-width: 50%;
}

.card-controls[b-afx1tkg8w5] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.card-controls[b-afx1tkg8w5]  label {
    display: grid;
    gap: 4px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.card-controls[b-afx1tkg8w5]  select {
    min-width: 210px;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 13.5px;
    font-weight: 650;
}

.card-controls[b-afx1tkg8w5]  select:focus-visible {
    outline: none;
    box-shadow: var(--ring);
}

.status-chip[b-afx1tkg8w5] {
    flex: none;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 750;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.status-chip.provisional[b-afx1tkg8w5] {
    color: var(--warn);
    background: var(--warn-tint);
}

.card-body[b-afx1tkg8w5] {
    min-width: 0;
}

.card-notes[b-afx1tkg8w5] {
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.55;
}

.card-notes[b-afx1tkg8w5]  p {
    margin: 0 0 6px;
}

.card-footer[b-afx1tkg8w5] {
    display: grid;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--paper-band);
}

.provenance[b-afx1tkg8w5] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin: 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.5;
}

.provenance a[b-afx1tkg8w5] {
    color: var(--accent-deep);
    font-weight: 650;
}

.card-actions[b-afx1tkg8w5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.card-actions button[b-afx1tkg8w5] {
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid var(--rule-2);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.card-actions button:hover[b-afx1tkg8w5] {
    border-color: var(--accent);
    color: var(--accent-deep);
}

.card-actions button:focus-visible[b-afx1tkg8w5] {
    outline: none;
    box-shadow: var(--ring);
}

.card-actions button[aria-pressed="true"][b-afx1tkg8w5] {
    border-color: var(--accent);
    color: var(--on-accent);
    background: var(--accent);
}

.action-status[b-afx1tkg8w5] {
    min-height: 1em;
    margin: 0;
    color: var(--ink-3);
    font-size: 12px;
}

.copy-fallback pre[b-afx1tkg8w5] {
    max-height: 220px;
    overflow: auto;
    padding: 10px;
    border-radius: var(--r-sm);
    background: var(--paper);
    font-size: 11px;
    white-space: pre-wrap;
}

.table-scroll[b-afx1tkg8w5] {
    max-height: 380px;
    overflow: auto;
    border: 1px solid var(--paper-band);
    border-radius: var(--r-sm);
}

.table-scroll table[b-afx1tkg8w5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
}

.table-scroll caption[b-afx1tkg8w5] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.table-scroll th[b-afx1tkg8w5],
.table-scroll td[b-afx1tkg8w5] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--paper-band);
    text-align: right;
    white-space: nowrap;
}

.table-scroll thead th[b-afx1tkg8w5] {
    position: sticky;
    top: 0;
    color: var(--ink-2);
    background: var(--paper);
    font-weight: 700;
}

.table-scroll th[scope="row"][b-afx1tkg8w5] {
    color: var(--ink-2);
    text-align: left;
    font-weight: 650;
}

.table-scroll sup[b-afx1tkg8w5] {
    margin-left: 2px;
    color: var(--warn);
    font-size: 9px;
    font-weight: 750;
}

.missing[b-afx1tkg8w5] {
    color: var(--ink-4);
}

.table-note[b-afx1tkg8w5] {
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 12px;
}

@media (max-width: 560px) {
    .topic-chart-card[b-afx1tkg8w5] {
        padding: 18px 14px 14px;
    }

    .card-heading[b-afx1tkg8w5] {
        flex-direction: column;
    }

    .card-heading-side[b-afx1tkg8w5] {
        align-items: stretch;
        max-width: none;
        width: 100%;
    }

    .card-controls[b-afx1tkg8w5]  select {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Shared/TopicChartNarrative.razor.rz.scp.css */
.read-chart[b-xr8qwhtuk3] { margin: 1.25rem 0 0; padding: clamp(1.25rem, 3vw, 2.4rem); border: 1px solid #c9e2c7; border-radius: 1.15rem; background: #e3f2e1; color: #102016; }
.read-chart-head[b-xr8qwhtuk3] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; margin-bottom: 1.3rem; }
.read-chart-eyebrow[b-xr8qwhtuk3] { color: #07632b; font-size: .84rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.read-chart-badge[b-xr8qwhtuk3] { border-radius: .65rem; background: #fff; color: #075d25; padding: .5rem .75rem; font-size: .88rem; }
h4[b-xr8qwhtuk3] { margin: 0 0 .8rem; font-size: clamp(1.35rem, 2.2vw, 1.9rem); line-height: 1.2; }
.read-chart-summary[b-xr8qwhtuk3] { margin: 0 0 1.2rem; font-size: 1.04rem; line-height: 1.6; }
.read-chart-evidence[b-xr8qwhtuk3] { margin: -.4rem 0 1.5rem; color: #435545; font-size: .84rem; }
.read-chart-evidence summary[b-xr8qwhtuk3] { cursor: pointer; font-weight: 650; }
.read-chart-evidence ul[b-xr8qwhtuk3] { margin: .7rem 0 0; padding-left: 1.1rem; }
.read-chart-evidence li[b-xr8qwhtuk3] { margin: .4rem 0; overflow-wrap: anywhere; }
.read-chart-evidence li span[b-xr8qwhtuk3] { display: block; }
.read-chart-evidence code[b-xr8qwhtuk3] { display: block; color: #637666; font-size: .72rem; }
.read-chart-facts[b-xr8qwhtuk3] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; margin: 1.4rem 0 1.65rem; }
.read-chart-facts > div[b-xr8qwhtuk3] { display: flex; flex-direction: column; gap: .5rem; min-width: 0; border-top: 1px solid #b8d0b5; padding-top: .85rem; }
.read-chart-facts span[b-xr8qwhtuk3], .read-chart-facts small[b-xr8qwhtuk3] { color: #526052; }
.read-chart-facts strong[b-xr8qwhtuk3] { color: #102016; font-size: clamp(1.15rem, 2vw, 1.65rem); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.read-chart-changes[b-xr8qwhtuk3], .read-chart-ask[b-xr8qwhtuk3] { border-top: 1px solid #b8d0b5; padding-top: 1.2rem; }
.read-chart-changes h5[b-xr8qwhtuk3] { color: #08642d; }
h5[b-xr8qwhtuk3] { margin: 0 0 .8rem; font-size: 1.08rem; }
.read-chart-changes p[b-xr8qwhtuk3] { margin: .5rem 0; line-height: 1.45; }
.change-pill[b-xr8qwhtuk3] { display: inline-block; border-radius: 99px; background: #c7e9c2; color: #075d25; padding: .15rem .5rem; margin-right: .4rem; font-size: .78rem; font-weight: 700; }
.change-pill.revised[b-xr8qwhtuk3] { background: #f9d998; color: #664705; }
.change-pill.extreme[b-xr8qwhtuk3] { background: #d7ecd3; color: #1f5a2c; }
.change-pill.status[b-xr8qwhtuk3] { background: #dfe6ee; color: #334456; }
.change-pill.removed[b-xr8qwhtuk3] { background: #e6e3de; color: #4d4740; }
.read-chart-ask[b-xr8qwhtuk3] { margin-top: 1.3rem; }
.ask-exa-button[b-xr8qwhtuk3], .ask-exa-form button[b-xr8qwhtuk3] { min-height: 2.75rem; border: 0; border-radius: .75rem; background: #08745d; color: #fff; padding: .6rem 1.2rem; font: inherit; font-weight: 700; }
.ask-exa-form[b-xr8qwhtuk3] { margin-top: 1rem; }
.ask-exa-form label[b-xr8qwhtuk3] { display: block; margin-bottom: .4rem; font-weight: 650; }
.ask-exa-form > div[b-xr8qwhtuk3] { display: flex; gap: .5rem; flex-wrap: wrap; }
.ask-exa-form input[b-xr8qwhtuk3] { flex: 1 1 14rem; min-width: 0; min-height: 2.75rem; border: 1px solid #a6c5a6; border-radius: .65rem; background: #fff; color: #102016; padding: .55rem .7rem; font: inherit; }
.ask-exa-form button:disabled[b-xr8qwhtuk3] { opacity: .55; }
.ask-exa-answer[b-xr8qwhtuk3] { margin: 1rem 0 .4rem; line-height: 1.55; }
.ask-exa-citations[b-xr8qwhtuk3] { margin: .4rem 0 0; padding-left: 1.2rem; color: #435545; font-size: .86rem; }
@media (max-width: 650px) { .read-chart-facts[b-xr8qwhtuk3] { grid-template-columns: 1fr; gap: .8rem; } }
/* /Components/Shared/TopicComboChart.razor.rz.scp.css */
.combo-chart[b-0cx9qhs5et] {
    --chart-height: 260px;
    position: relative;
    min-width: 0;
}

.value-caption[b-0cx9qhs5et] {
    margin: 0 0 8px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.plot-frame[b-0cx9qhs5et] {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) 52px;
    align-items: start;
}

.y-axis[b-0cx9qhs5et] {
    position: relative;
    height: var(--chart-height);
}

.y-axis span[b-0cx9qhs5et] {
    position: absolute;
    right: 10px;
    color: var(--ink-3);
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 1;
    transform: translateY(-50%);
    white-space: nowrap;
}

.plot[b-0cx9qhs5et] {
    position: relative;
    min-width: 0;
}

.plot svg[b-0cx9qhs5et] {
    display: block;
    width: 100%;
    height: var(--chart-height);
    overflow: visible;
}

.grid line[b-0cx9qhs5et] {
    stroke: var(--paper-deep);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.grid line.zero[b-0cx9qhs5et] {
    stroke: var(--ink-2);
    stroke-width: 1.6;
}

.reference[b-0cx9qhs5et] {
    stroke: var(--neg);
    stroke-width: 1.5;
    stroke-dasharray: 6 5;
    vector-effect: non-scaling-stroke;
}

.reference-label[b-0cx9qhs5et] {
    position: absolute;
    right: 0;
    padding: 1px 6px;
    border-radius: 4px;
    color: var(--neg);
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    font-size: 11px;
    font-weight: 700;
    transform: translateY(-120%);
}

.bar[b-0cx9qhs5et] { shape-rendering: crispEdges; }
.bar.highlight[b-0cx9qhs5et] { stroke: var(--ink); stroke-width: 1.4; vector-effect: non-scaling-stroke; }

.line[b-0cx9qhs5et] {
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.dot[b-0cx9qhs5et] {
    stroke-width: 5;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.hover-column[b-0cx9qhs5et] {
    fill: transparent;
    cursor: default;
}

.hover-column:hover[b-0cx9qhs5et] {
    fill: rgba(31, 38, 48, 0.05);
}

/* Palette: semantic tones first, then the data-series palette. */
.bar.tone-positive[b-0cx9qhs5et], .bar.tone-pos[b-0cx9qhs5et] { fill: var(--pos); }
.bar.tone-negative[b-0cx9qhs5et], .bar.tone-neg[b-0cx9qhs5et] { fill: var(--neg); }
.bar.tone-teal[b-0cx9qhs5et] { fill: var(--d-1); }
.bar.tone-navy[b-0cx9qhs5et] { fill: var(--d-2); }
.bar.tone-ochre[b-0cx9qhs5et] { fill: var(--d-3); }
.bar.tone-rose[b-0cx9qhs5et] { fill: var(--d-4); }
.bar.tone-slate[b-0cx9qhs5et] { fill: var(--d-5); }
.bar.tone-grey[b-0cx9qhs5et] { fill: var(--d-6); }
.bar.tone-ink[b-0cx9qhs5et] { fill: var(--ink-2); }

.line.tone-teal[b-0cx9qhs5et], .dot.tone-teal[b-0cx9qhs5et] { stroke: var(--d-1); }
.line.tone-navy[b-0cx9qhs5et], .dot.tone-navy[b-0cx9qhs5et] { stroke: var(--d-2); }
.line.tone-ochre[b-0cx9qhs5et], .dot.tone-ochre[b-0cx9qhs5et] { stroke: var(--d-3); }
.line.tone-rose[b-0cx9qhs5et], .dot.tone-rose[b-0cx9qhs5et] { stroke: var(--d-4); }
.line.tone-slate[b-0cx9qhs5et], .dot.tone-slate[b-0cx9qhs5et] { stroke: var(--d-5); }
.line.tone-grey[b-0cx9qhs5et], .dot.tone-grey[b-0cx9qhs5et] { stroke: var(--d-6); }
.line.tone-ink[b-0cx9qhs5et], .dot.tone-ink[b-0cx9qhs5et] { stroke: var(--ink); }
.line.tone-pos[b-0cx9qhs5et], .dot.tone-pos[b-0cx9qhs5et] { stroke: var(--pos); }
.line.tone-neg[b-0cx9qhs5et], .dot.tone-neg[b-0cx9qhs5et] { stroke: var(--neg); }

.x-axis[b-0cx9qhs5et] {
    position: relative;
    height: 26px;
    margin-top: 6px;
}

.x-axis span[b-0cx9qhs5et] {
    position: absolute;
    top: 0;
    color: var(--ink-3);
    font-size: 11.5px;
    font-weight: 600;
    transform: translateX(-50%);
    white-space: nowrap;
}

.x-axis span.first[b-0cx9qhs5et] { transform: translateX(-20%); }
.x-axis span.last[b-0cx9qhs5et] { transform: translateX(-80%); }

.chart-legend[b-0cx9qhs5et] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 600;
}

.chart-legend li[b-0cx9qhs5et] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-0cx9qhs5et] {
    width: 11px;
    height: 11px;
    border-radius: 3px;
}

.chart-legend i.line-key[b-0cx9qhs5et] {
    height: 3px;
    border-radius: 2px;
}

.chart-legend i.tone-teal[b-0cx9qhs5et] { background: var(--d-1); }
.chart-legend i.tone-navy[b-0cx9qhs5et] { background: var(--d-2); }
.chart-legend i.tone-ochre[b-0cx9qhs5et] { background: var(--d-3); }
.chart-legend i.tone-rose[b-0cx9qhs5et] { background: var(--d-4); }
.chart-legend i.tone-slate[b-0cx9qhs5et] { background: var(--d-5); }
.chart-legend i.tone-grey[b-0cx9qhs5et] { background: var(--d-6); }
.chart-legend i.tone-ink[b-0cx9qhs5et] { background: var(--ink); }
.chart-legend i.tone-pos[b-0cx9qhs5et], .chart-legend i.tone-positive[b-0cx9qhs5et] { background: var(--pos); }
.chart-legend i.tone-neg[b-0cx9qhs5et], .chart-legend i.tone-negative[b-0cx9qhs5et] { background: var(--neg); }

.chart-empty[b-0cx9qhs5et] {
    display: grid;
    min-height: 180px;
    place-content: center;
    gap: 6px;
    padding: 20px;
    border: 1px dashed var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink-3);
    text-align: center;
}

.chart-empty strong[b-0cx9qhs5et] {
    color: var(--ink);
    font-size: 15px;
}

.combo-chart.compact .plot-frame[b-0cx9qhs5et] { grid-template-columns: 44px minmax(0, 1fr) 40px; }
.combo-chart.compact .y-axis span[b-0cx9qhs5et], .combo-chart.compact .x-axis span[b-0cx9qhs5et] { font-size: 10.5px; }
.combo-chart.compact .value-caption[b-0cx9qhs5et] { font-size: 11px; }

@media (max-width: 560px) {
    .plot-frame[b-0cx9qhs5et] { grid-template-columns: 44px minmax(0, 1fr); }
    .y-axis span[b-0cx9qhs5et] { right: 6px; font-size: 10.5px; }
    .x-axis span[b-0cx9qhs5et] { font-size: 10.5px; }
    .x-axis span.minor[b-0cx9qhs5et] { display: none; }
}

/* Combo chart: a right-hand axis for the lines and captions over both axes. */
.y-axis.right span[b-0cx9qhs5et] {
    right: auto;
    left: 8px;
}

.axis-captions[b-0cx9qhs5et] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 8px;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.axis-captions .right[b-0cx9qhs5et] {
    text-align: right;
}

.chart-legend small[b-0cx9qhs5et] {
    color: var(--ink-3);
    font-weight: 500;
}

@media (max-width: 560px) {
    .plot-frame[b-0cx9qhs5et] { grid-template-columns: 44px minmax(0, 1fr) 40px; }
    .y-axis.right span[b-0cx9qhs5et] { left: 4px; }
}

/* Lines above bars: a halo in the card colour, then the line; labelled points. */
.line-halo[b-0cx9qhs5et] {
    fill: none;
    stroke: var(--surface);
    stroke-width: 6.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.dot-halo[b-0cx9qhs5et] {
    stroke: var(--surface);
    stroke-width: 10;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.line[b-0cx9qhs5et] { stroke-width: 2.8; }

.dot[b-0cx9qhs5et] { stroke-width: 7; }

.value-labels[b-0cx9qhs5et] {
    position: absolute;
    inset: 0 0 auto 0;
    height: var(--chart-height);
    pointer-events: none;
}

.value-label[b-0cx9qhs5et] {
    position: absolute;
    transform: translate(-50%, calc(-100% - 7px));
    padding: 0 4px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--surface) 86%, transparent);
    font-size: 11.5px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    line-height: 1.5;
    white-space: nowrap;
}

.value-label.below[b-0cx9qhs5et] {
    transform: translate(-50%, 7px);
}

.value-label.tone-teal[b-0cx9qhs5et] { color: var(--d-1); }
.value-label.tone-navy[b-0cx9qhs5et] { color: var(--d-2); }
.value-label.tone-ochre[b-0cx9qhs5et] { color: color-mix(in srgb, var(--d-3) 80%, var(--ink)); }
.value-label.tone-rose[b-0cx9qhs5et] { color: var(--d-4); }
.value-label.tone-slate[b-0cx9qhs5et] { color: var(--d-5); }
.value-label.tone-ink[b-0cx9qhs5et] { color: var(--ink); }

@media (max-width: 560px) {
    .value-label[b-0cx9qhs5et] { font-size: 10px; padding: 0 2px; }
}

/* The sum of a stacked bar, printed just above it. */
.bar-total[b-0cx9qhs5et] {
    position: absolute;
    transform: translate(-50%, calc(-100% - 3px));
    color: var(--ink);
    font-size: 11.5px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (max-width: 560px) {
    .bar-total[b-0cx9qhs5et] { font-size: 10px; }
}

/* Green ramp tones (bank topic): deep, dark, mid, soft and light. */
.bar.tone-green-deep[b-0cx9qhs5et] { fill: #0D553A; }
.line.tone-green-deep[b-0cx9qhs5et], .dot.tone-green-deep[b-0cx9qhs5et] { stroke: #0D553A; }
.chart-legend i.tone-green-deep[b-0cx9qhs5et] { background: #0D553A; }
.bar.tone-green-dark[b-0cx9qhs5et] { fill: #1A744F; }
.line.tone-green-dark[b-0cx9qhs5et], .dot.tone-green-dark[b-0cx9qhs5et] { stroke: #1A744F; }
.chart-legend i.tone-green-dark[b-0cx9qhs5et] { background: #1A744F; }
.bar.tone-green-mid[b-0cx9qhs5et] { fill: #4AAB7F; }
.line.tone-green-mid[b-0cx9qhs5et], .dot.tone-green-mid[b-0cx9qhs5et] { stroke: #4AAB7F; }
.chart-legend i.tone-green-mid[b-0cx9qhs5et] { background: #4AAB7F; }
.bar.tone-green-soft[b-0cx9qhs5et] { fill: #5BB688; }
.line.tone-green-soft[b-0cx9qhs5et], .dot.tone-green-soft[b-0cx9qhs5et] { stroke: #5BB688; }
.chart-legend i.tone-green-soft[b-0cx9qhs5et] { background: #5BB688; }
.bar.tone-green-light[b-0cx9qhs5et] { fill: #A5D9BD; }
.line.tone-green-light[b-0cx9qhs5et], .dot.tone-green-light[b-0cx9qhs5et] { stroke: #A5D9BD; }
.chart-legend i.tone-green-light[b-0cx9qhs5et] { background: #A5D9BD; }

.chart-legend[b-0cx9qhs5et] { margin: 0 0 12px; }
.value-label.tone-green-deep[b-0cx9qhs5et] { color: #0D553A; }
.value-label.tone-green-dark[b-0cx9qhs5et] { color: #1A744F; }
.value-label.tone-green-mid[b-0cx9qhs5et] { color: #2F8A5E; }
.value-label.tone-green-soft[b-0cx9qhs5et] { color: #2F8A5E; }
.value-label.tone-green-light[b-0cx9qhs5et] { color: #2F8A5E; }
/* /Components/Shared/TopicCreditPanel.razor.rz.scp.css */
.topic-credits[b-vlp7lr1vb5] {
    width: min(calc(100% - 80px), var(--maxw));
    margin: 0 auto;
    padding: 38px 42px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.credits-eyebrow[b-vlp7lr1vb5] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.topic-credits h2[b-vlp7lr1vb5] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    font-weight: 750;
    letter-spacing: -0.03em;
}

.credits-intro[b-vlp7lr1vb5] {
    max-width: 760px;
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.65;
}

.credit-groups[b-vlp7lr1vb5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid var(--paper-band);
}

.credit-group h3[b-vlp7lr1vb5] {
    margin: 0;
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.credit-group-note[b-vlp7lr1vb5] {
    margin: 6px 0 14px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
}

.credit-group ul[b-vlp7lr1vb5] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.credit-group li[b-vlp7lr1vb5] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 14px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.credit-avatar[b-vlp7lr1vb5] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 50%;
    color: var(--on-accent);
    background: linear-gradient(140deg, var(--accent-bright), var(--accent-deep));
    font-size: 13px;
    font-weight: 750;
}

.credit-group strong[b-vlp7lr1vb5] {
    display: block;
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.credit-group small[b-vlp7lr1vb5] {
    display: block;
    margin-top: 2px;
    color: var(--ink-4);
    font-size: 11.5px;
}

.credit-group li p[b-vlp7lr1vb5] {
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.credit-links[b-vlp7lr1vb5] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
}

.credit-links a[b-vlp7lr1vb5] {
    color: var(--accent);
    font-size: 11.5px;
    font-weight: 650;
    text-decoration: none;
    word-break: break-word;
}

.credit-links a:hover[b-vlp7lr1vb5],
.credit-links a:focus-visible[b-vlp7lr1vb5] {
    text-decoration: underline;
}

.topic-credits footer[b-vlp7lr1vb5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid var(--paper-band);
    color: var(--ink-4);
    font-size: 12.5px;
}

.topic-credits footer a[b-vlp7lr1vb5] {
    color: var(--accent);
    font-weight: 700;
    text-decoration: none;
}

.topic-credits footer a:hover[b-vlp7lr1vb5],
.topic-credits footer a:focus-visible[b-vlp7lr1vb5] {
    text-decoration: underline;
}

@media (max-width: 680px) {
    .topic-credits[b-vlp7lr1vb5] {
        width: calc(100% - 40px);
        padding: 26px 22px;
    }
}
/* /Components/Shared/TopicDetailLayout.razor.rz.scp.css */
.topic-detail-layout[b-kwfmrtxjp5] {
    min-height: 100%;
    padding: 34px 0 72px;
    background: var(--surface);
}

.topic-detail-shell[b-kwfmrtxjp5] {
    width: min(100%, var(--maxw));
    margin: 0 auto;
    padding: 0 40px;
}

.topic-detail-kpi-slot[b-kwfmrtxjp5] {
    margin-top: 30px;
}

.topic-detail-workspace[b-kwfmrtxjp5] {
    display: grid;
    grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    margin-top: 34px;
}

.topic-detail-filter-rail[b-kwfmrtxjp5] {
    position: sticky;
    top: 92px;
    max-height: calc(100vh - 116px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.topic-detail-visuals[b-kwfmrtxjp5] {
    min-width: 0;
}

.topic-detail-support-slot[b-kwfmrtxjp5] {
    margin-top: 28px;
}

.topic-detail-after-dashboard[b-kwfmrtxjp5] {
    margin-top: 54px;
}

@media (max-width: 1080px) {
    .topic-detail-workspace[b-kwfmrtxjp5] {
        grid-template-columns: 1fr;
    }

    .topic-detail-filter-rail[b-kwfmrtxjp5] {
        position: static;
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 680px) {
    .topic-detail-layout[b-kwfmrtxjp5] {
        padding-top: 22px;
    }

    .topic-detail-shell[b-kwfmrtxjp5] {
        padding: 0 20px;
    }

    .topic-detail-kpi-slot[b-kwfmrtxjp5] {
        margin-top: 24px;
    }

    .topic-detail-workspace[b-kwfmrtxjp5] {
        margin-top: 26px;
    }

    .topic-detail-after-dashboard[b-kwfmrtxjp5] {
        margin-top: 38px;
    }
}
/* /Components/Shared/TopicFeatureLineChart.razor.rz.scp.css */
.topic-feature-chart[b-2fus8pghvu] {
    min-height: 330px;
}

.topic-feature-chart svg[b-2fus8pghvu] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.chart-grid-lines line[b-2fus8pghvu] {
    stroke: var(--paper-band);
    stroke-width: 1;
}

.chart-grid-lines .zero-line[b-2fus8pghvu] {
    stroke: var(--rule-2);
    stroke-dasharray: 5 5;
}

.series-line[b-2fus8pghvu] {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.series-line.tone-blue[b-2fus8pghvu] { stroke: var(--accent); }
.series-line.tone-orange[b-2fus8pghvu] { stroke: var(--d-3); }
.series-line.tone-green[b-2fus8pghvu] { stroke: var(--pos); }
.series-line.tone-red[b-2fus8pghvu] { stroke: var(--neg); }
.series-line.tone-violet[b-2fus8pghvu] { stroke: var(--d-5); }

/* The data-series palette, for charts that need more than the five direction
   tones above. A tone with no rule here would render stroke:none, i.e. an
   invisible line, so keep this list and TopicChartSeries callers in step. */
.series-line.tone-teal[b-2fus8pghvu] { stroke: var(--d-1); }
.series-line.tone-navy[b-2fus8pghvu] { stroke: var(--d-2); }
.series-line.tone-ochre[b-2fus8pghvu] { stroke: var(--d-3); }
.series-line.tone-rose[b-2fus8pghvu] { stroke: var(--d-4); }
.series-line.tone-slate[b-2fus8pghvu] { stroke: var(--d-5); }
.series-line.tone-grey[b-2fus8pghvu] { stroke: var(--d-6); }

.topic-chart-axis[b-2fus8pghvu] {
    position: relative;
    height: 22px;
    margin-top: -16px;
}

.topic-chart-axis span[b-2fus8pghvu] {
    position: absolute;
    top: 0;
    color: var(--ink-4);
    font-size: 12px;
    font-weight: 650;
    transform: translateX(-50%);
    white-space: nowrap;
}

.topic-chart-legend[b-2fus8pghvu] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 650;
}

.topic-chart-legend span[b-2fus8pghvu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.topic-chart-legend i[b-2fus8pghvu] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.topic-chart-legend i.tone-blue[b-2fus8pghvu] { background: var(--accent); }
.topic-chart-legend i.tone-orange[b-2fus8pghvu] { background: var(--d-3); }
.topic-chart-legend i.tone-green[b-2fus8pghvu] { background: var(--pos); }
.topic-chart-legend i.tone-red[b-2fus8pghvu] { background: var(--neg); }
.topic-chart-legend i.tone-violet[b-2fus8pghvu] { background: var(--d-5); }
.topic-chart-legend i.tone-teal[b-2fus8pghvu] { background: var(--d-1); }
.topic-chart-legend i.tone-navy[b-2fus8pghvu] { background: var(--d-2); }
.topic-chart-legend i.tone-ochre[b-2fus8pghvu] { background: var(--d-3); }
.topic-chart-legend i.tone-rose[b-2fus8pghvu] { background: var(--d-4); }
.topic-chart-legend i.tone-slate[b-2fus8pghvu] { background: var(--d-5); }
.topic-chart-legend i.tone-grey[b-2fus8pghvu] { background: var(--d-6); }

.chart-empty[b-2fus8pghvu] {
    display: grid;
    min-height: 300px;
    place-content: center;
    gap: 8px;
    padding: 24px;
    color: var(--ink-3);
    text-align: center;
}

.chart-empty strong[b-2fus8pghvu] {
    color: var(--ink);
    font-size: 18px;
}

.compact[b-2fus8pghvu] {
    min-height: 250px;
}

.compact .series-line[b-2fus8pghvu] {
    stroke-width: 2.5;
}

.compact .topic-chart-legend[b-2fus8pghvu] {
    margin-top: 0;
}

@media (max-width: 680px) {
    .topic-feature-chart[b-2fus8pghvu] {
        min-height: 260px;
    }

    .topic-chart-axis span[b-2fus8pghvu] {
        font-size: 14px;
    }
}
/* /Components/Shared/TopicHorizontalBarChart.razor.rz.scp.css */
.hbar-chart[b-83mek79dl5] { margin: 0; display: grid; gap: 6px; }
.value-caption[b-83mek79dl5] { margin: 0 0 4px; color: var(--ink-3); font-size: 12px; }
.chart-empty[b-83mek79dl5] { display: grid; gap: 4px; padding: 28px; border: 1px dashed var(--paper-deep); border-radius: 10px; color: var(--ink-3); text-align: center; }

.hbar-axis[b-83mek79dl5], .hbar-row[b-83mek79dl5] { display: grid; grid-template-columns: minmax(110px, 170px) minmax(0, 1fr) minmax(64px, 96px); align-items: center; gap: 10px; }
.hbar-axis[b-83mek79dl5] { height: 22px; }
.hbar-axis-track[b-83mek79dl5] { position: relative; height: 100%; font-size: 11px; color: var(--ink-3); }
.hbar-axis-track .tick[b-83mek79dl5] { position: absolute; bottom: 0; transform: translateX(-50%); white-space: nowrap; }
.hbar-axis-track .tick.start[b-83mek79dl5] { left: 0; transform: none; }
.hbar-axis-track .tick.end[b-83mek79dl5] { right: 0; transform: none; }

.hbar-rows[b-83mek79dl5] { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.hbar-row[b-83mek79dl5] { padding: 2px 0; border-radius: 6px; }
.hbar-row.highlight[b-83mek79dl5] { background: var(--accent-wash); outline: 1px solid var(--accent-tint); }
.hbar-label[b-83mek79dl5] { display: grid; min-width: 0; line-height: 1.2; }
.hbar-label strong[b-83mek79dl5] { font-size: 13px; color: var(--ink); font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hbar-label small[b-83mek79dl5] { font-size: 11px; color: var(--ink-3); }
/* Rows a drill-down can pick: the label is a button stretched over the whole row. */
.hbar-row.pickable[b-83mek79dl5] { position: relative; }
.hbar-row.pickable:hover[b-83mek79dl5] { background: color-mix(in srgb, var(--accent-wash) 70%, transparent); }
.hbar-row.picked[b-83mek79dl5] { box-shadow: -6px 0 0 0 var(--accent); background: color-mix(in srgb, var(--accent-wash) 70%, transparent); }
.hbar-pick-tag[b-83mek79dl5] { justify-self: start; margin-top: 2px; padding: 1px 7px; border-radius: 999px; background: var(--accent); color: var(--on-accent);
    font-size: 10px; font-style: normal; font-weight: 700; }
.hbar-pick[b-83mek79dl5] { all: unset; display: grid; min-width: 0; line-height: 1.2; cursor: pointer; }
.hbar-pick[b-83mek79dl5]::after { content: ""; position: absolute; inset: 0; border-radius: 6px; }
.hbar-pick:focus-visible[b-83mek79dl5]::after { outline: 2px solid var(--accent); outline-offset: 1px; }
.hbar-pick strong[b-83mek79dl5] { font-size: 13px; color: var(--ink); font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hbar-pick small[b-83mek79dl5] { font-size: 11px; color: var(--ink-3); }
.hbar-pick-arrow[b-83mek79dl5] { color: var(--accent); font-weight: 700; }
.hbar-track[b-83mek79dl5] { position: relative; height: 22px; background: color-mix(in srgb, var(--paper-deep) 35%, transparent); border-radius: 4px; overflow: hidden; }
.grouped .hbar-track[b-83mek79dl5] { height: 26px; }
.hbar-track .bar[b-83mek79dl5] { position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 2px; min-width: 1px; }
.hbar-track .bar em[b-83mek79dl5] { font-style: normal; font-size: 10.5px; font-weight: 700; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, .35); white-space: nowrap; overflow: hidden; }
.hbar-track .zero-line[b-83mek79dl5] { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: var(--ink-2); z-index: 2; }
.hbar-track .reference-line[b-83mek79dl5] { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1.5px dashed var(--ink-2); z-index: 2; }
.hbar-track .reference-line.ref-1[b-83mek79dl5] { border-left: 2px dotted var(--neg); }
.hbar-value[b-83mek79dl5] { display: grid; justify-items: end; font-size: 12.5px; font-variant-numeric: tabular-nums; color: var(--ink); }
.hbar-value .neg[b-83mek79dl5] { color: var(--neg); }
.hbar-note[b-83mek79dl5] { grid-column: 2 / 4; color: var(--ink-3); font-size: 11px; margin-top: -2px; }

.bar.tone-teal[b-83mek79dl5] { background: var(--d-1); }
.bar.tone-navy[b-83mek79dl5] { background: var(--d-2); }
.bar.tone-ochre[b-83mek79dl5] { background: var(--d-3); }
.bar.tone-rose[b-83mek79dl5] { background: var(--d-4); }
.bar.tone-slate[b-83mek79dl5] { background: var(--d-5); }
.bar.tone-grey[b-83mek79dl5] { background: var(--d-6); }
.bar.tone-ink[b-83mek79dl5] { background: var(--ink-2); }
.bar.tone-pos[b-83mek79dl5] { background: var(--pos); }
.bar.tone-neg[b-83mek79dl5] { background: var(--neg); }

.chart-legend[b-83mek79dl5] { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 12px; padding: 0; font-size: 12px; color: var(--ink-2); }
.chart-legend li[b-83mek79dl5] { display: inline-flex; align-items: center; gap: 6px; }
.chart-legend i[b-83mek79dl5] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.chart-legend i.reference-key[b-83mek79dl5] { width: 0; height: 14px; border-radius: 0; border-left: 1.5px dashed var(--ink-2); margin: 0 5px; }
.chart-legend i.reference-key.ref-1[b-83mek79dl5] { border-left: 2px dotted var(--neg); }
.chart-legend i.tone-teal[b-83mek79dl5] { background: var(--d-1); }
.chart-legend i.tone-navy[b-83mek79dl5] { background: var(--d-2); }
.chart-legend i.tone-ochre[b-83mek79dl5] { background: var(--d-3); }
.chart-legend i.tone-rose[b-83mek79dl5] { background: var(--d-4); }
.chart-legend i.tone-slate[b-83mek79dl5] { background: var(--d-5); }
.chart-legend i.tone-grey[b-83mek79dl5] { background: var(--d-6); }
.chart-legend i.tone-pos[b-83mek79dl5] { background: var(--pos); }
.chart-legend i.tone-neg[b-83mek79dl5] { background: var(--neg); }

@media (max-width: 560px) {
    .hbar-axis[b-83mek79dl5], .hbar-row[b-83mek79dl5] { grid-template-columns: minmax(0, 1fr) minmax(56px, 76px); gap: 4px 8px; }
    .hbar-label[b-83mek79dl5] { grid-column: 1 / -1; }
    .hbar-axis .hbar-label-spacer[b-83mek79dl5] { display: none; }
    .hbar-note[b-83mek79dl5] { grid-column: 1 / -1; }
}

/* Contribution layout: parts end to end from zero, a dot at their sum, gridlines and the axis below. */
.contribution .hbar-track[b-83mek79dl5] { height: 16px; overflow: visible; background: none; border-radius: 0; }
.contribution .hbar-row[b-83mek79dl5] { padding: 5px 0; }
.hbar-track .grid-line[b-83mek79dl5] { position: absolute; top: -5px; bottom: -5px; width: 1px; background: var(--rule); }
.hbar-track .grid-line.zero[b-83mek79dl5] { width: 2px; margin-left: -1px; background: var(--ink-2); }
.hbar-track .part[b-83mek79dl5] { position: absolute; top: 0; bottom: 0; border-radius: 2px; outline: 1px solid var(--surface); }
.hbar-track .net-dot[b-83mek79dl5] {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 9px;
    height: 9px;
    margin: -4.5px 0 0 -4.5px;
    border-radius: 50%;
    background: var(--ink);
    box-shadow: 0 0 0 2px var(--surface);
}
.hbar-axis.bottom[b-83mek79dl5] { height: 20px; margin-top: 4px; }
.hbar-axis.bottom .tick[b-83mek79dl5] { top: 2px; bottom: auto; transform: translateX(-50%); }
.chart-legend i.net-key[b-83mek79dl5] { width: 9px; height: 9px; border-radius: 50%; background: var(--ink); }

@media (max-width: 560px) {
    .hbar-axis.bottom .hbar-axis-track[b-83mek79dl5] { grid-column: 1; }
}

/* Stacked values (contribution layout without a net dot): each part labelled with its own value. */
.hbar-track .part[b-83mek79dl5] { display: flex; align-items: center; justify-content: center; overflow: hidden; color: #fff; }
.hbar-track .part em[b-83mek79dl5] { font-style: normal; font-size: 10.5px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.contribution .hbar-track[b-83mek79dl5] { height: 22px; }

.hbar-track .part.missing[b-83mek79dl5] {
    background: repeating-linear-gradient(135deg, var(--rule, #d6dde1) 0 3px, transparent 3px 6px);
    box-shadow: inset 0 0 0 1px var(--rule, #d6dde1);
    color: var(--ink-3, #6b7a83);
}

.hbar-track .part.missing em[b-83mek79dl5] {
    font-weight: 600;
}
/* /Components/Shared/TopicLastUpdateLabel.razor.rz.scp.css */
.topic-last-update[b-n5nqfwjnmn] {
    margin: 14px 0 0;
    color: var(--ink-3, var(--color-muted, #5c584f));
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: 0.01em;
}
/* /Components/Shared/TopicNarrativeLede.razor.rz.scp.css */
.ai-topic-lede[b-gb986u70ng] { margin: 1.1rem 0 1.6rem; }
.ai-topic-lede p[b-gb986u70ng] { margin: 0; max-width: 78ch; font-family: Georgia, serif; font-size: clamp(1.12rem, 1.7vw, 1.35rem); line-height: 1.6; color: #394251; }
.ai-topic-lede small[b-gb986u70ng] { display: inline-block; margin-top: .55rem; color: #657180; font-size: .8rem; }
/* /Components/Shared/TopicRagAgent.razor.rz.scp.css */
.rag-agent-shell[b-iq5s665w6c] {
    max-width: var(--maxw);
    margin: 28px auto 0;
    padding-right: 40px;
    padding-left: 40px;
}

.rag-agent[b-iq5s665w6c] {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);
    gap: 24px;
    padding: 30px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background:
        radial-gradient(circle at 10% 10%, rgba(29, 161, 242, 0.14), transparent 30%),
        radial-gradient(circle at 92% 8%, rgba(139, 92, 246, 0.12), transparent 28%),
        var(--surface);
}

.rag-agent.locked[b-iq5s665w6c] {
    background:
        radial-gradient(circle at 10% 10%, rgba(29, 161, 242, 0.11), transparent 30%),
        linear-gradient(135deg, var(--surface) 0%, var(--paper) 100%);
}

.rag-eyebrow[b-iq5s665w6c] {
    margin: 0 0 12px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.rag-main h2[b-iq5s665w6c] {
    max-width: 760px;
    margin: 0;
    color: var(--ink);
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.rag-main > p[b-iq5s665w6c] {
    max-width: 760px;
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 16px;
    line-height: 1.62;
}

.rag-question[b-iq5s665w6c] {
    margin-top: 24px;
}

.rag-question label[b-iq5s665w6c] {
    display: block;
    margin-bottom: 9px;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.rag-input-row[b-iq5s665w6c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
}

.rag-input-row input[b-iq5s665w6c] {
    min-height: 50px;
    width: 100%;
    padding: 0 18px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink);
    background: var(--surface);
    font: inherit;
    font-size: 15px;
    font-weight: 700;
}

.rag-input-row input:disabled[b-iq5s665w6c] {
    color: var(--ink-3);
}

.rag-input-row input:focus-visible[b-iq5s665w6c],
.rag-input-row button:focus-visible[b-iq5s665w6c],
.rag-input-row a:focus-visible[b-iq5s665w6c] {
    outline: 3px solid rgba(29, 161, 242, 0.25);
    outline-offset: 2px;
}

.rag-input-row button[b-iq5s665w6c],
.rag-input-row a[b-iq5s665w6c] {
    display: inline-flex;
    min-height: 50px;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 999px;
    color: var(--on-accent);
    background: var(--accent);
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.rag-input-row button:disabled[b-iq5s665w6c] {
    cursor: wait;
    opacity: 0.62;
}

.rag-sample-chips[b-iq5s665w6c] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
}

.rag-sample-chip[b-iq5s665w6c] {
    max-width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    background: var(--paper);
    color: var(--ink-2);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
}

.rag-sample-chip:hover:not(:disabled)[b-iq5s665w6c],
.rag-sample-chip:focus-visible[b-iq5s665w6c] {
    border-color: var(--accent);
    outline: 3px solid rgba(29, 161, 242, 0.22);
    outline-offset: 2px;
}

.rag-sample-chip:disabled[b-iq5s665w6c] {
    cursor: wait;
    opacity: 0.62;
}

.rag-error[b-iq5s665w6c] {
    margin: 14px 0 0;
    padding: 12px 14px;
    border: 1px solid rgba(220, 38, 38, 0.2);
    border-radius: 12px;
    color: #9f1d1d;
    background: rgba(254, 242, 242, 0.92);
    font-size: 14px;
    font-weight: 700;
}

.rag-answer[b-iq5s665w6c] {
    margin-top: 18px;
    padding: 18px 20px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.rag-answer span[b-iq5s665w6c] {
    display: block;
    margin-bottom: 8px;
    color: var(--pos);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rag-answer p[b-iq5s665w6c],
.rag-answer .rag-markdown[b-iq5s665w6c] {
    margin: 0;
    color: var(--ink-2);
    font-size: 15px;
    line-height: 1.58;
}

.rag-answer .rag-markdown :deep(p)[b-iq5s665w6c] {
    margin: 0 0 0.75em;
}

.rag-answer .rag-markdown :deep(p:last-child)[b-iq5s665w6c] {
    margin-bottom: 0;
}

.rag-answer .rag-markdown :deep(ul)[b-iq5s665w6c],
.rag-answer .rag-markdown :deep(ol)[b-iq5s665w6c] {
    margin: 0 0 0.75em;
    padding-left: 1.2em;
}

.rag-answer .rag-markdown :deep(a)[b-iq5s665w6c] {
    color: var(--accent);
    font-weight: 650;
}

.rag-context[b-iq5s665w6c] {
    padding: 22px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: rgba(255, 255, 255, 0.82);
}

.rag-context h3[b-iq5s665w6c] {
    margin: 0 0 14px;
    color: var(--ink);
    font-size: 15px;
    font-weight: 700;
}

.rag-context h3:not(:first-child)[b-iq5s665w6c] {
    margin-top: 22px;
}

.context-chip-grid[b-iq5s665w6c] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.context-chip-grid span[b-iq5s665w6c] {
    display: inline-flex;
    min-height: 32px;
    padding: 0 13px;
    align-items: center;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-2);
    background: var(--surface);
    font-size: 13px;
    font-weight: 650;
}

.rag-context ul[b-iq5s665w6c] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rag-context li[b-iq5s665w6c] {
    color: var(--ink-3);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.45;
}

.rag-context li[b-iq5s665w6c]::before {
    color: var(--accent);
    content: "↳ ";
    font-weight: 700;
}

@media (max-width: 960px) {
    .rag-agent[b-iq5s665w6c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .rag-agent-shell[b-iq5s665w6c] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .rag-agent[b-iq5s665w6c] {
        padding: 24px 20px;
    }

    .rag-input-row[b-iq5s665w6c] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/TopicRefreshInsight.razor.rz.scp.css */
.refresh-insight[b-qfzg9d9umq] {
    width: min(calc(100% - 80px), var(--maxw));
    margin: 0 auto;
    padding: 42px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background:
        radial-gradient(circle at 96% 2%, rgba(29, 161, 242, 0.12), transparent 28%),
        var(--surface);
    box-shadow: 0 20px 54px rgba(23, 55, 94, 0.07);
}

.refresh-header[b-qfzg9d9umq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.eyebrow[b-qfzg9d9umq] {
    margin: 0 0 10px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.refresh-header h2[b-qfzg9d9umq] {
    max-width: 820px;
    margin: 0;
    color: var(--ink);
    font-size: clamp(32px, 3.4vw, 48px);
    font-weight: 750;
    line-height: 1.04;
    letter-spacing: -0.05em;
}

.review-badge[b-qfzg9d9umq] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid var(--pos-tint);
    border-radius: 999px;
    color: var(--pos);
    background: var(--paper);
    font-size: 13px;
    font-weight: 750;
}

.review-badge i[b-qfzg9d9umq] {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    color: var(--on-accent);
    background: var(--pos);
    font-size: 12px;
    font-style: normal;
}

.refresh-meta[b-qfzg9d9umq] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin-top: 28px;
    padding: 15px 0;
    border-top: 1px solid var(--paper-band);
    border-bottom: 1px solid var(--paper-band);
    color: var(--ink-3);
    font-size: 13px;
}

.refresh-meta span[b-qfzg9d9umq] {
    display: inline-flex;
    gap: 7px;
}

.refresh-meta strong[b-qfzg9d9umq] {
    color: var(--ink-2);
}

.refresh-body[b-qfzg9d9umq] {
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(330px, 0.72fr);
    gap: 42px;
    align-items: start;
    margin-top: 36px;
}

.refresh-narrative > h3[b-qfzg9d9umq] {
    max-width: 820px;
    margin: 0;
    color: var(--ink);
    font-size: clamp(27px, 2.6vw, 38px);
    line-height: 1.14;
    letter-spacing: -0.035em;
}

.refresh-narrative > p[b-qfzg9d9umq] {
    max-width: 860px;
    margin: 20px 0 0;
    color: var(--ink-3);
    font-size: 18px;
    line-height: 1.72;
}

.refresh-sidebar[b-qfzg9d9umq] {
    display: grid;
    gap: 18px;
}

.context-card[b-qfzg9d9umq],
.version-history[b-qfzg9d9umq] {
    padding: 24px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.context-heading[b-qfzg9d9umq] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.exa-mark[b-qfzg9d9umq] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border-radius: var(--r);
    color: var(--on-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--d-5));
    font-size: 13px;
    font-weight: 750;
}

.context-heading h3[b-qfzg9d9umq],
.version-history h3[b-qfzg9d9umq] {
    margin: 0;
    color: var(--ink);
    font-size: 17px;
    font-weight: 750;
}

.context-heading p[b-qfzg9d9umq] {
    margin: 3px 0 0;
    color: var(--ink-4);
    font-size: 12px;
}

.context-grid[b-qfzg9d9umq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 22px;
}

.context-grid span[b-qfzg9d9umq] {
    padding: 13px 12px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-size: 12px;
}

.context-grid strong[b-qfzg9d9umq] {
    display: block;
    margin-bottom: 2px;
    color: var(--ink);
    font-size: 19px;
}

.confidence-row[b-qfzg9d9umq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--paper-deep);
    color: var(--ink-3);
    font-size: 13px;
}

.confidence-row strong[b-qfzg9d9umq] {
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 12px;
}

.confidence-high[b-qfzg9d9umq] {
    color: var(--pos);
    background: var(--paper-deep);
}

.confidence-caution[b-qfzg9d9umq] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.validation-state[b-qfzg9d9umq] {
    margin: 14px 0 0;
    color: var(--pos);
    font-size: 12px;
    font-weight: 700;
}

.validation-state i[b-qfzg9d9umq] {
    margin-right: 4px;
    font-style: normal;
}

.validation-state.warning[b-qfzg9d9umq] {
    color: var(--d-3);
}

.evidence-list[b-qfzg9d9umq] {
    margin-top: 34px;
}

.evidence-list h4[b-qfzg9d9umq] {
    margin: 0 0 12px;
    color: var(--ink);
    font-size: 14px;
    font-weight: 750;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.evidence-list article[b-qfzg9d9umq] {
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid var(--paper-band);
}

.evidence-list article > span[b-qfzg9d9umq] {
    align-self: start;
    width: fit-content;
    padding: 5px 8px;
    border-radius: var(--r-sm);
    color: var(--pos);
    background: var(--paper);
    font-size: 11px;
    font-weight: 750;
}

.evidence-list strong[b-qfzg9d9umq] {
    color: var(--ink-2);
    font-size: 14px;
}

.evidence-list p[b-qfzg9d9umq] {
    margin: 4px 0 0;
    color: var(--ink-3);
    font-size: 13px;
    line-height: 1.58;
}

/* ── Version history ────────────────────────────────────────────────────
   A dated timeline, not a list of cards. What a reader wants from this
   panel is when the analysis changed and what it said — the version number
   is the least interesting part, so it sits as a small tag rather than a
   fixed-width column that squeezes the headline. */
.version-history header[b-qfzg9d9umq] {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--paper-deep);
}

.version-history header p[b-qfzg9d9umq] {
    margin: 0 0 5px;
    color: var(--accent);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.version-history ol[b-qfzg9d9umq] {
    display: grid;
    gap: 0;
    max-height: 360px;
    margin: 16px 0 0;
    padding: 0 4px 0 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    list-style: none;
}

.version-history li[b-qfzg9d9umq] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    align-items: stretch;
    padding: 0 0 18px;
}

.version-history li:last-child[b-qfzg9d9umq] {
    padding-bottom: 0;
}

/* The rail draws the connecting line; the last item's line is trimmed so the
   timeline ends on its dot instead of trailing into empty space. */
.version-rail[b-qfzg9d9umq] {
    position: relative;
    display: flex;
    justify-content: center;
}

.version-rail[b-qfzg9d9umq]::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: -18px;
    width: 1px;
    background: var(--paper-deep);
}

.version-history li:last-child .version-rail[b-qfzg9d9umq]::before {
    display: none;
}

.version-dot[b-qfzg9d9umq] {
    position: relative;
    z-index: 1;
    width: 9px;
    height: 9px;
    margin-top: 4px;
    border: 2px solid var(--surface);
    border-radius: 50%;
    background: var(--rule-2);
}

.version-history li.current .version-dot[b-qfzg9d9umq] {
    background: var(--pos);
    box-shadow: 0 0 0 3px var(--pos-tint);
}

.version-body[b-qfzg9d9umq] {
    min-width: 0;
}

.version-line[b-qfzg9d9umq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.version-line time[b-qfzg9d9umq] {
    color: var(--ink-2);
    font-size: 11.5px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.version-tag[b-qfzg9d9umq] {
    padding: 2px 6px;
    border-radius: var(--r-sm);
    color: var(--ink-4);
    background: var(--surface);
    font-size: 10px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.version-current-tag[b-qfzg9d9umq] {
    padding: 2px 7px;
    border-radius: 999px;
    color: var(--pos);
    background: var(--pos-tint);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.version-body strong[b-qfzg9d9umq] {
    display: block;
    color: var(--ink-2);
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.4;
}

.version-history li.current .version-body strong[b-qfzg9d9umq] {
    color: var(--ink);
    font-weight: 750;
}

.version-body small[b-qfzg9d9umq] {
    display: block;
    margin-top: 3px;
    color: var(--ink-4);
    font-size: 10.5px;
    line-height: 1.4;
}

.version-history-note[b-qfzg9d9umq] {
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--paper-deep);
    color: var(--ink-4);
    font-size: 10.5px;
}

.refresh-insight footer[b-qfzg9d9umq] {
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid var(--paper-band);
    color: var(--ink-4);
    font-size: 12px;
}

@media (max-width: 980px) {
    .refresh-body[b-qfzg9d9umq] {
        grid-template-columns: 1fr;
    }

    .refresh-sidebar[b-qfzg9d9umq] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 680px) {
    .refresh-insight[b-qfzg9d9umq] {
        width: calc(100% - 40px);
        padding: 26px 22px;
    }

    .refresh-header[b-qfzg9d9umq],
    .refresh-sidebar[b-qfzg9d9umq] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .review-badge[b-qfzg9d9umq] {
        width: fit-content;
    }

    .context-grid[b-qfzg9d9umq] {
        grid-template-columns: 1fr 1fr;
    }

    .evidence-list article[b-qfzg9d9umq] {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}
/* /Components/Shared/TopicSourcesPanel.razor.rz.scp.css */
.sources-panel[b-nk6nuvyqje] {
    margin: 0 0 40px;
    padding: 28px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--surface);
    scroll-margin-top: 96px;
}

.sources-grid[b-nk6nuvyqje] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.eyebrow[b-nk6nuvyqje] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h2[b-nk6nuvyqje] {
    margin: 0 0 14px;
    color: var(--ink);
    font-size: var(--fs-h3);
    line-height: 1.2;
}

.muted[b-nk6nuvyqje] {
    color: var(--ink-3);
    font-size: 13px;
}

.calendar[b-nk6nuvyqje],
.source-table[b-nk6nuvyqje] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.calendar li[b-nk6nuvyqje] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 14px;
    padding: 12px 0;
    border-top: 1px solid var(--paper-band);
}

.calendar time[b-nk6nuvyqje] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.calendar div[b-nk6nuvyqje],
.source-table li[b-nk6nuvyqje] {
    display: grid;
    gap: 3px;
    font-size: 13px;
    line-height: 1.45;
}

.calendar strong[b-nk6nuvyqje],
.source-table strong[b-nk6nuvyqje] {
    color: var(--ink);
}

.calendar span[b-nk6nuvyqje],
.source-table span[b-nk6nuvyqje] {
    color: var(--ink-3);
    font-size: 12px;
}

.source-table li[b-nk6nuvyqje] {
    padding: 10px 0;
    border-top: 1px solid var(--paper-band);
}

a[b-nk6nuvyqje] {
    color: var(--accent-deep);
    font-weight: 650;
    text-underline-offset: 3px;
}

a:focus-visible[b-nk6nuvyqje],
summary:focus-visible[b-nk6nuvyqje] {
    outline: none;
    box-shadow: var(--ring);
}

.methodology[b-nk6nuvyqje] {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--paper-band);
}

.methodology summary[b-nk6nuvyqje] {
    color: var(--ink);
    font-size: 15px;
    font-weight: 750;
    cursor: pointer;
}

.method-grid[b-nk6nuvyqje] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 24px;
    margin-top: 16px;
}

.method-grid h3[b-nk6nuvyqje] {
    margin: 0 0 6px;
    color: var(--ink);
    font-size: 14px;
}

.method-grid p[b-nk6nuvyqje] {
    margin: 0;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.6;
}

code[b-nk6nuvyqje] {
    font-family: var(--mono);
    font-size: 11.5px;
    overflow-wrap: anywhere;
}

@media (max-width: 1000px) {
    .sources-grid[b-nk6nuvyqje],
    .method-grid[b-nk6nuvyqje] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .sources-panel[b-nk6nuvyqje] {
        padding: 20px 14px;
    }

    .calendar li[b-nk6nuvyqje] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* /Components/Shared/TopicWaterfallChart.razor.rz.scp.css */
.waterfall[b-0d55mtoy7z] {
    display: grid;
    gap: 6px;
    container-type: inline-size;
}

.waterfall-scale[b-0d55mtoy7z],
.waterfall-row[b-0d55mtoy7z] {
    display: grid;
    grid-template-columns: minmax(0, 36%) minmax(0, 1fr) minmax(7.5rem, max-content);
    gap: 12px;
    align-items: center;
}

.waterfall-scale[b-0d55mtoy7z] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
    text-align: right;
}

.scale-track[b-0d55mtoy7z] {
    position: relative;
    height: 4px;
}

.scale-track i[b-0d55mtoy7z] {
    position: absolute;
    top: -2px;
    width: 1px;
    height: 8px;
    background: var(--ink-3);
}

.step-label[b-0d55mtoy7z] {
    display: grid;
    color: var(--ink-2);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.step-label small[b-0d55mtoy7z] {
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 500;
}

.waterfall-row.total .step-label[b-0d55mtoy7z] {
    color: var(--ink);
    font-weight: 750;
}

.step-track[b-0d55mtoy7z] {
    position: relative;
    height: 22px;
    border-radius: 3px;
    background: var(--paper);
}

.step-track .zero[b-0d55mtoy7z] {
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 1px;
    background: var(--ink-3);
}

.step-track b[b-0d55mtoy7z] {
    position: absolute;
    top: 3px;
    bottom: 3px;
    border-radius: 2px;
}

.step-track b.positive[b-0d55mtoy7z] { background: var(--pos); }
.step-track b.negative[b-0d55mtoy7z] { background: var(--neg); }
.step-track b.total-bar[b-0d55mtoy7z] { background: var(--ink-2); }
.step-track b.tone-teal[b-0d55mtoy7z] { background: var(--d-1); }
.step-track b.tone-navy[b-0d55mtoy7z] { background: var(--d-2); }
.step-track b.tone-ochre[b-0d55mtoy7z] { background: var(--d-3); }
.step-track b.tone-rose[b-0d55mtoy7z] { background: var(--d-4); }
.step-track b.tone-slate[b-0d55mtoy7z] { background: var(--d-5); }

.step-value[b-0d55mtoy7z] {
    color: var(--ink);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.negative-text[b-0d55mtoy7z] { color: var(--neg); }

.waterfall-empty[b-0d55mtoy7z] {
    padding: 18px;
    border: 1px dashed var(--rule-2);
    border-radius: var(--r-sm);
    color: var(--ink-3);
    text-align: center;
}

@container (max-width: 420px) {
    .waterfall-scale[b-0d55mtoy7z],
    .waterfall-row[b-0d55mtoy7z] {
        grid-template-columns: minmax(0, 42%) minmax(0, 1fr) minmax(6.2rem, max-content);
        gap: 8px;
    }

    .step-label[b-0d55mtoy7z] { font-size: 12px; }
    .step-label small[b-0d55mtoy7z] { display: none; }
    .step-value[b-0d55mtoy7z] { font-size: 12px; }
}