/* /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] {
    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 0 auto;
    /* Proportional, not a fixed radius: the artwork carries its own rounded
       corners (rx 290 in a 1254 viewBox = 23.13% of the square), so a
       percentage keeps the clip and the shadow on the mark's own curve at 56px,
       38px or 16px alike. A fixed px over-rounds the small renderings. */
    border-radius: 23.13%;
    box-shadow: 0 4px 14px rgba(8, 85, 74, 0.22);
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.brand:hover[b-3b8beirats]  .exalytics-logo {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(8, 85, 74, 0.34);
}

/* 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); }

.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] {
    min-height: 100vh;
}

.hero-section[b-91547702oc] {
    background:
        radial-gradient(80% 120% at 12% 0%, var(--accent-wash) 0%, transparent 58%),
        var(--paper);
}

.hero-inner[b-91547702oc],
.section-shell[b-91547702oc] {
    width: min(100%, 1440px);
    margin: 0 auto;
}

.hero-inner[b-91547702oc] {
    display: grid;
    grid-template-columns: minmax(420px, 0.95fr) minmax(500px, 1.05fr);
    gap: clamp(40px, 5vw, 72px);
    width: min(100%, 1320px);
    padding: 86px 40px 66px;
}

.hero-copy h1[b-91547702oc] {
    margin: 0;
    font-size: var(--fs-hero);
    font-weight: 650;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.hero-copy h1 span[b-91547702oc] {
    color: var(--color-primary);
}

/* FocusOnNavigate focuses this heading for screen readers on page entry.
   Keep that focus without drawing a control outline around the hero text. */
.hero-copy h1:focus[b-91547702oc] {
    outline: none;
}

.hero-copy > p[b-91547702oc] {
    max-width: 500px;
    margin: 24px 0 0;
    color: var(--ink-3);
    font-size: var(--fs-lede);
    line-height: 1.6;
}

.hero-actions[b-91547702oc] {
    display: flex;
    gap: 24px;
    margin-top: 38px;
}

.hero-actions .primary-button[b-91547702oc],
.hero-actions .secondary-button[b-91547702oc] {
    min-height: 70px;
    font-size: 21px;
    line-height: 1.05;
}

.hero-actions .primary-button[b-91547702oc] {
    width: 255px;
}

.hero-actions .secondary-button[b-91547702oc] {
    width: 195px;
}

.catalog-fallback-note[b-91547702oc] {
    margin: 18px 0 0;
    color: var(--color-muted);
    font-size: 14px;
}

.catalog-fallback-note a[b-91547702oc] {
    color: var(--accent, #0b6e4f);
    font-weight: 650;
}

.hero-dashboard-column[b-91547702oc] {
    min-width: 0;
    padding-top: 8px;
}

.dashboard-preview[b-91547702oc] {
    width: 100%;
    max-width: 548px;
    margin-left: auto;
    padding: 36px 40px 28px;
    border: 1px solid var(--color-border);
    border-radius: var(--r);
    background: var(--color-surface);
    box-shadow: var(--shadow-card);
}

.dashboard-heading[b-91547702oc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.dashboard-heading h2[b-91547702oc] {
    max-width: 310px;
    margin: 0;
    font-size: 22px;
    line-height: 1.15;
}

.live-badge[b-91547702oc] {
    flex: 0 0 auto;
    padding: 9px 16px;
    border-radius: 999px;
    color: var(--color-green);
    background: var(--paper-band);
    font-size: 14px;
    font-weight: 650;
}

.dashboard-tabs[b-91547702oc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.dashboard-tabs span[b-91547702oc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 66px;
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-muted);
    background: var(--surface);
    font-size: 15px;
    font-weight: 650;
}

.dashboard-tabs span.active[b-91547702oc] {
    color: var(--on-accent);
    border-color: var(--color-primary);
    background: var(--color-primary);
}

.dashboard-chart[b-91547702oc] {
    height: 272px;
    margin-top: 12px;
    overflow: hidden;
}

.dashboard-chart svg[b-91547702oc] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.chart-grid line[b-91547702oc] {
    stroke: var(--paper-band);
    stroke-width: 1;
}

.dashboard-chart .exports-line[b-91547702oc],
.dashboard-chart .imports-line[b-91547702oc] {
    fill: none;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-chart .exports-line[b-91547702oc] {
    stroke: var(--accent);
}

.dashboard-chart .imports-line[b-91547702oc] {
    stroke: var(--d-3);
}

.dashboard-chart .deficit-area[b-91547702oc] {
    fill: url(#deficitFill);
}

.dashboard-chart .deficit-line[b-91547702oc] {
    fill: none;
    stroke: var(--d-4);
    stroke-width: 1.75;
    stroke-dasharray: 8 7;
    stroke-linecap: round;
}

.chart-legend[b-91547702oc] {
    display: grid;
    grid-template-columns: 0.8fr 0.8fr 1.4fr;
    gap: 14px;
    margin-top: 6px;
    color: var(--color-muted);
    font-size: 12px;
}

.chart-legend span[b-91547702oc] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.legend-dot[b-91547702oc] {
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 2px;
    flex: 0 0 auto;
    border-radius: 50%;
}

.legend-dot.exports[b-91547702oc] {
    background: var(--color-primary);
}

.legend-dot.imports[b-91547702oc] {
    background: var(--color-orange);
}

.legend-dot.deficit[b-91547702oc] {
    background: var(--color-red);
}

.date-range[b-91547702oc] {
    margin-top: 20px;
}

.range-track[b-91547702oc] {
    height: 6px;
    border-radius: 999px;
    background: var(--paper-band);
}

.range-track span[b-91547702oc] {
    display: block;
    width: 67%;
    height: 100%;
    margin-left: 21%;
    border-radius: inherit;
    background: var(--color-primary);
}

.range-years[b-91547702oc] {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 600;
}

.hero-teasers[b-91547702oc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    max-width: 548px;
    margin: 34px 0 0 auto;
}

.teaser[b-91547702oc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    padding: 0 18px;
    border-radius: var(--r);
    color: var(--on-accent);
    font-size: 16px;
    font-weight: 650;
    transition: transform 160ms ease;
}

.teaser:hover[b-91547702oc] {
    transform: translateY(-3px);
}

.teaser span[b-91547702oc] {
    font-size: 22px;
}

/* Neutral by design: these sit beside a chart, and three saturated
   gradients pulled the eye away from the data. */
.teaser.topics[b-91547702oc],
.teaser.series[b-91547702oc],
.teaser.collaborate[b-91547702oc] {
    color: var(--ink);
    border: 1px solid var(--rule);
    background: var(--surface);
    box-shadow: var(--lift);
}

.teaser:hover[b-91547702oc] {
    border-color: var(--rule-2);
    box-shadow: var(--lift-2);
}

.teaser span[b-91547702oc] {
    color: var(--accent);
}

.section-shell[b-91547702oc] {
    padding-right: 40px;
    padding-left: 40px;
}

.featured-section[b-91547702oc] {
    padding-top: 78px;
    padding-bottom: 68px;
}

.research-featured[b-91547702oc] {
    padding-top: 24px;
}

.eyebrow[b-91547702oc] {
    margin: 0 0 12px;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

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

.featured-section > h2[b-91547702oc],
.section-heading h2[b-91547702oc] {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.2;
}

.section-intro[b-91547702oc],
.section-heading p[b-91547702oc] {
    color: var(--color-muted);
    font-size: 18px;
    line-height: 1.55;
}

.section-intro[b-91547702oc] {
    max-width: 780px;
    margin: 12px 0 0;
}

.topic-card-grid[b-91547702oc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 46px;
}

.topic-card[b-91547702oc] {
    display: block;
    position: relative;
    min-height: 238px;
    overflow: hidden;
    padding: 28px 24px 20px;
    border: 1px solid var(--color-border);
    border-radius: var(--r);
    background: var(--color-surface);
    box-shadow: var(--lift);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.topic-card:hover[b-91547702oc],
.topic-card:focus-visible[b-91547702oc] {
    border-color: var(--rule-2);
    transform: translateY(-3px);
    box-shadow: var(--lift-2);
}

.topic-card[b-91547702oc]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7px;
    content: "";
    background: currentColor;
}

.blue-card[b-91547702oc] {
    color: var(--color-primary);
}

.orange-card[b-91547702oc] {
    color: var(--color-orange);
}

.green-card[b-91547702oc] {
    color: var(--color-green);
}

.teal-card[b-91547702oc] {
    --card-accent: var(--color-teal, #0f766e);
}

.violet-card[b-91547702oc] {
    color: var(--color-violet);
}

.topic-category[b-91547702oc] {
    margin: 0;
    font-size: 13px;
    font-weight: 650;
}

.topic-card h3[b-91547702oc] {
    min-height: 56px;
    margin: 11px 0 8px;
    color: var(--color-navy);
    font-size: 21px;
    line-height: 1.25;
}

.topic-card strong[b-91547702oc],
.topic-card small[b-91547702oc] {
    display: block;
    color: var(--color-navy);
}

.topic-card strong[b-91547702oc] {
    font-size: 16px;
}

.topic-card small[b-91547702oc] {
    margin-top: 8px;
    color: var(--color-muted);
    font-size: 13px;
}

.topic-card-footer[b-91547702oc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    margin-top: 13px;
}

.topic-card-footer svg[b-91547702oc] {
    width: 60%;
    height: 40px;
}

.topic-card-footer polyline[b-91547702oc] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.status[b-91547702oc] {
    display: inline-flex;
    align-items: center;
    min-height: 29px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
}

.status.live[b-91547702oc] {
    color: var(--color-green);
    background: var(--paper-band);
}

.status.preview[b-91547702oc] {
    color: var(--color-muted);
    background: var(--paper);
}

.collaboration-section[b-91547702oc] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(470px, 0.95fr);
    gap: 58px;
    margin-top: 20px;
    margin-bottom: 84px;
    padding-top: 54px;
    padding-bottom: 54px;
    border-radius: var(--r);
    color: var(--on-accent);
    background: linear-gradient(105deg, color-mix(in srgb, var(--accent) 76%, #fff) 0%, var(--accent) 100%);
}

.collaboration-copy h2[b-91547702oc] {
    margin: 0;
    font-size: var(--fs-h2);
    line-height: 1.12;
}

.collaboration-copy > p:not(.eyebrow)[b-91547702oc] {
    max-width: 650px;
    margin: 18px 0 0;
    color: var(--paper-band);
    font-size: 17px;
    line-height: 1.45;
}

.collaboration-copy .light-button[b-91547702oc] {
    min-width: 180px;
    margin-top: 26px;
    color: var(--accent);
}

.collaboration-steps[b-91547702oc],
.pipeline-grid[b-91547702oc],
.pricing-card ul[b-91547702oc] {
    padding: 0;
    list-style: none;
}

.collaboration-steps[b-91547702oc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
}

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

.collaboration-steps li > span[b-91547702oc],
.step-number[b-91547702oc] {
    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;
}

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

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

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

.collaboration-steps h3[b-91547702oc],
.pipeline-grid h3[b-91547702oc] {
    margin: 0;
    font-size: 16px;
}

.collaboration-steps p[b-91547702oc],
.pipeline-grid p[b-91547702oc] {
    margin: 8px 0 0;
    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.35;
}

.how-section[b-91547702oc] {
    padding: 70px 0 76px;
    background: var(--color-soft-blue-2);
}

.section-heading.centered[b-91547702oc] {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.section-heading.centered p[b-91547702oc] {
    margin: 10px 0 0;
}

.source-heading[b-91547702oc] {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 58px 0 18px;
}

.source-heading span[b-91547702oc] {
    color: var(--rule-2);
    font-size: 13px;
}

.provider-grid[b-91547702oc] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 14px;
}

.provider-grid div[b-91547702oc] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 84px;
    padding: 12px 6px;
    border: 1px solid var(--color-border);
    border-radius: var(--r);
    background: var(--surface);
}

.provider-grid span[b-91547702oc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 30px;
    border: 1px dashed var(--rule);
    border-radius: var(--r-sm);
    color: var(--rule-2);
    font-size: 10px;
}

.provider-grid strong[b-91547702oc] {
    margin-top: 8px;
    font-size: 11px;
}

.pipeline-grid[b-91547702oc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin: 54px 0 0;
}

.pipeline-grid li[b-91547702oc] {
    display: flex;
    gap: 16px;
    min-height: 156px;
    padding: 26px 22px;
    border: 1px solid var(--color-border);
    border-radius: var(--r);
    background: var(--surface);
}

.step-number.orange[b-91547702oc] {
    background: var(--color-orange);
}

.step-number.violet[b-91547702oc] {
    background: var(--color-violet);
}

.step-number.green[b-91547702oc] {
    background: var(--color-green);
}

.pipeline-grid h3[b-91547702oc] {
    font-size: 18px;
}

.pipeline-grid p[b-91547702oc] {
    font-size: 14px;
}

.topic-model[b-91547702oc] {
    display: grid;
    grid-template-columns: 260px 1fr;
    align-items: center;
    gap: 22px;
    margin-top: 48px;
    padding: 24px 34px;
    border: 1px solid var(--color-border);
    border-radius: var(--r);
    background: var(--surface);
}

.topic-model strong[b-91547702oc] {
    font-size: 18px;
}

.topic-model p[b-91547702oc] {
    margin: 0;
    color: var(--color-muted);
    font-size: 14px;
    line-height: 1.45;
}

.pricing-section[b-91547702oc] {
    padding-top: 72px;
    padding-bottom: 0;
}

.pricing-grid[b-91547702oc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 330px));
    justify-content: center;
    align-items: stretch;
    gap: 0;
    margin-top: 46px;
}

.pricing-card[b-91547702oc] {
    display: flex;
    flex-direction: column;
    min-height: 510px;
    padding: 34px 38px 28px;
    border: 1px solid var(--color-border);
    background: var(--surface);
}

.pricing-card.premium[b-91547702oc] {
    position: relative;
    border: 2px solid var(--color-primary);
}

.pricing-card.premium[b-91547702oc]::before {
    position: absolute;
    top: -2px;
    right: -2px;
    left: -2px;
    height: 6px;
    content: "";
    background: var(--color-primary);
}

.pricing-card h3[b-91547702oc] {
    margin: 0;
    text-align: center;
    font-size: 20px;
}

.price[b-91547702oc] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin: 15px 0 0;
}

.price strong[b-91547702oc] {
    font-size: 38px;
    line-height: 1;
}

.price span[b-91547702oc] {
    color: var(--color-muted);
    font-size: 13px;
}

.pricing-card > small[b-91547702oc] {
    display: block;
    margin-top: 13px;
    color: var(--color-muted);
    text-align: center;
}

.pricing-card ul[b-91547702oc] {
    display: grid;
    gap: 14px;
    margin: 30px 0;
    color: var(--color-muted);
    font-size: 14px;
}

.pricing-card li[b-91547702oc]::before {
    margin-right: 12px;
    color: var(--color-green);
    content: "✓";
    font-weight: 700;
}

.pricing-card li.muted[b-91547702oc] {
    color: var(--rule-2);
}

.pricing-card li.muted[b-91547702oc]::before {
    color: var(--rule-2);
    content: "–";
}

.pricing-card > a[b-91547702oc] {
    width: 100%;
    min-height: 48px;
    margin-top: auto;
    padding: 0 16px;
    font-size: 14px;
}

.closing-cta[b-91547702oc] {
    margin-top: 0;
    padding: 58px 24px;
    color: var(--on-accent);
    background: linear-gradient(90deg, var(--d-2) 0%, var(--accent) 100%);
    text-align: center;
}

.closing-cta h2[b-91547702oc] {
    margin: 0;
    font-size: var(--fs-h2);
}

.closing-cta p[b-91547702oc] {
    margin: 12px 0 24px;
    color: var(--paper-deep);
}

.closing-cta .light-button[b-91547702oc] {
    min-height: 48px;
    color: var(--ink);
    font-size: 14px;
}

@media (max-width: 1180px) {
    .hero-inner[b-91547702oc] {
        grid-template-columns: minmax(400px, 0.85fr) minmax(500px, 1.15fr);
        gap: 40px;
    }

    .hero-copy > p[b-91547702oc] {
        font-size: 21px;
    }

    .hero-actions .primary-button[b-91547702oc],
    .hero-actions .secondary-button[b-91547702oc] {
        width: auto;
        min-height: 72px;
        padding: 0 24px;
        font-size: 20px;
    }

    .dashboard-preview[b-91547702oc] {
        padding-right: 34px;
        padding-left: 34px;
    }

    .topic-card-grid[b-91547702oc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .provider-grid[b-91547702oc] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .hero-inner[b-91547702oc] {
        grid-template-columns: 1fr;
        padding-top: 74px;
    }

    .hero-copy[b-91547702oc] {
        text-align: center;
    }

    .hero-copy > p[b-91547702oc] {
        margin-right: auto;
        margin-left: auto;
    }

    .hero-actions[b-91547702oc] {
        justify-content: center;
    }

    .hero-dashboard-column[b-91547702oc] {
        padding-top: 34px;
    }

    .dashboard-preview[b-91547702oc],
    .hero-teasers[b-91547702oc] {
        margin-right: auto;
        margin-left: auto;
    }

    .collaboration-section[b-91547702oc] {
        grid-template-columns: 1fr;
    }

    .collaboration-copy[b-91547702oc] {
        max-width: 720px;
    }

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

@media (max-width: 680px) {
    .hero-inner[b-91547702oc],
    .section-shell[b-91547702oc] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .hero-inner[b-91547702oc] {
        padding-top: 56px;
        padding-bottom: 58px;
    }

    .hero-copy h1[b-91547702oc] {
        font-size: clamp(30px, 9vw, 42px);
    }

    .hero-copy > p[b-91547702oc] {
        font-size: 18px;
    }

    .hero-actions[b-91547702oc] {
        flex-direction: column;
        gap: 14px;
        margin-top: 34px;
    }

    .hero-actions .primary-button[b-91547702oc],
    .hero-actions .secondary-button[b-91547702oc] {
        width: 100%;
        min-height: 58px;
        font-size: 18px;
    }

    .dashboard-preview[b-91547702oc] {
        padding: 28px 20px 24px;
        border-radius: var(--r);
        box-shadow: var(--lift);
    }

    .dashboard-heading h2[b-91547702oc] {
        font-size: 20px;
    }

    .live-badge[b-91547702oc] {
        padding: 8px 12px;
        font-size: 13px;
    }

    .dashboard-tabs[b-91547702oc] {
        gap: 8px;
    }

    .dashboard-tabs span[b-91547702oc] {
        min-width: 58px;
        min-height: 40px;
        padding: 0 12px;
        font-size: 14px;
    }

    .dashboard-chart[b-91547702oc] {
        height: 245px;
    }

    .chart-legend[b-91547702oc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        font-size: 12px;
    }

    .hero-teasers[b-91547702oc] {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 30px;
    }

    .featured-section[b-91547702oc] {
        padding-top: 62px;
    }

    .topic-card-grid[b-91547702oc],
    .collaboration-steps[b-91547702oc],
    .pipeline-grid[b-91547702oc],
    .pricing-grid[b-91547702oc] {
        grid-template-columns: 1fr;
    }

    .topic-card-grid[b-91547702oc] {
        margin-top: 32px;
    }

    .collaboration-section[b-91547702oc] {
        margin-right: 14px;
        margin-left: 14px;
        padding-top: 40px;
        padding-bottom: 40px;
        border-radius: var(--r);
    }

    .collaboration-copy h2[b-91547702oc] {
        font-size: 32px;
    }

    .source-heading[b-91547702oc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

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

    .topic-model[b-91547702oc] {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .pricing-section[b-91547702oc] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .pricing-grid[b-91547702oc] {
        gap: 22px;
    }

    .pricing-card[b-91547702oc] {
        min-height: 0;
    }

    .closing-cta h2[b-91547702oc] {
        font-size: 27px;
    }
}
/* /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; }
/* /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/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: 1440px; 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); }
/* /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/ResearchCatalog.razor.rz.scp.css */
.research-page[b-745fpnol1g] {
    min-height: 100%;
    background: var(--paper);
}

.research-shell[b-745fpnol1g] {
    width: min(100%, 1200px);
    margin: 0 auto;
    padding: 0 40px;
}

.research-hero[b-745fpnol1g] {
    padding: 56px 0 36px;
    background: linear-gradient(160deg, var(--paper) 0%, var(--accent-wash) 100%);
}

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

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

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

.research-grid-wrap[b-745fpnol1g] {
    padding-top: 28px;
    padding-bottom: 72px;
}

.research-fallback-note[b-745fpnol1g] {
    margin: 0 0 20px;
    color: var(--ink-3);
    font-size: 14px;
}

.research-grid[b-745fpnol1g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 22px;
}

.research-card[b-745fpnol1g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border: 1px solid var(--rule);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 18px 40px -28px rgba(31, 38, 48, 0.35);
}

.research-card-meta[b-745fpnol1g] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.research-card h2[b-745fpnol1g] {
    margin: 0;
    font-size: var(--fs-h3);
}

.research-card h2 a[b-745fpnol1g] {
    color: inherit;
    text-decoration: none;
}

.research-card p[b-745fpnol1g] {
    margin: 0;
    color: var(--ink-3);
    line-height: 1.5;
}

.research-card-foot[b-745fpnol1g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
}

.research-card-foot strong[b-745fpnol1g] {
    font-variant-numeric: tabular-nums;
}

.research-card-foot span[b-745fpnol1g] {
    color: var(--ink-3);
    font-size: 13px;
}

.research-open[b-745fpnol1g] {
    font-weight: 650;
    color: var(--accent);
}

@media (max-width: 760px) {
    .research-shell[b-745fpnol1g] {
        padding: 0 20px;
    }
}
/* /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 span[b-0bf6kr9e1z] {
    font-size: 14.5px;
}

.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 span[b-0bf6kr9e1z] {
    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;
}

.series-chips span.active[b-0bf6kr9e1z] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.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;
}

.featured-series[b-0bf6kr9e1z] {
    padding-top: 42px;
}

.spotlight-card[b-0bf6kr9e1z] {
    position: relative;
    padding: 34px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: 0 20px 46px -32px rgba(23, 55, 94, 0.35);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.spotlight-link[b-0bf6kr9e1z] {
    display: grid;
    grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr);
    gap: 34px;
    align-items: center;
    color: inherit;
}

.spotlight-follow[b-0bf6kr9e1z] {
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 2;
}

.spotlight-card:hover[b-0bf6kr9e1z],
.spotlight-card:focus-visible[b-0bf6kr9e1z] {
    transform: translateY(-3px);
    box-shadow: 0 26px 52px -34px rgba(23, 55, 94, 0.45);
}

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

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

.series-metrics[b-0bf6kr9e1z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 28px 0 0;
}

.series-metrics div[b-0bf6kr9e1z] {
    padding: 16px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: var(--surface);
}

.series-metrics dt[b-0bf6kr9e1z] {
    color: var(--color-navy);
    font-size: 22px;
    font-weight: 650;
}

.series-metrics dd[b-0bf6kr9e1z] {
    margin: 5px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 700;
}

.spotlight-chart[b-0bf6kr9e1z] {
    padding: 22px 22px 18px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: linear-gradient(180deg, var(--surface) 0%, var(--paper) 100%);
}

.spotlight-chart svg[b-0bf6kr9e1z] {
    display: block;
    width: 100%;
    height: auto;
}

.chart-grid line[b-0bf6kr9e1z] {
    stroke: var(--paper-band);
    stroke-width: 1;
}

.bar-series rect[b-0bf6kr9e1z] {
    fill: rgba(22, 157, 242, 0.15);
    rx: 6;
}

.trend-line[b-0bf6kr9e1z] {
    fill: none;
    stroke: var(--accent);
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chart-caption[b-0bf6kr9e1z] {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    color: var(--ink-3);
    font-size: 12px;
    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: block;
    padding: 22px 22px 20px;
    border: 1px solid var(--paper-band);
    border-top: 4px solid currentColor;
    border-radius: var(--r);
    color: var(--series-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;
}

.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: block;
    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;
}

.series-card.blue[b-0bf6kr9e1z] {
    --series-accent: var(--accent);
}

.series-card.orange[b-0bf6kr9e1z] {
    --series-accent: var(--d-3);
}

.series-card.green[b-0bf6kr9e1z] {
    --series-accent: var(--pos);
}

.series-card.violet[b-0bf6kr9e1z] {
    --series-accent: var(--d-5);
}

.series-card.red[b-0bf6kr9e1z] {
    --series-accent: var(--neg);
}

.series-card.teal[b-0bf6kr9e1z] {
    --series-accent: var(--pos);
}

.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(--series-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;
}

.latest-value[b-0bf6kr9e1z] {
    margin: 0;
    color: var(--color-navy);
    font-size: 24px;
    font-weight: 650;
}

.series-note[b-0bf6kr9e1z] {
    min-height: 42px;
    margin: 8px 0 14px;
    color: var(--ink-3);
    font-size: 13px;
    line-height: 1.5;
}

.series-card svg[b-0bf6kr9e1z] {
    display: block;
    width: 100%;
    height: 90px;
}

.series-card polyline[b-0bf6kr9e1z] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.series-card rect[b-0bf6kr9e1z] {
    fill: currentColor;
    opacity: 0.13;
    rx: 5;
}

@media (max-width: 1080px) {
    .hero-grid[b-0bf6kr9e1z],
    .spotlight-link[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%;
    }

    .spotlight-card[b-0bf6kr9e1z] {
        padding: 24px;
    }

    .series-metrics[b-0bf6kr9e1z],
    .series-grid[b-0bf6kr9e1z] {
        grid-template-columns: 1fr;
    }

    .card-topline[b-0bf6kr9e1z] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/SeriesDetails/SeriesDetail.razor.rz.scp.css */
.series-detail-page[b-lpv6m1i840] {
    min-height: 100%;
    padding-bottom: 72px;
    background: var(--surface);
}

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

.series-detail-hero[b-lpv6m1i840] {
    padding: 38px 0 54px;
    background: linear-gradient(160deg, var(--paper) 0%, var(--paper-band) 100%);
}

.breadcrumb[b-lpv6m1i840] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 26px;
    color: var(--ink-3);
    font-size: 13.5px;
    font-weight: 650;
}

.breadcrumb a[b-lpv6m1i840],
.breadcrumb strong[b-lpv6m1i840] {
    color: var(--accent);
}

.hero-grid[b-lpv6m1i840] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    gap: 42px;
    align-items: start;
}

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

.series-detail-hero h1[b-lpv6m1i840] {
    max-width: 760px;
    margin: 0 0 16px;
    color: var(--ink);
    font-size: var(--fs-h1);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

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

.series-meta[b-lpv6m1i840] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.series-meta span[b-lpv6m1i840],
.source-card span[b-lpv6m1i840] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-size: 12.5px;
    font-weight: 650;
}

.series-meta .live[b-lpv6m1i840] {
    color: var(--pos);
    background: var(--paper-deep);
}

.series-follow-action[b-lpv6m1i840] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 20px;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
}

.source-card[b-lpv6m1i840],
.series-filter-card[b-lpv6m1i840],
.metric-card[b-lpv6m1i840],
.chart-card[b-lpv6m1i840],
.observations-card[b-lpv6m1i840],
.explanation-card[b-lpv6m1i840] {
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.source-card[b-lpv6m1i840] {
    padding: 24px;
}

.source-card h2[b-lpv6m1i840] {
    margin: 0 0 10px;
    color: var(--ink);
    font-size: 18px;
}

.source-card p[b-lpv6m1i840] {
    margin: 0 0 16px;
    color: var(--ink-3);
    font-size: 13.5px;
    line-height: 1.55;
}

.series-filter-card[b-lpv6m1i840] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: -28px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.series-filter-card div[b-lpv6m1i840] {
    padding: 14px 16px;
    border-radius: var(--r);
    background: var(--surface);
}

.series-filter-card span[b-lpv6m1i840] {
    display: block;
    margin-bottom: 6px;
    color: var(--ink-4);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.series-filter-card strong[b-lpv6m1i840] {
    color: var(--ink);
    font-size: 14px;
}

.metric-grid[b-lpv6m1i840] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding-top: 30px;
}

.metric-card[b-lpv6m1i840] {
    padding: 22px;
    border-top: 4px solid var(--metric-color);
}

.metric-card.blue[b-lpv6m1i840] { --metric-color: var(--accent); }
.metric-card.orange[b-lpv6m1i840] { --metric-color: var(--d-3); }
.metric-card.green[b-lpv6m1i840] { --metric-color: var(--pos); }
.metric-card.violet[b-lpv6m1i840] { --metric-color: var(--d-5); }
.metric-card.red[b-lpv6m1i840] { --metric-color: var(--neg); }

.metric-card span[b-lpv6m1i840],
.metric-card small[b-lpv6m1i840] {
    display: block;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.metric-card strong[b-lpv6m1i840] {
    display: block;
    margin-top: 10px;
    color: var(--ink);
    font-size: var(--fs-stat);
    font-weight: 700;
    line-height: 1;
}

.metric-card small[b-lpv6m1i840] {
    margin-top: 10px;
    color: var(--ink-4);
    text-transform: none;
}

.dashboard-grid[b-lpv6m1i840] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.7fr);
    gap: 24px;
    padding-top: 28px;
}

.chart-card[b-lpv6m1i840],
.observations-card[b-lpv6m1i840] {
    padding: 30px;
}

.chart-card h2[b-lpv6m1i840],
.observations-card h2[b-lpv6m1i840],
.explanation-card h2[b-lpv6m1i840] {
    margin: 0;
    color: var(--ink);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.chart-card header p[b-lpv6m1i840] {
    margin: 8px 0 28px;
    color: var(--rule-2);
    font-size: 15px;
    font-weight: 700;
}

.chart-card svg[b-lpv6m1i840] {
    display: block;
    width: 100%;
    height: auto;
}

.grid-lines line[b-lpv6m1i840] {
    stroke: var(--paper-band);
    stroke-width: 1;
}

.bar-series rect[b-lpv6m1i840] {
    fill: rgba(22, 157, 242, 0.16);
    rx: 7;
}

.trend-line[b-lpv6m1i840] {
    fill: none;
    stroke: var(--accent);
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.legend[b-lpv6m1i840] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 16px;
    color: var(--ink-3);
    font-size: 14px;
    font-weight: 650;
}

.legend span[b-lpv6m1i840] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.legend i[b-lpv6m1i840] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend .line[b-lpv6m1i840] { background: var(--accent); }
.legend .bars[b-lpv6m1i840] { background: rgba(22, 157, 242, 0.25); }

.observation-list[b-lpv6m1i840] {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.observation-list div[b-lpv6m1i840] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: var(--surface);
}

.observation-list span[b-lpv6m1i840] {
    color: var(--ink-3);
    font-size: 15px;
    font-weight: 700;
}

.observation-list strong[b-lpv6m1i840] {
    color: var(--ink);
    font-size: 15px;
    font-weight: 700;
}

.explanation-grid[b-lpv6m1i840] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding-top: 28px;
}

.explanation-card[b-lpv6m1i840] {
    padding: 30px;
}

.explanation-card p:not(.series-eyebrow)[b-lpv6m1i840] {
    color: var(--ink-3);
    font-size: 16px;
    line-height: 1.62;
}

.muted-card[b-lpv6m1i840] {
    background: var(--surface);
}

@media (max-width: 980px) {
    .hero-grid[b-lpv6m1i840],
    .series-filter-card[b-lpv6m1i840],
    .dashboard-grid[b-lpv6m1i840],
    .explanation-grid[b-lpv6m1i840] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .series-detail-shell[b-lpv6m1i840] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .metric-grid[b-lpv6m1i840] {
        grid-template-columns: 1fr;
    }

    .chart-card[b-lpv6m1i840],
    .observations-card[b-lpv6m1i840],
    .explanation-card[b-lpv6m1i840] {
        padding: 22px;
    }
}
/* /Components/Pages/TopicDetails/IndiaBalanceOfPayments.razor.rz.scp.css */
.topic-data-state[b-vgctf9krnl] {
    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-vgctf9krnl] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-vgctf9krnl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-vgctf9krnl],
.eyebrow[b-vgctf9krnl] {
    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-vgctf9krnl] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(36px, 4.2vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.chart-period[b-vgctf9krnl] {
    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-vgctf9krnl] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.metric-card[b-vgctf9krnl] {
    --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-vgctf9krnl] { --metric-color: var(--neg); }
.metric-card.blue[b-vgctf9krnl] { --metric-color: var(--accent); }
.metric-card.orange[b-vgctf9krnl] { --metric-color: var(--d-3); }
.metric-card.green[b-vgctf9krnl] { --metric-color: var(--pos); }
.metric-card.violet[b-vgctf9krnl] { --metric-color: var(--d-5); }

.metric-heading[b-vgctf9krnl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.metric-heading h2[b-vgctf9krnl] {
    min-width: 0;
    margin: 0;
    color: var(--ink-4);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.24;
}

.metric-card > strong[b-vgctf9krnl] {
    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-vgctf9krnl] {
    align-self: end;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
}

.status-badge[b-vgctf9krnl] {
    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-vgctf9krnl] {
    color: var(--pos);
    background: var(--paper-band);
}

.status-badge.provisional[b-vgctf9krnl] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.status-badge.estimated[b-vgctf9krnl] {
    color: var(--d-5);
}

.filter-panel[b-vgctf9krnl] {
    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-vgctf9krnl] {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-vgctf9krnl] {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.filter-panel header > span[b-vgctf9krnl] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.55;
}

.dashboard-filter-block[b-vgctf9krnl] {
    padding: 20px 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-vgctf9krnl] {
    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-vgctf9krnl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-vgctf9krnl] {
    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-vgctf9krnl] {
    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-vgctf9krnl] {
    color: var(--rule-2);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
    opacity: 0.72;
}

.filter-note[b-vgctf9krnl] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 10px;
    line-height: 1.5;
}

.date-inputs[b-vgctf9krnl] {
    display: grid;
    gap: 10px;
}

.date-inputs label[b-vgctf9krnl] {
    display: grid;
    gap: 6px;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 700;
}

.date-inputs input[b-vgctf9krnl] {
    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-vgctf9krnl] {
    display: grid;
    gap: 12px;
    padding-top: 20px;
}

.filter-footer > span[b-vgctf9krnl] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
}

.reset-filters[b-vgctf9krnl] {
    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-vgctf9krnl] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.72fr);
    gap: 22px;
}

.chart-card[b-vgctf9krnl],
.feature-insight-card[b-vgctf9krnl] {
    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-vgctf9krnl] {
    padding: 30px 30px 24px;
}

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

.chart-heading h2[b-vgctf9krnl],
.supporting-section-heading h2[b-vgctf9krnl],
.feature-insight-card h2[b-vgctf9krnl] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(24px, 2vw, 31px);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.chart-heading h3[b-vgctf9krnl] {
    margin: 0;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.chart-heading > div > span[b-vgctf9krnl] {
    display: block;
    margin-top: 8px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
}

.feature-chart-card[b-vgctf9krnl]  .topic-feature-chart {
    margin-top: 22px;
}

.feature-insight-card[b-vgctf9krnl] {
    padding: 30px 26px;
    background:
        radial-gradient(circle at 100% 0, rgba(22, 157, 242, 0.11), transparent 32%),
        var(--paper);
}

.insight-intro[b-vgctf9krnl] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.62;
}

.insight-list[b-vgctf9krnl] {
    display: grid;
    gap: 0;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-vgctf9krnl] {
    display: grid;
    grid-template-columns: 12px 1fr;
    gap: 11px;
    padding: 17px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list li > span[b-vgctf9krnl] {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--pos);
    box-shadow: 0 0 0 5px rgba(18, 139, 112, 0.09);
}

.insight-list strong[b-vgctf9krnl] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-vgctf9krnl] {
    margin: 5px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.58;
}

.supporting-section-heading[b-vgctf9krnl] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.supporting-section-heading > span[b-vgctf9krnl] {
    max-width: 410px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
}

.supporting-chart-grid[b-vgctf9krnl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.detail-chart-card[b-vgctf9krnl] {
    min-height: 410px;
    padding: 26px;
}

.inline-empty-state[b-vgctf9krnl] {
    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-vgctf9krnl],
.component-list[b-vgctf9krnl] {
    display: grid;
    gap: 15px;
    margin-top: 28px;
}

.account-history > div[b-vgctf9krnl] {
    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-vgctf9krnl] {
    display: block;
    height: 11px;
    border-radius: 999px;
}

.account-history i.positive[b-vgctf9krnl] { background: var(--pos); }
.account-history i.negative[b-vgctf9krnl] { background: var(--neg); }
.positive-text[b-vgctf9krnl] { color: var(--pos); }
.negative-text[b-vgctf9krnl] { color: var(--neg); }

.fiscal-comparison[b-vgctf9krnl] {
    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-vgctf9krnl] {
    display: grid;
    gap: 8px;
    justify-items: center;
}

.fiscal-column > strong[b-vgctf9krnl] {
    color: var(--ink-3);
    font-size: 10px;
    text-align: center;
}

.fiscal-bars[b-vgctf9krnl] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.fiscal-bars span[b-vgctf9krnl],
.monthly-bars span[b-vgctf9krnl] {
    display: block;
    min-height: 8px;
    border-radius: 5px 5px 2px 2px;
}

.fiscal-bars span[b-vgctf9krnl] { width: 14px; }
.fiscal-bars .current[b-vgctf9krnl] { background: var(--neg); }
.fiscal-bars .capital[b-vgctf9krnl] { background: var(--accent); }
.fiscal-bars .overall[b-vgctf9krnl] { background: var(--d-5); }

.chart-legend[b-vgctf9krnl] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.chart-legend span[b-vgctf9krnl] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-vgctf9krnl] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.chart-legend .current-account[b-vgctf9krnl] { background: var(--neg); }
.chart-legend .capital-account[b-vgctf9krnl] { background: var(--accent); }
.chart-legend .overall-balance[b-vgctf9krnl] { background: var(--d-5); }
.chart-legend .exports[b-vgctf9krnl] { background: var(--accent); }
.chart-legend .imports[b-vgctf9krnl] { background: var(--d-3); }

.monthly-bar-chart[b-vgctf9krnl] {
    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-vgctf9krnl] {
    display: grid;
    gap: 4px;
    justify-items: center;
}

.monthly-bars[b-vgctf9krnl] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.monthly-bars span[b-vgctf9krnl] { width: 16px; }
.monthly-bars .exports[b-vgctf9krnl] { background: var(--accent); }
.monthly-bars .imports[b-vgctf9krnl] { background: var(--d-3); }

.monthly-column strong[b-vgctf9krnl] {
    color: var(--ink-3);
    font-size: 10px;
    white-space: nowrap;
}

.monthly-column small[b-vgctf9krnl] {
    color: var(--ink-4);
    font-size: 9px;
}

.component-row[b-vgctf9krnl] {
    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-vgctf9krnl] {
    height: 10px;
    border-radius: 999px;
    background: var(--paper-band);
}

.component-row i[b-vgctf9krnl] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.component-row i.positive[b-vgctf9krnl] { background: var(--pos); }
.component-row i.negative[b-vgctf9krnl] { background: var(--neg); }
.component-row i.total[b-vgctf9krnl] { background: var(--d-5); }

@media (max-width: 1260px) {
    .metric-grid[b-vgctf9krnl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .feature-layout[b-vgctf9krnl] {
        grid-template-columns: 1fr;
    }

    .feature-insight-card[b-vgctf9krnl] {
        min-height: 0;
    }

    .insight-list[b-vgctf9krnl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .insight-list li[b-vgctf9krnl] {
        border: 1px solid var(--paper-deep);
        border-radius: var(--r);
        padding: 16px;
        background: var(--surface);
    }
}

@media (max-width: 1080px) {
    .filter-panel[b-vgctf9krnl] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .filter-panel header[b-vgctf9krnl],
    .filter-footer[b-vgctf9krnl] {
        grid-column: 1 / -1;
    }

    .dashboard-filter-block[b-vgctf9krnl] {
        padding: 0;
        border-bottom: 0;
    }

    .date-inputs[b-vgctf9krnl] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-footer[b-vgctf9krnl] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--paper-band);
    }
}

@media (max-width: 900px) {
    .metric-grid[b-vgctf9krnl],
    .supporting-chart-grid[b-vgctf9krnl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .insight-list[b-vgctf9krnl] {
        grid-template-columns: 1fr;
    }

    .supporting-section-heading[b-vgctf9krnl] {
        align-items: flex-start;
        flex-direction: column;
    }

    .supporting-section-heading > span[b-vgctf9krnl] {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .topic-data-state[b-vgctf9krnl] {
        width: calc(100% - 40px);
    }

    .topic-heading-row[b-vgctf9krnl] {
        align-items: flex-start;
    }

    .metric-grid[b-vgctf9krnl],
    .supporting-chart-grid[b-vgctf9krnl],
    .filter-panel[b-vgctf9krnl] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-vgctf9krnl] {
        min-height: 170px;
    }

    .feature-chart-card[b-vgctf9krnl],
    .feature-insight-card[b-vgctf9krnl],
    .detail-chart-card[b-vgctf9krnl],
    .filter-panel[b-vgctf9krnl] {
        padding: 22px;
    }

    .chart-heading[b-vgctf9krnl] {
        flex-direction: column;
    }

    .date-inputs[b-vgctf9krnl] {
        grid-template-columns: 1fr;
    }

    .account-history > div[b-vgctf9krnl] {
        grid-template-columns: 44px minmax(70px, 1fr) 80px;
    }

    .component-row[b-vgctf9krnl] {
        grid-template-columns: 1fr;
        gap: 7px;
    }
}
/* /Components/Pages/TopicDetails/IndiaBopPressureWatch.razor.rz.scp.css */
.pressure-watch[b-wvtrk3tr25] {
    --watch-red: #b33145;
    --watch-teal: #147c70;
    width: min(calc(100% - 80px), var(--maxw, 1440px));
    margin: 0 auto 52px;
    padding: 30px;
    border: 1px solid #cadbd7;
    border-radius: 18px;
    background: #f1f7f5;
    color: var(--ink, #19313c);
}
.pressure-heading[b-wvtrk3tr25] { display: flex; align-items: start; justify-content: space-between; gap: 30px; }
.eyebrow[b-wvtrk3tr25] { margin: 0 0 12px; color: #316f67; font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
h2[b-wvtrk3tr25] { margin: 0; font-size: clamp(28px, 3vw, 40px); letter-spacing: -.035em; line-height: 1.15; }
.intro[b-wvtrk3tr25] { max-width: 780px; margin: 14px 0 22px; color: #526c73; line-height: 1.6; }
.year-control[b-wvtrk3tr25] { display: grid; flex-shrink: 0; gap: 8px; font-size: 13px; font-weight: 700; color: #345b61; }
select[b-wvtrk3tr25] { min-width: 175px; padding: 12px 38px 12px 14px; border: 2px solid #5d9187; border-radius: 8px; background-color: #fff; color: #164e48; font: inherit; font-size: 16px; }
select:focus-visible[b-wvtrk3tr25], button:focus-visible[b-wvtrk3tr25], summary:focus-visible[b-wvtrk3tr25], a:focus-visible[b-wvtrk3tr25], .table-scroll:focus-visible[b-wvtrk3tr25] { outline: 3px solid #148c7c; outline-offset: 3px; }
.scope-bar[b-wvtrk3tr25] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; border-top: 1px solid #d2e2dd; padding-top: 16px; font-size: 13px; color: #466169; }
.historical-label[b-wvtrk3tr25] { padding: 5px 9px; border-radius: 5px; background: #e1ece8; color: #355952; font-weight: 650; }
.scope-note[b-wvtrk3tr25] { margin: 10px 0 22px; color: #576e74; font-size: 12px; line-height: 1.6; }
.pressure-grid[b-wvtrk3tr25] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: start; }
.pressure-card[b-wvtrk3tr25] { min-width: 0; border: 1px solid #cadbd7; border-radius: 12px; padding: 22px 20px; background: #fff; box-shadow: 0 4px 12px #12392d05; }
.card-heading[b-wvtrk3tr25] { display: flex; flex-direction: column; gap: 14px; align-items: start; }
h3[b-wvtrk3tr25] { min-height: 84px; margin: 0; font-size: 19px; line-height: 1.45; letter-spacing: -.015em; }
.reading-status[b-wvtrk3tr25] { border: 1px solid #dce5e2; border-radius: 5px; padding: 4px 8px; font-size: 11px; font-weight: 750; color: #51656b; background: #f5f8f7; }
.reading-status.crossed[b-wvtrk3tr25] { border-color: #edc4cc; color: #a12439; background: #fff0f2; }
.reading[b-wvtrk3tr25] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-top: 15px; font-variant-numeric: tabular-nums; }
.reading strong[b-wvtrk3tr25] { font-size: clamp(30px, 3vw, 42px); line-height: 1.15; letter-spacing: -.04em; }
.reading span[b-wvtrk3tr25] { color: #4f6970; font-size: 13px; font-weight: 650; }
.reading-year[b-wvtrk3tr25] { margin: 6px 0 18px; font-size: 12px; color: #617980; }
.threshold-key[b-wvtrk3tr25] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; color: #842b3a; font-size: 12px; font-weight: 650; }
.threshold-key i[b-wvtrk3tr25] { width: 18px; border-top: 2px dashed var(--watch-red); }
.threshold-key span[b-wvtrk3tr25] { flex-basis: 100%; margin-left: 24px; color: #6d777b; font-size: 11px; font-weight: 500; }
svg[b-wvtrk3tr25] { display: block; width: 100%; overflow: visible; font-family: inherit; }
svg text[b-wvtrk3tr25] { font-size: 26px; fill: #5a737b; font-variant-numeric: tabular-nums; }
.grid-line[b-wvtrk3tr25] { stroke: #dde7e4; stroke-width: 1; }
.watch-line[b-wvtrk3tr25] { stroke: var(--watch-red); stroke-width: 2; stroke-dasharray: 6 5; }
.history-line[b-wvtrk3tr25] { fill: none; stroke: var(--watch-teal); stroke-width: 3; stroke-linejoin: round; }
.inspection-line[b-wvtrk3tr25] { stroke: #789e97; stroke-width: 1.5; stroke-dasharray: 3 5; }
.crossing-point[b-wvtrk3tr25] { fill: var(--watch-red); stroke: #fff; stroke-width: 1.5; }
.observation-point[b-wvtrk3tr25] { fill: var(--watch-teal); stroke: #fff; stroke-width: 1.5; }
.chart-empty[b-wvtrk3tr25] { min-height: 180px; display: grid; align-items: center; padding: 20px; background: #f5f8f7; color: #5a737b; font-size: 14px; line-height: 1.5; }
.screen-reading[b-wvtrk3tr25] { min-height: 78px; margin: 12px 0 18px; color: #466169; font-size: 13px; line-height: 1.65; }
.calculation-detail[b-wvtrk3tr25] { padding-top: 15px; border-top: 1px solid #dce5e2; font-size: 12px; line-height: 1.6; }
summary[b-wvtrk3tr25] { color: #216a5f; cursor: pointer; font-weight: 700; }
.calculation-detail p[b-wvtrk3tr25] { margin: 14px 0; }
a[b-wvtrk3tr25] { color: #176c61; text-decoration: underline; text-underline-offset: 3px; }
.table-scroll[b-wvtrk3tr25] { max-width: 100%; overflow-x: auto; margin-top: 15px; }
table[b-wvtrk3tr25] { width: 100%; border-collapse: collapse; text-align: left; font-size: 11px; }
caption[b-wvtrk3tr25] { padding-bottom: 8px; text-align: left; font-weight: 700; color: #45606a; }
th[b-wvtrk3tr25], td[b-wvtrk3tr25] { padding: 9px 6px; border-bottom: 1px solid #dce5e2; vertical-align: top; }
thead th[b-wvtrk3tr25] { background: #eff5f2; }
td:nth-child(2)[b-wvtrk3tr25] { white-space: nowrap; font-variant-numeric: tabular-nums; }
small[b-wvtrk3tr25] { display: block; margin-top: 5px; font-size: 10px; font-weight: 400; overflow-wrap: anywhere; }
.selected-row[b-wvtrk3tr25] { background: #eef6f3; }
.chart-legend[b-wvtrk3tr25] { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 18px 0 24px; color: #506d74; font-size: 12px; }
.chart-legend span[b-wvtrk3tr25] { display: inline-flex; align-items: center; gap: 8px; }
.line-key[b-wvtrk3tr25] { width: 20px; border-top: 3px solid var(--watch-teal); }
.dot-key[b-wvtrk3tr25] { width: 8px; height: 8px; border-radius: 50%; background: var(--watch-red); }
.coverage-gaps[b-wvtrk3tr25] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border-left: 3px solid #7e958e; padding: 14px 16px; background: #e7efeb; font-size: 12px; color: #3e5a61; }
.coverage-gaps > strong[b-wvtrk3tr25] { margin-right: 8px; }
.coverage-gaps > span[b-wvtrk3tr25] { padding: 4px 8px; background: #f8fbfa; border: 1px solid #ceddd7; border-radius: 4px; }
.coverage-gaps p[b-wvtrk3tr25] { flex-basis: 100%; margin: 2px 0 0; line-height: 1.7; }
.provenance[b-wvtrk3tr25] { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; margin-top: 22px; }
.provenance div[b-wvtrk3tr25] { display: grid; gap: 4px; font-size: 11px; color: #526c73; min-width: 0; }
.provenance strong[b-wvtrk3tr25] { font-size: 12px; overflow-wrap: anywhere; }
.copy-button[b-wvtrk3tr25] { margin-left: auto; padding: 10px 16px; border: 1px solid #216d60; border-radius: 7px; color: #fff; background: #216d60; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.copy-button:hover[b-wvtrk3tr25] { background: #15584c; }
.source-note[b-wvtrk3tr25] { margin: 16px 0 0; font-size: 11px; line-height: 1.65; color: #597178; }
.copy-status[b-wvtrk3tr25] { margin: 8px 0; font-size: 12px; color: #216d60; }
.copy-detail[b-wvtrk3tr25] { margin-top: 12px; font-size: 11px; }
pre[b-wvtrk3tr25] { max-height: 340px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: 16px; background: #fff; color: #3f5e65; }
@media (max-width: 1100px) {
    .pressure-watch[b-wvtrk3tr25] { padding: 24px; }
    .pressure-grid[b-wvtrk3tr25] { grid-template-columns: 1fr; }
    h3[b-wvtrk3tr25], .screen-reading[b-wvtrk3tr25] { min-height: 0; }
    svg[b-wvtrk3tr25] { max-width: 720px; margin-inline: auto; }
    .pressure-card[b-wvtrk3tr25] { padding: 24px; }
}
@media (max-width: 680px) {
    .pressure-watch[b-wvtrk3tr25] { width: calc(100% - 32px); padding: 20px 16px; border-radius: 12px; }
    .pressure-heading[b-wvtrk3tr25] { flex-direction: column; gap: 0; }
    .year-control[b-wvtrk3tr25] { width: 100%; margin-bottom: 20px; }
    .pressure-card[b-wvtrk3tr25] { padding: 20px 14px; }
    .scope-bar[b-wvtrk3tr25] { gap: 8px; }
    .scope-bar > span[b-wvtrk3tr25] { flex-basis: 100%; }
    .historical-label[b-wvtrk3tr25] { flex-basis: auto !important; }
    .copy-button[b-wvtrk3tr25] { margin-left: 0; }
    .coverage-gaps[b-wvtrk3tr25] { padding: 14px 12px; }
}
/* /Components/Pages/TopicDetails/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-qum03vcmsv] {
    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-qum03vcmsv] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-qum03vcmsv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-qum03vcmsv],
.eyebrow[b-qum03vcmsv] {
    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-qum03vcmsv] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(36px, 4.2vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.chart-period[b-qum03vcmsv] {
    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-qum03vcmsv] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.metric-card[b-qum03vcmsv] {
    --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-qum03vcmsv] { --metric-color: var(--neg); }
.metric-card.blue[b-qum03vcmsv] { --metric-color: var(--accent); }
.metric-card.orange[b-qum03vcmsv] { --metric-color: var(--d-3); }
.metric-card.green[b-qum03vcmsv] { --metric-color: var(--pos); }
.metric-card.violet[b-qum03vcmsv] { --metric-color: var(--d-5); }

.metric-heading[b-qum03vcmsv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.metric-heading h2[b-qum03vcmsv] {
    min-width: 0;
    margin: 0;
    color: var(--ink-4);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.24;
}

.metric-card > strong[b-qum03vcmsv] {
    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-qum03vcmsv] {
    align-self: end;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
}

.status-badge[b-qum03vcmsv] {
    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-qum03vcmsv] {
    color: var(--pos);
    background: var(--paper-band);
}

.status-badge.provisional[b-qum03vcmsv] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.status-badge.estimated[b-qum03vcmsv] {
    color: var(--d-5);
}

.filter-panel[b-qum03vcmsv] {
    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-qum03vcmsv] {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-qum03vcmsv] {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.filter-panel header > span[b-qum03vcmsv] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.55;
}

.dashboard-filter-block[b-qum03vcmsv] {
    padding: 20px 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-qum03vcmsv] {
    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-qum03vcmsv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-qum03vcmsv] {
    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-qum03vcmsv] {
    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-qum03vcmsv] {
    color: var(--rule-2);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
    opacity: 0.72;
}

.filter-note[b-qum03vcmsv] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 10px;
    line-height: 1.5;
}

.date-inputs[b-qum03vcmsv] {
    display: grid;
    gap: 10px;
}

.date-inputs label[b-qum03vcmsv] {
    display: grid;
    gap: 6px;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 700;
}

.date-inputs input[b-qum03vcmsv] {
    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-qum03vcmsv] {
    display: grid;
    gap: 12px;
    padding-top: 20px;
}

.filter-footer > span[b-qum03vcmsv] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
}

.reset-filters[b-qum03vcmsv] {
    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-qum03vcmsv] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.72fr);
    gap: 22px;
}

.chart-card[b-qum03vcmsv],
.feature-insight-card[b-qum03vcmsv] {
    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-qum03vcmsv] {
    padding: 30px 30px 24px;
}

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

.chart-heading h2[b-qum03vcmsv],
.supporting-section-heading h2[b-qum03vcmsv],
.feature-insight-card h2[b-qum03vcmsv] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(24px, 2vw, 31px);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.chart-heading h3[b-qum03vcmsv] {
    margin: 0;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.chart-heading > div > span[b-qum03vcmsv] {
    display: block;
    margin-top: 8px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
}

.feature-chart-card[b-qum03vcmsv]  .topic-feature-chart {
    margin-top: 22px;
}

.feature-insight-card[b-qum03vcmsv] {
    padding: 30px 26px;
    background:
        radial-gradient(circle at 100% 0, rgba(22, 157, 242, 0.11), transparent 32%),
        var(--paper);
}

.insight-intro[b-qum03vcmsv] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.62;
}

.insight-list[b-qum03vcmsv] {
    display: grid;
    gap: 0;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-qum03vcmsv] {
    display: grid;
    grid-template-columns: 12px 1fr;
    gap: 11px;
    padding: 17px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list li > span[b-qum03vcmsv] {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--pos);
    box-shadow: 0 0 0 5px rgba(18, 139, 112, 0.09);
}

.insight-list strong[b-qum03vcmsv] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-qum03vcmsv] {
    margin: 5px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.58;
}

.supporting-section-heading[b-qum03vcmsv] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.supporting-section-heading > span[b-qum03vcmsv] {
    max-width: 410px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
}

.supporting-chart-grid[b-qum03vcmsv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.detail-chart-card[b-qum03vcmsv] {
    min-height: 410px;
    padding: 26px;
}

.inline-empty-state[b-qum03vcmsv] {
    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-qum03vcmsv],
.component-list[b-qum03vcmsv] {
    display: grid;
    gap: 15px;
    margin-top: 28px;
}

.account-history > div[b-qum03vcmsv] {
    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-qum03vcmsv] {
    display: block;
    height: 11px;
    border-radius: 999px;
}

.account-history i.positive[b-qum03vcmsv] { background: var(--pos); }
.account-history i.negative[b-qum03vcmsv] { background: var(--neg); }
.positive-text[b-qum03vcmsv] { color: var(--pos); }
.negative-text[b-qum03vcmsv] { color: var(--neg); }

.fiscal-comparison[b-qum03vcmsv] {
    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-qum03vcmsv] {
    display: grid;
    gap: 8px;
    justify-items: center;
}

.fiscal-column > strong[b-qum03vcmsv] {
    color: var(--ink-3);
    font-size: 10px;
    text-align: center;
}

.fiscal-bars[b-qum03vcmsv] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.fiscal-bars span[b-qum03vcmsv],
.monthly-bars span[b-qum03vcmsv] {
    display: block;
    min-height: 8px;
    border-radius: 5px 5px 2px 2px;
}

.fiscal-bars span[b-qum03vcmsv] { width: 14px; }
.fiscal-bars .current[b-qum03vcmsv] { background: var(--neg); }
.fiscal-bars .capital[b-qum03vcmsv] { background: var(--accent); }
.fiscal-bars .overall[b-qum03vcmsv] { background: var(--d-5); }

.chart-legend[b-qum03vcmsv] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.chart-legend span[b-qum03vcmsv] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-qum03vcmsv] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.chart-legend .current-account[b-qum03vcmsv] { background: var(--neg); }
.chart-legend .capital-account[b-qum03vcmsv] { background: var(--accent); }
.chart-legend .overall-balance[b-qum03vcmsv] { background: var(--d-5); }
.chart-legend .exports[b-qum03vcmsv] { background: var(--accent); }
.chart-legend .imports[b-qum03vcmsv] { background: var(--d-3); }

.monthly-bar-chart[b-qum03vcmsv] {
    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-qum03vcmsv] {
    display: grid;
    gap: 4px;
    justify-items: center;
}

.monthly-bars[b-qum03vcmsv] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.monthly-bars span[b-qum03vcmsv] { width: 16px; }
.monthly-bars .exports[b-qum03vcmsv] { background: var(--accent); }
.monthly-bars .imports[b-qum03vcmsv] { background: var(--d-3); }

.monthly-column strong[b-qum03vcmsv] {
    color: var(--ink-3);
    font-size: 10px;
    white-space: nowrap;
}

.monthly-column small[b-qum03vcmsv] {
    color: var(--ink-4);
    font-size: 9px;
}

.component-row[b-qum03vcmsv] {
    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-qum03vcmsv] {
    height: 10px;
    border-radius: 999px;
    background: var(--paper-band);
}

.component-row i[b-qum03vcmsv] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.component-row i.positive[b-qum03vcmsv] { background: var(--pos); }
.component-row i.negative[b-qum03vcmsv] { background: var(--neg); }
.component-row i.total[b-qum03vcmsv] { background: var(--d-5); }

@media (max-width: 1260px) {
    .metric-grid[b-qum03vcmsv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .feature-layout[b-qum03vcmsv] {
        grid-template-columns: 1fr;
    }

    .feature-insight-card[b-qum03vcmsv] {
        min-height: 0;
    }

    .insight-list[b-qum03vcmsv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .insight-list li[b-qum03vcmsv] {
        border: 1px solid var(--paper-deep);
        border-radius: var(--r);
        padding: 16px;
        background: var(--surface);
    }
}

@media (max-width: 1080px) {
    .filter-panel[b-qum03vcmsv] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .filter-panel header[b-qum03vcmsv],
    .filter-footer[b-qum03vcmsv] {
        grid-column: 1 / -1;
    }

    .dashboard-filter-block[b-qum03vcmsv] {
        padding: 0;
        border-bottom: 0;
    }

    .date-inputs[b-qum03vcmsv] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-footer[b-qum03vcmsv] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--paper-band);
    }
}

@media (max-width: 900px) {
    .metric-grid[b-qum03vcmsv],
    .supporting-chart-grid[b-qum03vcmsv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .insight-list[b-qum03vcmsv] {
        grid-template-columns: 1fr;
    }

    .supporting-section-heading[b-qum03vcmsv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .supporting-section-heading > span[b-qum03vcmsv] {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .topic-data-state[b-qum03vcmsv] {
        width: calc(100% - 40px);
    }

    .topic-heading-row[b-qum03vcmsv] {
        align-items: flex-start;
    }

    .metric-grid[b-qum03vcmsv],
    .supporting-chart-grid[b-qum03vcmsv],
    .filter-panel[b-qum03vcmsv] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-qum03vcmsv] {
        min-height: 170px;
    }

    .feature-chart-card[b-qum03vcmsv],
    .feature-insight-card[b-qum03vcmsv],
    .detail-chart-card[b-qum03vcmsv],
    .filter-panel[b-qum03vcmsv] {
        padding: 22px;
    }

    .chart-heading[b-qum03vcmsv] {
        flex-direction: column;
    }

    .date-inputs[b-qum03vcmsv] {
        grid-template-columns: 1fr;
    }

    .account-history > div[b-qum03vcmsv] {
        grid-template-columns: 44px minmax(70px, 1fr) 80px;
    }

    .component-row[b-qum03vcmsv] {
        grid-template-columns: 1fr;
        gap: 7px;
    }
}
/* /Components/Pages/TopicDetails/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-8ji2kv2w22] {
    --watch: var(--neg, #be3448);
    --history: var(--accent, #0b7a68);
    width: min(calc(100% - 80px), var(--maxw, 1240px));
    margin: 0 auto 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-8ji2kv2w22] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px;
}

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

h2[b-8ji2kv2w22] {
    margin: 0;
    font-size: clamp(28px, 3vw, 40px);
    letter-spacing: -0.035em;
    line-height: 1.15;
}

.intro[b-8ji2kv2w22] {
    max-width: 820px;
    margin: 14px 0 22px;
    color: var(--ink-3);
    line-height: 1.6;
}

.month-control[b-8ji2kv2w22] {
    display: grid;
    flex-shrink: 0;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ink-2);
}

select[b-8ji2kv2w22] {
    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-8ji2kv2w22],
button:focus-visible[b-8ji2kv2w22],
summary:focus-visible[b-8ji2kv2w22],
a:focus-visible[b-8ji2kv2w22],
.table-scroll:focus-visible[b-8ji2kv2w22] {
    outline: 3px solid var(--accent-bright);
    outline-offset: 3px;
}

.scope-bar[b-8ji2kv2w22] {
    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-8ji2kv2w22] {
    padding: 5px 9px;
    border-radius: 5px;
    background: var(--accent-tint);
    color: var(--accent-deep);
    font-weight: 650;
}

.scope-note[b-8ji2kv2w22] {
    margin: 10px 0 22px;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.6;
}

.signal-grid[b-8ji2kv2w22] {
    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-8ji2kv2w22] {
    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-8ji2kv2w22] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: start;
}

h3[b-8ji2kv2w22] {
    min-height: 76px;
    margin: 0;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: -0.015em;
}

.reading-status[b-8ji2kv2w22] {
    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-8ji2kv2w22] {
    border-color: rgba(190, 52, 72, 0.28);
    color: var(--neg);
    background: var(--neg-tint);
}

.reading[b-8ji2kv2w22] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
    font-variant-numeric: tabular-nums;
}

.reading strong[b-8ji2kv2w22] {
    font-size: clamp(28px, 2.8vw, 38px);
    line-height: 1.15;
    letter-spacing: -0.04em;
}

.reading span[b-8ji2kv2w22] {
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 650;
}

.reading-month[b-8ji2kv2w22] {
    margin: 6px 0 16px;
    font-size: 12px;
    color: var(--ink-3);
}

.threshold-key[b-8ji2kv2w22] {
    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-8ji2kv2w22] {
    width: 18px;
    border-top: 2px dashed var(--watch);
}

.direction-key[b-8ji2kv2w22] {
    /* 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-8ji2kv2w22] {
    display: block;
    width: 100%;
    overflow: visible;
    font-family: inherit;
}

svg text[b-8ji2kv2w22] {
    font-size: 22px;
    fill: var(--ink-3);
    font-variant-numeric: tabular-nums;
}

.grid-line[b-8ji2kv2w22] {
    stroke: var(--rule);
    stroke-width: 1;
}

.watch-line[b-8ji2kv2w22] {
    stroke: var(--watch);
    stroke-width: 2;
    stroke-dasharray: 6 5;
}

.history-line[b-8ji2kv2w22] {
    fill: none;
    stroke: var(--history);
    stroke-width: 2.5;
    stroke-linejoin: round;
}

.inspection-line[b-8ji2kv2w22] {
    stroke: var(--ink-4);
    stroke-width: 1.5;
    stroke-dasharray: 3 5;
}

.crossing-point[b-8ji2kv2w22] {
    fill: var(--watch);
    stroke: var(--surface);
    stroke-width: 1.5;
}

.observation-point[b-8ji2kv2w22] {
    fill: var(--history);
    stroke: var(--surface);
    stroke-width: 1.5;
}

.chart-empty[b-8ji2kv2w22] {
    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-8ji2kv2w22] {
    min-height: 90px;
    margin: 12px 0 18px;
    color: var(--ink-2);
    font-size: 13px;
    line-height: 1.65;
}

.calculation-detail[b-8ji2kv2w22] {
    padding-top: 15px;
    border-top: 1px solid var(--rule);
    font-size: 12px;
    line-height: 1.6;
}

summary[b-8ji2kv2w22] {
    color: var(--accent);
    cursor: pointer;
    font-weight: 700;
}

.calculation-detail p[b-8ji2kv2w22] {
    margin: 14px 0;
}

a[b-8ji2kv2w22] {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.table-scroll[b-8ji2kv2w22] {
    max-width: 100%;
    max-height: 260px;
    overflow: auto;
    margin-top: 15px;
}

table[b-8ji2kv2w22] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 11px;
}

caption[b-8ji2kv2w22] {
    padding-bottom: 8px;
    text-align: left;
    font-weight: 700;
    color: var(--ink-2);
}

th[b-8ji2kv2w22],
td[b-8ji2kv2w22] {
    padding: 9px 6px;
    border-bottom: 1px solid var(--rule);
    vertical-align: top;
}

thead th[b-8ji2kv2w22] {
    position: sticky;
    top: 0;
    background: var(--paper-band);
}

td:nth-child(2)[b-8ji2kv2w22] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

small[b-8ji2kv2w22] {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.selected-row[b-8ji2kv2w22] {
    background: var(--accent-wash);
}

.chart-legend[b-8ji2kv2w22] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin: 18px 0 24px;
    color: var(--ink-3);
    font-size: 12px;
}

.chart-legend span[b-8ji2kv2w22] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.line-key[b-8ji2kv2w22] {
    width: 20px;
    border-top: 3px solid var(--history);
}

.dot-key[b-8ji2kv2w22] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--watch);
}

.coverage-gaps[b-8ji2kv2w22] {
    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-8ji2kv2w22] {
    margin-right: 8px;
}

.coverage-gaps > span[b-8ji2kv2w22] {
    padding: 4px 8px;
    background: var(--surface);
    border: 1px solid var(--rule);
    border-radius: 4px;
}

.coverage-gaps p[b-8ji2kv2w22] {
    flex-basis: 100%;
    margin: 2px 0 0;
    line-height: 1.7;
}

.provenance[b-8ji2kv2w22] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 30px;
    margin-top: 22px;
}

.provenance div[b-8ji2kv2w22] {
    display: grid;
    gap: 4px;
    font-size: 11px;
    color: var(--ink-3);
    min-width: 0;
}

.provenance strong[b-8ji2kv2w22] {
    font-size: 12px;
    overflow-wrap: anywhere;
}

.copy-button[b-8ji2kv2w22] {
    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-8ji2kv2w22] {
    background: var(--ink-2);
}

.source-note[b-8ji2kv2w22] {
    margin: 16px 0 0;
    font-size: 11px;
    line-height: 1.65;
    color: var(--ink-3);
}

.copy-status[b-8ji2kv2w22] {
    margin: 8px 0;
    font-size: 12px;
    color: var(--accent);
}

.copy-detail[b-8ji2kv2w22] {
    margin-top: 12px;
    font-size: 11px;
}

pre[b-8ji2kv2w22] {
    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-8ji2kv2w22] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .flow-signal[b-8ji2kv2w22] {
        padding: 24px;
    }

    h3[b-8ji2kv2w22],
    .screen-reading[b-8ji2kv2w22],
    .direction-key[b-8ji2kv2w22] {
        min-height: 0;
    }

    .signal-card[b-8ji2kv2w22] {
        padding: 24px;
    }
}

@media (max-width: 760px) {
    .flow-signal[b-8ji2kv2w22] {
        width: calc(100% - 32px);
        padding: 20px 16px;
        border-radius: 12px;
    }

    .signal-grid[b-8ji2kv2w22] {
        grid-template-columns: 1fr;
    }

    .signal-heading[b-8ji2kv2w22] {
        flex-direction: column;
        gap: 0;
    }

    .month-control[b-8ji2kv2w22] {
        width: 100%;
        margin-bottom: 20px;
    }

    .signal-card[b-8ji2kv2w22] {
        padding: 20px 14px;
    }

    .scope-bar[b-8ji2kv2w22] {
        gap: 8px;
    }

    .scope-bar > span[b-8ji2kv2w22] {
        flex-basis: 100%;
    }

    .historical-label[b-8ji2kv2w22] {
        flex-basis: auto !important;
    }

    .copy-button[b-8ji2kv2w22] {
        margin-left: 0;
    }

    .coverage-gaps[b-8ji2kv2w22] {
        padding: 14px 12px;
    }
}
/* /Components/Pages/TopicDetails/IndiaMutualFundSips.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. */

.methodology-note[b-jozgvjf8c9] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.metric-card.tone-teal[b-jozgvjf8c9] {
    --metric-color: var(--accent);
}

.metric-card.tone-amber[b-jozgvjf8c9] {
    --metric-color: #b7791f;
}

.status-badge.estimated[b-jozgvjf8c9] {
    color: #8a5a12;
    background: rgba(183, 121, 31, 0.12);
    border-color: rgba(183, 121, 31, 0.28);
}

.topic-data-state[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-jozgvjf8c9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-jozgvjf8c9],
.eyebrow[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(36px, 4.2vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.chart-period[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.metric-card[b-jozgvjf8c9] {
    --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-jozgvjf8c9] { --metric-color: var(--neg); }
.metric-card.blue[b-jozgvjf8c9] { --metric-color: var(--accent); }
.metric-card.orange[b-jozgvjf8c9] { --metric-color: var(--d-3); }
.metric-card.green[b-jozgvjf8c9] { --metric-color: var(--pos); }
.metric-card.violet[b-jozgvjf8c9] { --metric-color: var(--d-5); }

.metric-heading[b-jozgvjf8c9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.metric-heading h2[b-jozgvjf8c9] {
    min-width: 0;
    margin: 0;
    color: var(--ink-4);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.24;
}

.metric-card > strong[b-jozgvjf8c9] {
    align-self: center;
    overflow: hidden;
    color: var(--ink);
    font-size: clamp(22px, 1.8vw, 31px);
    font-weight: 750;
    line-height: 1;
    letter-spacing: -0.045em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-period[b-jozgvjf8c9] {
    align-self: end;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
}

.status-badge[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    color: var(--pos);
    background: var(--paper-band);
}

.status-badge.provisional[b-jozgvjf8c9] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.status-badge.estimated[b-jozgvjf8c9] {
    color: var(--d-5);
}

.filter-panel[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-jozgvjf8c9] {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.filter-panel header > span[b-jozgvjf8c9] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.55;
}

.dashboard-filter-block[b-jozgvjf8c9] {
    padding: 20px 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    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-jozgvjf8c9] {
    color: var(--rule-2);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
    opacity: 0.72;
}

.filter-note[b-jozgvjf8c9] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 10px;
    line-height: 1.5;
}

.date-inputs[b-jozgvjf8c9] {
    display: grid;
    gap: 10px;
}

.date-inputs label[b-jozgvjf8c9] {
    display: grid;
    gap: 6px;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 700;
}

.date-inputs input[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    display: grid;
    gap: 12px;
    padding-top: 20px;
}

.filter-footer > span[b-jozgvjf8c9] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
}

.reset-filters[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.72fr);
    gap: 22px;
}

.chart-card[b-jozgvjf8c9],
.feature-insight-card[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    padding: 30px 30px 24px;
}

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

.chart-heading h2[b-jozgvjf8c9],
.supporting-section-heading h2[b-jozgvjf8c9],
.feature-insight-card h2[b-jozgvjf8c9] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(24px, 2vw, 31px);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.chart-heading h3[b-jozgvjf8c9] {
    margin: 0;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.chart-heading > div > span[b-jozgvjf8c9] {
    display: block;
    margin-top: 8px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
}

.feature-chart-card[b-jozgvjf8c9]  .topic-feature-chart {
    margin-top: 22px;
}

.feature-insight-card[b-jozgvjf8c9] {
    padding: 30px 26px;
    background:
        radial-gradient(circle at 100% 0, rgba(22, 157, 242, 0.11), transparent 32%),
        var(--paper);
}

.insight-intro[b-jozgvjf8c9] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.62;
}

.insight-list[b-jozgvjf8c9] {
    display: grid;
    gap: 0;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-jozgvjf8c9] {
    display: grid;
    grid-template-columns: 12px 1fr;
    gap: 11px;
    padding: 17px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list li > span[b-jozgvjf8c9] {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--pos);
    box-shadow: 0 0 0 5px rgba(18, 139, 112, 0.09);
}

.insight-list strong[b-jozgvjf8c9] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-jozgvjf8c9] {
    margin: 5px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.58;
}

.supporting-section-heading[b-jozgvjf8c9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.supporting-section-heading > span[b-jozgvjf8c9] {
    max-width: 410px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
}

.supporting-chart-grid[b-jozgvjf8c9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.detail-chart-card[b-jozgvjf8c9] {
    min-height: 410px;
    padding: 26px;
}

.inline-empty-state[b-jozgvjf8c9] {
    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-jozgvjf8c9],
.component-list[b-jozgvjf8c9] {
    display: grid;
    gap: 15px;
    margin-top: 28px;
}
.positive-text[b-jozgvjf8c9] { color: var(--pos); }
.negative-text[b-jozgvjf8c9] { color: var(--neg); }

.fiscal-bars span[b-jozgvjf8c9],
.monthly-bars span[b-jozgvjf8c9] {
    display: block;
    min-height: 8px;
    border-radius: 5px 5px 2px 2px;
}

.chart-legend[b-jozgvjf8c9] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.chart-legend span[b-jozgvjf8c9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-jozgvjf8c9] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.component-row[b-jozgvjf8c9] {
    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-jozgvjf8c9] {
    height: 10px;
    border-radius: 999px;
    background: var(--paper-band);
}

.component-row i[b-jozgvjf8c9] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.component-row i.positive[b-jozgvjf8c9] { background: var(--pos); }
.component-row i.negative[b-jozgvjf8c9] { background: var(--neg); }
.component-row i.total[b-jozgvjf8c9] { background: var(--d-5); }

/* ── Headline tone variants ─────────────────────────────────────────────── */

.metric-card.tone-rose[b-jozgvjf8c9] {
    --metric-color: var(--neg);
}

.metric-card.tone-slate[b-jozgvjf8c9] {
    --metric-color: var(--d-5);
}

/* ── Category pickers in the filter rail ────────────────────────────────── */

.category-checks[b-jozgvjf8c9] {
    display: grid;
    gap: 7px;
    max-height: 208px;
    overflow-y: auto;
    padding-right: 4px;
}

.category-check[b-jozgvjf8c9] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
}

.category-check input[b-jozgvjf8c9] {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: var(--accent-bright);
}

.category-check-actions[b-jozgvjf8c9] {
    display: flex;
    gap: 14px;
    margin-top: 10px;
}

.category-check-actions button[b-jozgvjf8c9] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--accent);
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

/* ── Featured flow ledger: gross above the line, redemptions below ──────── */

.flow-ledger-chart[b-jozgvjf8c9],
.stack-chart[b-jozgvjf8c9] {
    position: relative;
    margin-top: 24px;
}

.flow-ledger-chart svg[b-jozgvjf8c9],
.stack-chart svg[b-jozgvjf8c9] {
    display: block;
    width: 100%;
    overflow: visible;
    font-family: inherit;
}

.flow-ledger-chart svg text[b-jozgvjf8c9],
.stack-chart svg text[b-jozgvjf8c9] {
    font-size: 13px;
    fill: var(--ink-4);
    font-variant-numeric: tabular-nums;
}

.flow-ledger-chart .grid line[b-jozgvjf8c9],
.stack-chart .grid line[b-jozgvjf8c9] {
    stroke: var(--rule);
    stroke-width: 1;
}

.flow-ledger-chart .grid .zero-line[b-jozgvjf8c9],
.stack-chart .grid .zero-line[b-jozgvjf8c9] {
    stroke: var(--rule-2);
    stroke-width: 1.5;
}

.gross-bar[b-jozgvjf8c9] {
    fill: var(--accent-bright);
    opacity: 0.85;
}

.redemption-bar[b-jozgvjf8c9] {
    fill: var(--d-4);
    opacity: 0.72;
}

.ledger-column:hover .gross-bar[b-jozgvjf8c9],
.ledger-column:hover .redemption-bar[b-jozgvjf8c9] {
    opacity: 1;
}

.net-line[b-jozgvjf8c9] {
    fill: none;
    stroke: var(--ink);
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.net-point[b-jozgvjf8c9] {
    stroke: var(--surface);
    stroke-width: 1.2;
}

.net-point.positive[b-jozgvjf8c9] { fill: var(--pos); }
.net-point.negative[b-jozgvjf8c9] { fill: var(--neg); }

.stack-band[b-jozgvjf8c9] {
    stroke: var(--surface);
    stroke-width: 0.5;
}

.stack-band.tone-teal[b-jozgvjf8c9]  { fill: var(--d-1); }
.stack-band.tone-navy[b-jozgvjf8c9]  { fill: var(--d-2); }
.stack-band.tone-ochre[b-jozgvjf8c9] { fill: var(--d-3); }
.stack-band.tone-rose[b-jozgvjf8c9]  { fill: var(--d-4); }
.stack-band.tone-slate[b-jozgvjf8c9] { fill: var(--d-5); }
.stack-band.tone-grey[b-jozgvjf8c9]  { fill: var(--d-6); }

.ledger-axis[b-jozgvjf8c9] {
    position: relative;
    height: 18px;
    margin-top: 6px;
}

.ledger-axis span[b-jozgvjf8c9] {
    position: absolute;
    transform: translateX(-50%);
    max-width: 92px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 650;
    white-space: nowrap;
}

.ledger-axis span:first-child[b-jozgvjf8c9] { transform: translateX(-25%); }
.ledger-axis span:last-child[b-jozgvjf8c9]  { transform: translateX(-75%); }

/* ── Legend keys for the new marks ──────────────────────────────────────── */

.chart-legend .gross-key[b-jozgvjf8c9]      { background: var(--accent-bright); }
.chart-legend .redemption-key[b-jozgvjf8c9] { background: var(--d-4); }
.chart-legend .net-key[b-jozgvjf8c9]        { background: var(--ink); }
.chart-legend .tone-teal[b-jozgvjf8c9]      { background: var(--d-1); }
.chart-legend .tone-navy[b-jozgvjf8c9]      { background: var(--d-2); }
.chart-legend .tone-ochre[b-jozgvjf8c9]     { background: var(--d-3); }
.chart-legend .tone-rose[b-jozgvjf8c9]      { background: var(--d-4); }
.chart-legend .tone-slate[b-jozgvjf8c9]     { background: var(--d-5); }
.chart-legend .tone-grey[b-jozgvjf8c9]      { background: var(--d-6); }

/* ── Monthly ledger table ───────────────────────────────────────────────── */

.wide-chart-card[b-jozgvjf8c9] {
    grid-column: 1 / -1;
}

.table-scroll[b-jozgvjf8c9] {
    max-width: 100%;
    max-height: 360px;
    margin-top: 24px;
    overflow: auto;
}

.ledger-table[b-jozgvjf8c9] {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.ledger-table caption[b-jozgvjf8c9] {
    padding-bottom: 10px;
    text-align: left;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 700;
}

.ledger-table th[b-jozgvjf8c9],
.ledger-table td[b-jozgvjf8c9] {
    padding: 9px 10px;
    border-bottom: 1px solid var(--rule);
    white-space: nowrap;
}

.ledger-table thead th[b-jozgvjf8c9] {
    position: sticky;
    top: 0;
    background: var(--paper-band);
    color: var(--ink-2);
    font-size: 11px;
    font-weight: 700;
}

.ledger-table tbody th[b-jozgvjf8c9] {
    text-align: left;
    color: var(--ink-2);
    font-weight: 650;
}

.ledger-table tbody tr:hover[b-jozgvjf8c9] {
    background: var(--accent-wash);
}

.chart-footnote[b-jozgvjf8c9] {
    margin: 14px 0 0;
    color: var(--ink-4);
    font-size: 11px;
    line-height: 1.55;
}

@media (max-width: 1260px) {
    .metric-grid[b-jozgvjf8c9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .feature-layout[b-jozgvjf8c9] {
        grid-template-columns: 1fr;
    }

    .feature-insight-card[b-jozgvjf8c9] {
        min-height: 0;
    }

    .insight-list[b-jozgvjf8c9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .insight-list li[b-jozgvjf8c9] {
        border: 1px solid var(--paper-deep);
        border-radius: var(--r);
        padding: 16px;
        background: var(--surface);
    }
}

@media (max-width: 1080px) {
    .filter-panel[b-jozgvjf8c9] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .filter-panel header[b-jozgvjf8c9],
    .filter-footer[b-jozgvjf8c9] {
        grid-column: 1 / -1;
    }

    .dashboard-filter-block[b-jozgvjf8c9] {
        padding: 0;
        border-bottom: 0;
    }

    .date-inputs[b-jozgvjf8c9] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-footer[b-jozgvjf8c9] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--paper-band);
    }
}

@media (max-width: 900px) {
    .metric-grid[b-jozgvjf8c9],
    .supporting-chart-grid[b-jozgvjf8c9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .insight-list[b-jozgvjf8c9] {
        grid-template-columns: 1fr;
    }

    .supporting-section-heading[b-jozgvjf8c9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .supporting-section-heading > span[b-jozgvjf8c9] {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .topic-data-state[b-jozgvjf8c9] {
        width: calc(100% - 40px);
    }

    .topic-heading-row[b-jozgvjf8c9] {
        align-items: flex-start;
    }

    .metric-grid[b-jozgvjf8c9],
    .supporting-chart-grid[b-jozgvjf8c9],
    .filter-panel[b-jozgvjf8c9] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-jozgvjf8c9] {
        min-height: 170px;
    }

    .feature-chart-card[b-jozgvjf8c9],
    .feature-insight-card[b-jozgvjf8c9],
    .detail-chart-card[b-jozgvjf8c9],
    .filter-panel[b-jozgvjf8c9] {
        padding: 22px;
    }

    .chart-heading[b-jozgvjf8c9] {
        flex-direction: column;
    }

    .date-inputs[b-jozgvjf8c9] {
        grid-template-columns: 1fr;
    }

    .component-row[b-jozgvjf8c9] {
        grid-template-columns: 1fr;
        gap: 7px;
    }
}

@media (max-width: 900px) {
    .category-checks[b-jozgvjf8c9] {
        max-height: 150px;
    }
}
/* /Components/Pages/TopicDetails/IndiaQuickCommerce.razor.rz.scp.css */
.topic-detail-page[b-3dt3j7fmko] {
    min-height: 100%;
    padding: 30px 0 68px;
    background: var(--surface);
}

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

.topic-heading[b-3dt3j7fmko] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
    padding-top: 22px;
    padding-bottom: 30px;
}

.topic-eyebrow[b-3dt3j7fmko],
.section-kicker[b-3dt3j7fmko],
.note-eyebrow[b-3dt3j7fmko] {
    margin: 0 0 10px;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.topic-heading h1[b-3dt3j7fmko] {
    margin: 0;
    color: var(--color-navy);
    font-size: var(--fs-h1);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -0.055em;
}

.topic-summary[b-3dt3j7fmko] {
    max-width: 720px;
    margin: 18px 0 0;
    color: var(--ink-3);
    font-size: 18px;
    line-height: 1.58;
}

.topic-follow-action[b-3dt3j7fmko],
.series-follow-action[b-3dt3j7fmko] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 20px;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
}

.topic-methodology[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: repeat(2, minmax(145px, 1fr));
    gap: 10px;
    min-width: 360px;
}

.sample-banner[b-3dt3j7fmko] {
    display: grid;
    gap: 6px;
    margin-bottom: 22px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, #b45309 35%, var(--paper-deep, #e5e2da));
    border-radius: 12px;
    background: color-mix(in srgb, #f59e0b 12%, var(--surface, #fff));
    color: #7c2d12;
}

.sample-banner strong[b-3dt3j7fmko] {
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.sample-banner span[b-3dt3j7fmko] {
    font-size: 14px;
    line-height: 1.45;
}

.topic-methodology span[b-3dt3j7fmko] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-height: 72px;
    padding: 14px 16px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    color: var(--ink-3);
    background: var(--surface);
    font-size: 13px;
    font-weight: 700;
}

.topic-methodology strong[b-3dt3j7fmko] {
    color: var(--rule-2);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

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

.metric-card[b-3dt3j7fmko] {
    min-height: 122px;
    padding: 24px 22px 20px;
    border: 1px solid var(--paper-deep);
    border-top: 5px solid var(--metric-color);
    border-radius: var(--r);
    background: var(--surface);
}

.metric-card.blue[b-3dt3j7fmko] { --metric-color: var(--accent); }
.metric-card.violet[b-3dt3j7fmko] { --metric-color: var(--d-5); }
.metric-card.orange[b-3dt3j7fmko] { --metric-color: var(--d-3); }
.metric-card.green[b-3dt3j7fmko] { --metric-color: var(--pos); }
.metric-card.teal[b-3dt3j7fmko] { --metric-color: var(--accent); }

.metric-card h2[b-3dt3j7fmko] {
    min-height: 35px;
    margin: 0 0 10px;
    color: var(--ink-4);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.25;
}

.metric-card > strong[b-3dt3j7fmko] {
    display: block;
    color: var(--ink);
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.035em;
}

.metric-card > span[b-3dt3j7fmko] {
    display: block;
    margin-top: 12px;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
}

.metric-card .positive[b-3dt3j7fmko] {
    color: var(--pos);
}

.metric-card .warning[b-3dt3j7fmko] {
    color: var(--d-3);
}

.dimensions-card[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2.2fr);
    gap: 44px;
    align-items: center;
    margin-top: 28px;
    padding-top: 28px;
    padding-bottom: 28px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.dimensions-card h2[b-3dt3j7fmko] {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

.dimension-grid[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.dimension-block h3[b-3dt3j7fmko] {
    margin: 0 0 12px;
    color: var(--ink-4);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pill-group[b-3dt3j7fmko] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.filter-pill[b-3dt3j7fmko] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 13px;
    border: 1px solid var(--paper-deep);
    border-radius: 999px;
    color: var(--ink-3);
    background: var(--paper);
    font-size: 12px;
    font-weight: 650;
}

.filter-pill.active-blue[b-3dt3j7fmko] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-pill.active-green[b-3dt3j7fmko] {
    color: var(--on-accent);
    border-color: var(--pos);
    background: var(--pos);
}

.filter-pill.active-violet[b-3dt3j7fmko] {
    color: var(--on-accent);
    border-color: var(--d-5);
    background: var(--d-5);
}

.dashboard-grid[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: minmax(0, 1.52fr) minmax(340px, 0.78fr);
    gap: 24px;
    margin-top: 28px;
}

.chart-card[b-3dt3j7fmko],
.refresh-card[b-3dt3j7fmko],
.efficiency-card[b-3dt3j7fmko],
.customer-card[b-3dt3j7fmko],
.support-card[b-3dt3j7fmko],
.source-card[b-3dt3j7fmko] {
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.chart-card[b-3dt3j7fmko] {
    min-height: 510px;
    padding: 30px 32px 26px;
}

.chart-card header[b-3dt3j7fmko],
.efficiency-card header[b-3dt3j7fmko],
.customer-card header[b-3dt3j7fmko] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
}

.chart-card h2[b-3dt3j7fmko],
.refresh-card h2[b-3dt3j7fmko],
.efficiency-card h2[b-3dt3j7fmko],
.customer-card h2[b-3dt3j7fmko],
.support-card h2[b-3dt3j7fmko],
.source-card h2[b-3dt3j7fmko] {
    margin: 0;
    color: var(--ink);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.028em;
}

.chart-unit[b-3dt3j7fmko],
.efficiency-card header > span[b-3dt3j7fmko] {
    color: var(--rule-2);
    font-size: 13px;
    font-weight: 650;
    white-space: nowrap;
}

.ranking-chart[b-3dt3j7fmko] {
    display: grid;
    gap: 38px;
    margin-top: 58px;
}

.rank-row[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr) 82px;
    gap: 16px;
    align-items: center;
}

.rank-label[b-3dt3j7fmko] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rank-label strong[b-3dt3j7fmko] {
    color: var(--ink);
    font-size: 16px;
    font-weight: 700;
}

.rank-label span[b-3dt3j7fmko] {
    color: var(--pos);
    font-size: 12px;
    font-weight: 650;
}

.rank-track[b-3dt3j7fmko],
.efficiency-track[b-3dt3j7fmko] {
    height: 18px;
    overflow: hidden;
    border-radius: 999px;
    background:
        repeating-linear-gradient(
            90deg,
            var(--paper-band) 0,
            var(--paper-band) calc(25% - 1px),
            var(--paper-deep) calc(25% - 1px),
            var(--paper-deep) 25%
        );
}

.rank-track i[b-3dt3j7fmko],
.efficiency-track i[b-3dt3j7fmko] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.rank-track i.blue[b-3dt3j7fmko],
.efficiency-track i.blue[b-3dt3j7fmko] {
    background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
}

.rank-track i.violet[b-3dt3j7fmko],
.efficiency-track i.violet[b-3dt3j7fmko] {
    background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 76%, #fff), var(--accent));
}

.rank-track i.orange[b-3dt3j7fmko],
.efficiency-track i.orange[b-3dt3j7fmko] {
    background: linear-gradient(90deg, color-mix(in srgb, var(--d-3) 76%, #fff), var(--d-3));
}

.rank-value[b-3dt3j7fmko],
.efficiency-value[b-3dt3j7fmko] {
    color: var(--ink);
    font-size: 17px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.chart-axis[b-3dt3j7fmko] {
    display: flex;
    justify-content: space-between;
    margin: 28px 80px 0 124px;
    color: var(--rule-2);
    font-size: 11px;
    font-weight: 700;
}

.chart-footnote[b-3dt3j7fmko],
.card-note[b-3dt3j7fmko],
.table-note[b-3dt3j7fmko] {
    margin: 32px 0 0;
    color: var(--ink-4);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
}

.refresh-card[b-3dt3j7fmko] {
    min-height: 510px;
    padding: 30px 30px 26px;
}

.refresh-card > p:not(.section-kicker):not(.research-warning)[b-3dt3j7fmko] {
    margin: 20px 0 0;
    color: var(--ink-3);
    font-size: 16px;
    line-height: 1.6;
}

.refresh-stat[b-3dt3j7fmko] {
    margin-top: 24px;
    padding: 18px 18px 16px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.refresh-stat span[b-3dt3j7fmko],
.refresh-stat small[b-3dt3j7fmko] {
    display: block;
    color: var(--ink-4);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
}

.refresh-stat strong[b-3dt3j7fmko] {
    display: block;
    margin: 8px 0 6px;
    color: var(--ink);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.research-warning[b-3dt3j7fmko] {
    margin: 20px 0 0;
    padding-left: 14px;
    border-left: 3px solid var(--d-3);
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.efficiency-grid[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

.efficiency-card[b-3dt3j7fmko] {
    min-height: 410px;
    padding: 28px 30px 24px;
}

.efficiency-list[b-3dt3j7fmko] {
    display: grid;
    gap: 28px;
    margin-top: 36px;
}

.efficiency-row[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr) 76px;
    gap: 14px;
    align-items: center;
}

.efficiency-row > div:first-child[b-3dt3j7fmko] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.efficiency-row > div:first-child strong[b-3dt3j7fmko] {
    color: var(--ink);
    font-size: 15px;
    font-weight: 700;
}

.efficiency-row > div:first-child span[b-3dt3j7fmko] {
    color: var(--rule-2);
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.25;
}

.efficiency-track[b-3dt3j7fmko] {
    height: 13px;
}

.customer-card[b-3dt3j7fmko] {
    margin-top: 28px;
    padding: 30px 32px 26px;
}

.customer-card header > p[b-3dt3j7fmko] {
    max-width: 320px;
    margin: 0;
    color: var(--rule-2);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    text-align: right;
}

.table-wrap[b-3dt3j7fmko] {
    width: 100%;
    margin-top: 28px;
    overflow-x: auto;
}

.customer-card table[b-3dt3j7fmko] {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.customer-card th[b-3dt3j7fmko],
.customer-card td[b-3dt3j7fmko] {
    padding: 16px 14px;
    border-bottom: 1px solid var(--paper-band);
    color: var(--ink-3);
    font-size: 14px;
    text-align: left;
}

.customer-card thead th[b-3dt3j7fmko] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.customer-card tbody th[b-3dt3j7fmko],
.customer-card tbody td strong[b-3dt3j7fmko] {
    color: var(--ink);
    font-weight: 700;
}

.definition-pill[b-3dt3j7fmko] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.definition-pill.blue[b-3dt3j7fmko] {
    color: var(--accent);
    background: var(--paper-band);
}

.definition-pill.orange[b-3dt3j7fmko] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.definition-pill.violet[b-3dt3j7fmko] {
    color: var(--accent);
    background: var(--paper-band);
}

.definition-pill.green[b-3dt3j7fmko] {
    color: var(--pos);
    background: var(--paper-deep);
}

.supporting-widgets[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

.support-card[b-3dt3j7fmko] {
    min-height: 370px;
    padding: 28px 26px;
}

.footprint-list[b-3dt3j7fmko] {
    display: grid;
    gap: 10px;
    margin-top: 26px;
}

.footprint-list > div[b-3dt3j7fmko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 62px;
    padding: 12px 14px;
    border: 1px solid var(--paper-band);
    border-radius: var(--r);
    background: var(--surface);
}

.footprint-list span[b-3dt3j7fmko] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footprint-list span:last-child[b-3dt3j7fmko] {
    text-align: right;
}

.footprint-list strong[b-3dt3j7fmko] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
}

.footprint-list small[b-3dt3j7fmko] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 700;
}

.economics-list[b-3dt3j7fmko] {
    display: grid;
    gap: 12px;
    margin-top: 26px;
}

.economics-row[b-3dt3j7fmko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding: 0 16px;
    border-bottom: 1px solid var(--paper-band);
}

.economics-row span[b-3dt3j7fmko] {
    color: var(--ink-3);
    font-size: 15px;
    font-weight: 650;
}

.economics-row strong[b-3dt3j7fmko] {
    font-size: 16px;
    font-weight: 700;
}

.economics-row .positive[b-3dt3j7fmko] {
    color: var(--pos);
}

.economics-row .negative[b-3dt3j7fmko] {
    color: var(--neg);
}

.economics-row .muted[b-3dt3j7fmko] {
    color: var(--rule-2);
}

.economics-card > p[b-3dt3j7fmko] {
    margin: 24px 0 0;
    color: var(--rule-2);
    font-size: 12px;
    font-weight: 700;
}

.allocation-card ol[b-3dt3j7fmko] {
    display: grid;
    gap: 18px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.allocation-card li[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 12px;
}

.allocation-card li > span[b-3dt3j7fmko] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--r-sm);
    color: var(--on-accent);
    background: var(--accent);
    font-size: 12px;
    font-weight: 700;
}

.allocation-card strong[b-3dt3j7fmko] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
}

.allocation-card p[b-3dt3j7fmko] {
    margin: 4px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.42;
}

.source-card[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 48px;
    margin-top: 28px;
    padding-top: 32px;
    padding-bottom: 32px;
}

.source-card > div > p:last-child[b-3dt3j7fmko] {
    margin: 16px 0 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.58;
}

.source-card ul[b-3dt3j7fmko] {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.source-card li[b-3dt3j7fmko] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--paper-band);
}

.source-card a[b-3dt3j7fmko] {
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
}

.source-card li span[b-3dt3j7fmko] {
    color: var(--ink-4);
    font-size: 11.5px;
    font-weight: 600;
}

.analyst-note-section[b-3dt3j7fmko] {
    margin-top: 48px;
    padding: 70px 0 76px;
    background: var(--paper);
}

.note-eyebrow[b-3dt3j7fmko] {
    margin-bottom: 20px;
    font-size: 15px;
}

.analyst-note-section h2[b-3dt3j7fmko] {
    max-width: 1040px;
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h1);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.055em;
}

.analyst-note-section h2 span[b-3dt3j7fmko] {
    background: linear-gradient(180deg, transparent 52%, var(--paper-deep) 52%);
}

.note-intro[b-3dt3j7fmko] {
    max-width: 780px;
    margin: 24px 0 0;
    color: var(--ink-3);
    font-size: 20px;
    line-height: 1.55;
}

.note-grid[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
    gap: 28px;
    margin-top: 54px;
}

.note-card[b-3dt3j7fmko],
.timeline-card[b-3dt3j7fmko] {
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.note-card[b-3dt3j7fmko] {
    padding: 34px 38px;
}

.note-card h3[b-3dt3j7fmko],
.timeline-card h3[b-3dt3j7fmko] {
    margin: 0;
    color: var(--ink);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

.note-meta[b-3dt3j7fmko] {
    margin: 12px 0 26px;
    color: var(--rule-2);
    font-size: 14px;
    font-weight: 600;
}

.note-card p:not(.note-meta)[b-3dt3j7fmko] {
    margin: 0 0 18px;
    color: var(--ink-2);
    font-size: 17px;
    line-height: 1.6;
}

.timeline-card[b-3dt3j7fmko] {
    padding: 34px 32px;
}

.timeline-card ol[b-3dt3j7fmko] {
    display: grid;
    gap: 26px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.timeline-card li[b-3dt3j7fmko] {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 16px;
    align-items: center;
    color: var(--ink-4);
}

.timeline-card li span[b-3dt3j7fmko] {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    border-radius: 50%;
    background: var(--paper-deep);
}

.timeline-card li.active span[b-3dt3j7fmko] {
    width: 20px;
    height: 20px;
    margin-left: 0;
    border: 4px solid var(--paper-deep);
    background: var(--accent);
}

.timeline-card strong[b-3dt3j7fmko] {
    color: inherit;
    font-size: 16px;
    font-weight: 700;
}

.timeline-card li.active strong[b-3dt3j7fmko] {
    color: var(--ink);
    font-weight: 700;
}

@media (max-width: 1120px) {
    .topic-heading[b-3dt3j7fmko] {
        align-items: start;
        flex-direction: column;
    }

    .topic-methodology[b-3dt3j7fmko] {
        width: 100%;
    }

    .metric-grid[b-3dt3j7fmko] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dimensions-card[b-3dt3j7fmko],
    .dashboard-grid[b-3dt3j7fmko],
    .source-card[b-3dt3j7fmko],
    .note-grid[b-3dt3j7fmko] {
        grid-template-columns: 1fr;
    }

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

    .supporting-widgets[b-3dt3j7fmko] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 780px) {
    .topic-detail-page[b-3dt3j7fmko] {
        padding-top: 20px;
    }

    .detail-shell[b-3dt3j7fmko] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .topic-methodology[b-3dt3j7fmko],
    .metric-grid[b-3dt3j7fmko],
    .dimension-grid[b-3dt3j7fmko],
    .efficiency-grid[b-3dt3j7fmko],
    .supporting-widgets[b-3dt3j7fmko] {
        grid-template-columns: 1fr;
    }

    .dimensions-card[b-3dt3j7fmko],
    .chart-card[b-3dt3j7fmko],
    .refresh-card[b-3dt3j7fmko],
    .efficiency-card[b-3dt3j7fmko],
    .customer-card[b-3dt3j7fmko],
    .support-card[b-3dt3j7fmko],
    .note-card[b-3dt3j7fmko],
    .timeline-card[b-3dt3j7fmko],
    .source-card[b-3dt3j7fmko] {
        padding: 22px;
    }

    .chart-card header[b-3dt3j7fmko],
    .efficiency-card header[b-3dt3j7fmko],
    .customer-card header[b-3dt3j7fmko] {
        align-items: start;
        flex-direction: column;
    }

    .customer-card header > p[b-3dt3j7fmko] {
        max-width: none;
        text-align: left;
    }

    .rank-row[b-3dt3j7fmko] {
        grid-template-columns: 88px minmax(0, 1fr) 72px;
        gap: 10px;
    }

    .ranking-chart[b-3dt3j7fmko] {
        gap: 30px;
        margin-top: 42px;
    }

    .chart-axis[b-3dt3j7fmko] {
        display: none;
    }

    .efficiency-row[b-3dt3j7fmko] {
        grid-template-columns: 108px minmax(0, 1fr) 72px;
        gap: 9px;
    }

    .chart-card h2[b-3dt3j7fmko],
    .refresh-card h2[b-3dt3j7fmko],
    .efficiency-card h2[b-3dt3j7fmko],
    .customer-card h2[b-3dt3j7fmko],
    .support-card h2[b-3dt3j7fmko],
    .source-card h2[b-3dt3j7fmko],
    .note-card h3[b-3dt3j7fmko],
    .timeline-card h3[b-3dt3j7fmko] {
        font-size: 22px;
    }

    .analyst-note-section[b-3dt3j7fmko] {
        padding-top: 52px;
        padding-bottom: 58px;
    }

    .note-intro[b-3dt3j7fmko] {
        font-size: 17px;
    }

    .note-card p:not(.note-meta)[b-3dt3j7fmko] {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    .rank-row[b-3dt3j7fmko],
    .efficiency-row[b-3dt3j7fmko] {
        grid-template-columns: 1fr auto;
    }

    .rank-track[b-3dt3j7fmko],
    .efficiency-track[b-3dt3j7fmko] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .rank-value[b-3dt3j7fmko],
    .efficiency-value[b-3dt3j7fmko] {
        grid-column: 2;
        grid-row: 1;
    }
}
/* /Components/Pages/TopicDetails/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. */

.topic-data-state[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-z3hfqo0gx5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-z3hfqo0gx5],
.eyebrow[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(36px, 4.2vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.chart-period[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.metric-card[b-z3hfqo0gx5] {
    --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-z3hfqo0gx5] { --metric-color: var(--neg); }
.metric-card.blue[b-z3hfqo0gx5] { --metric-color: var(--accent); }
.metric-card.orange[b-z3hfqo0gx5] { --metric-color: var(--d-3); }
.metric-card.green[b-z3hfqo0gx5] { --metric-color: var(--pos); }
.metric-card.violet[b-z3hfqo0gx5] { --metric-color: var(--d-5); }

.metric-heading[b-z3hfqo0gx5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.metric-heading h2[b-z3hfqo0gx5] {
    min-width: 0;
    margin: 0;
    color: var(--ink-4);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.24;
}

.metric-card > strong[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    align-self: end;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
}

.status-badge[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    color: var(--pos);
    background: var(--paper-band);
}

.status-badge.provisional[b-z3hfqo0gx5] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.status-badge.estimated[b-z3hfqo0gx5] {
    color: var(--d-5);
}

.filter-panel[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-z3hfqo0gx5] {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.filter-panel header > span[b-z3hfqo0gx5] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.55;
}

.dashboard-filter-block[b-z3hfqo0gx5] {
    padding: 20px 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    color: var(--rule-2);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
    opacity: 0.72;
}

.filter-note[b-z3hfqo0gx5] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 10px;
    line-height: 1.5;
}

.date-inputs[b-z3hfqo0gx5] {
    display: grid;
    gap: 10px;
}

.date-inputs label[b-z3hfqo0gx5] {
    display: grid;
    gap: 6px;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 700;
}

.date-inputs input[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    display: grid;
    gap: 12px;
    padding-top: 20px;
}

.filter-footer > span[b-z3hfqo0gx5] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
}

.reset-filters[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.72fr);
    gap: 22px;
}

.chart-card[b-z3hfqo0gx5],
.feature-insight-card[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    padding: 30px 30px 24px;
}

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

.chart-heading h2[b-z3hfqo0gx5],
.supporting-section-heading h2[b-z3hfqo0gx5],
.feature-insight-card h2[b-z3hfqo0gx5] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(24px, 2vw, 31px);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.chart-heading h3[b-z3hfqo0gx5] {
    margin: 0;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.chart-heading > div > span[b-z3hfqo0gx5] {
    display: block;
    margin-top: 8px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
}

.feature-chart-card[b-z3hfqo0gx5]  .topic-feature-chart {
    margin-top: 22px;
}

.feature-insight-card[b-z3hfqo0gx5] {
    padding: 30px 26px;
    background:
        radial-gradient(circle at 100% 0, rgba(22, 157, 242, 0.11), transparent 32%),
        var(--paper);
}

.insight-intro[b-z3hfqo0gx5] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.62;
}

.insight-list[b-z3hfqo0gx5] {
    display: grid;
    gap: 0;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-z3hfqo0gx5] {
    display: grid;
    grid-template-columns: 12px 1fr;
    gap: 11px;
    padding: 17px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list li > span[b-z3hfqo0gx5] {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--pos);
    box-shadow: 0 0 0 5px rgba(18, 139, 112, 0.09);
}

.insight-list strong[b-z3hfqo0gx5] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-z3hfqo0gx5] {
    margin: 5px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.58;
}

.supporting-section-heading[b-z3hfqo0gx5] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.supporting-section-heading > span[b-z3hfqo0gx5] {
    max-width: 410px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
}

.supporting-chart-grid[b-z3hfqo0gx5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.detail-chart-card[b-z3hfqo0gx5] {
    min-height: 410px;
    padding: 26px;
}

.inline-empty-state[b-z3hfqo0gx5] {
    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-z3hfqo0gx5],
.component-list[b-z3hfqo0gx5] {
    display: grid;
    gap: 15px;
    margin-top: 28px;
}

.account-history > div[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    display: block;
    height: 11px;
    border-radius: 999px;
}

.account-history i.positive[b-z3hfqo0gx5] { background: var(--pos); }
.account-history i.negative[b-z3hfqo0gx5] { background: var(--neg); }
.positive-text[b-z3hfqo0gx5] { color: var(--pos); }
.negative-text[b-z3hfqo0gx5] { color: var(--neg); }

.fiscal-comparison[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    display: grid;
    gap: 8px;
    justify-items: center;
}

.fiscal-column > strong[b-z3hfqo0gx5] {
    color: var(--ink-3);
    font-size: 10px;
    text-align: center;
}

.fiscal-bars[b-z3hfqo0gx5] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.fiscal-bars span[b-z3hfqo0gx5],
.monthly-bars span[b-z3hfqo0gx5] {
    display: block;
    min-height: 8px;
    border-radius: 5px 5px 2px 2px;
}

.fiscal-bars span[b-z3hfqo0gx5] { width: 14px; }
.fiscal-bars .current[b-z3hfqo0gx5] { background: var(--neg); }
.fiscal-bars .capital[b-z3hfqo0gx5] { background: var(--accent); }
.fiscal-bars .overall[b-z3hfqo0gx5] { background: var(--d-5); }

.chart-legend[b-z3hfqo0gx5] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.chart-legend span[b-z3hfqo0gx5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-z3hfqo0gx5] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.chart-legend .current-account[b-z3hfqo0gx5] { background: var(--neg); }
.chart-legend .capital-account[b-z3hfqo0gx5] { background: var(--accent); }
.chart-legend .overall-balance[b-z3hfqo0gx5] { background: var(--d-5); }
.chart-legend .exports[b-z3hfqo0gx5] { background: var(--accent); }
.chart-legend .imports[b-z3hfqo0gx5] { background: var(--d-3); }

.monthly-bar-chart[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    display: grid;
    gap: 4px;
    justify-items: center;
}

.monthly-bars[b-z3hfqo0gx5] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.monthly-bars span[b-z3hfqo0gx5] { width: 16px; }
.monthly-bars .exports[b-z3hfqo0gx5] { background: var(--accent); }
.monthly-bars .imports[b-z3hfqo0gx5] { background: var(--d-3); }

.monthly-column strong[b-z3hfqo0gx5] {
    color: var(--ink-3);
    font-size: 10px;
    white-space: nowrap;
}

.monthly-column small[b-z3hfqo0gx5] {
    color: var(--ink-4);
    font-size: 9px;
}

.component-row[b-z3hfqo0gx5] {
    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-z3hfqo0gx5] {
    height: 10px;
    border-radius: 999px;
    background: var(--paper-band);
}

.component-row i[b-z3hfqo0gx5] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.component-row i.positive[b-z3hfqo0gx5] { background: var(--pos); }
.component-row i.negative[b-z3hfqo0gx5] { background: var(--neg); }
.component-row i.total[b-z3hfqo0gx5] { background: var(--d-5); }

@media (max-width: 1260px) {
    .metric-grid[b-z3hfqo0gx5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .feature-layout[b-z3hfqo0gx5] {
        grid-template-columns: 1fr;
    }

    .feature-insight-card[b-z3hfqo0gx5] {
        min-height: 0;
    }

    .insight-list[b-z3hfqo0gx5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .insight-list li[b-z3hfqo0gx5] {
        border: 1px solid var(--paper-deep);
        border-radius: var(--r);
        padding: 16px;
        background: var(--surface);
    }
}

@media (max-width: 1080px) {
    .filter-panel[b-z3hfqo0gx5] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .filter-panel header[b-z3hfqo0gx5],
    .filter-footer[b-z3hfqo0gx5] {
        grid-column: 1 / -1;
    }

    .dashboard-filter-block[b-z3hfqo0gx5] {
        padding: 0;
        border-bottom: 0;
    }

    .date-inputs[b-z3hfqo0gx5] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-footer[b-z3hfqo0gx5] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--paper-band);
    }
}

@media (max-width: 900px) {
    .metric-grid[b-z3hfqo0gx5],
    .supporting-chart-grid[b-z3hfqo0gx5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .insight-list[b-z3hfqo0gx5] {
        grid-template-columns: 1fr;
    }

    .supporting-section-heading[b-z3hfqo0gx5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .supporting-section-heading > span[b-z3hfqo0gx5] {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .topic-data-state[b-z3hfqo0gx5] {
        width: calc(100% - 40px);
    }

    .topic-heading-row[b-z3hfqo0gx5] {
        align-items: flex-start;
    }

    .metric-grid[b-z3hfqo0gx5],
    .supporting-chart-grid[b-z3hfqo0gx5],
    .filter-panel[b-z3hfqo0gx5] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-z3hfqo0gx5] {
        min-height: 170px;
    }

    .feature-chart-card[b-z3hfqo0gx5],
    .feature-insight-card[b-z3hfqo0gx5],
    .detail-chart-card[b-z3hfqo0gx5],
    .filter-panel[b-z3hfqo0gx5] {
        padding: 22px;
    }

    .chart-heading[b-z3hfqo0gx5] {
        flex-direction: column;
    }

    .date-inputs[b-z3hfqo0gx5] {
        grid-template-columns: 1fr;
    }

    .account-history > div[b-z3hfqo0gx5] {
        grid-template-columns: 44px minmax(70px, 1fr) 80px;
    }

    .component-row[b-z3hfqo0gx5] {
        grid-template-columns: 1fr;
        gap: 7px;
    }
}
/* /Components/Pages/TopicDetails/UsaTradeDeficit.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-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-ecsvxhsjc0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-ecsvxhsjc0],
.eyebrow[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(36px, 4.2vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.chart-period[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.metric-card[b-ecsvxhsjc0] {
    --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-ecsvxhsjc0] { --metric-color: var(--neg); }
.metric-card.blue[b-ecsvxhsjc0] { --metric-color: var(--accent); }
.metric-card.orange[b-ecsvxhsjc0] { --metric-color: var(--d-3); }
.metric-card.green[b-ecsvxhsjc0] { --metric-color: var(--pos); }
.metric-card.violet[b-ecsvxhsjc0] { --metric-color: var(--d-5); }

.metric-heading[b-ecsvxhsjc0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.metric-heading h2[b-ecsvxhsjc0] {
    min-width: 0;
    margin: 0;
    color: var(--ink-4);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.24;
}

.metric-card > strong[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    align-self: end;
    color: var(--ink-3);
    font-size: 13px;
    font-weight: 700;
}

.status-badge[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    color: var(--pos);
    background: var(--paper-band);
}

.status-badge.provisional[b-ecsvxhsjc0] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.status-badge.estimated[b-ecsvxhsjc0] {
    color: var(--d-5);
}

.filter-panel[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--paper-band);
}

.filter-panel header h2[b-ecsvxhsjc0] {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.filter-panel header > span[b-ecsvxhsjc0] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.55;
}

.dashboard-filter-block[b-ecsvxhsjc0] {
    padding: 20px 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-label[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pill[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    color: var(--rule-2);
    border-color: var(--paper-band);
    background: var(--paper);
    cursor: not-allowed;
    opacity: 0.72;
}

.filter-note[b-ecsvxhsjc0] {
    display: block;
    margin-top: 10px;
    color: var(--ink-4);
    font-size: 10px;
    line-height: 1.5;
}

.date-inputs[b-ecsvxhsjc0] {
    display: grid;
    gap: 10px;
}

.date-inputs label[b-ecsvxhsjc0] {
    display: grid;
    gap: 6px;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 700;
}

.date-inputs input[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    display: grid;
    gap: 12px;
    padding-top: 20px;
}

.filter-footer > span[b-ecsvxhsjc0] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 650;
}

.reset-filters[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.72fr);
    gap: 22px;
}

.chart-card[b-ecsvxhsjc0],
.feature-insight-card[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    padding: 30px 30px 24px;
}

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

.chart-heading h2[b-ecsvxhsjc0],
.supporting-section-heading h2[b-ecsvxhsjc0],
.feature-insight-card h2[b-ecsvxhsjc0] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(24px, 2vw, 31px);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.chart-heading h3[b-ecsvxhsjc0] {
    margin: 0;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.chart-heading > div > span[b-ecsvxhsjc0] {
    display: block;
    margin-top: 8px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
}

.feature-chart-card[b-ecsvxhsjc0]  .topic-feature-chart {
    margin-top: 22px;
}

.feature-insight-card[b-ecsvxhsjc0] {
    padding: 30px 26px;
    background:
        radial-gradient(circle at 100% 0, rgba(22, 157, 242, 0.11), transparent 32%),
        var(--paper);
}

.insight-intro[b-ecsvxhsjc0] {
    margin: 14px 0 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.62;
}

.insight-list[b-ecsvxhsjc0] {
    display: grid;
    gap: 0;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.insight-list li[b-ecsvxhsjc0] {
    display: grid;
    grid-template-columns: 12px 1fr;
    gap: 11px;
    padding: 17px 0;
    border-top: 1px solid var(--paper-deep);
}

.insight-list li > span[b-ecsvxhsjc0] {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--pos);
    box-shadow: 0 0 0 5px rgba(18, 139, 112, 0.09);
}

.insight-list strong[b-ecsvxhsjc0] {
    color: var(--ink);
    font-size: 13px;
}

.insight-list p[b-ecsvxhsjc0] {
    margin: 5px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.58;
}

.supporting-section-heading[b-ecsvxhsjc0] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.supporting-section-heading > span[b-ecsvxhsjc0] {
    max-width: 410px;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
}

.supporting-chart-grid[b-ecsvxhsjc0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.detail-chart-card[b-ecsvxhsjc0] {
    min-height: 410px;
    padding: 26px;
}

.inline-empty-state[b-ecsvxhsjc0] {
    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-ecsvxhsjc0],
.component-list[b-ecsvxhsjc0] {
    display: grid;
    gap: 15px;
    margin-top: 28px;
}

.account-history > div[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    display: block;
    height: 11px;
    border-radius: 999px;
}

.account-history i.positive[b-ecsvxhsjc0] { background: var(--pos); }
.account-history i.negative[b-ecsvxhsjc0] { background: var(--neg); }
.positive-text[b-ecsvxhsjc0] { color: var(--pos); }
.negative-text[b-ecsvxhsjc0] { color: var(--neg); }

.fiscal-comparison[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    display: grid;
    gap: 8px;
    justify-items: center;
}

.fiscal-column > strong[b-ecsvxhsjc0] {
    color: var(--ink-3);
    font-size: 10px;
    text-align: center;
}

.fiscal-bars[b-ecsvxhsjc0] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.fiscal-bars span[b-ecsvxhsjc0],
.monthly-bars span[b-ecsvxhsjc0] {
    display: block;
    min-height: 8px;
    border-radius: 5px 5px 2px 2px;
}

.fiscal-bars span[b-ecsvxhsjc0] { width: 14px; }
.fiscal-bars .current[b-ecsvxhsjc0] { background: var(--neg); }
.fiscal-bars .capital[b-ecsvxhsjc0] { background: var(--accent); }
.fiscal-bars .overall[b-ecsvxhsjc0] { background: var(--d-5); }

.chart-legend[b-ecsvxhsjc0] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 650;
}

.chart-legend span[b-ecsvxhsjc0] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-ecsvxhsjc0] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.chart-legend .current-account[b-ecsvxhsjc0] { background: var(--neg); }
.chart-legend .capital-account[b-ecsvxhsjc0] { background: var(--accent); }
.chart-legend .overall-balance[b-ecsvxhsjc0] { background: var(--d-5); }
.chart-legend .exports[b-ecsvxhsjc0] { background: var(--accent); }
.chart-legend .imports[b-ecsvxhsjc0] { background: var(--d-3); }

.monthly-bar-chart[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    display: grid;
    gap: 4px;
    justify-items: center;
}

.monthly-bars[b-ecsvxhsjc0] {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    height: 165px;
}

.monthly-bars span[b-ecsvxhsjc0] { width: 16px; }
.monthly-bars .exports[b-ecsvxhsjc0] { background: var(--accent); }
.monthly-bars .imports[b-ecsvxhsjc0] { background: var(--d-3); }

.monthly-column strong[b-ecsvxhsjc0] {
    color: var(--ink-3);
    font-size: 10px;
    white-space: nowrap;
}

.monthly-column small[b-ecsvxhsjc0] {
    color: var(--ink-4);
    font-size: 9px;
}

.component-row[b-ecsvxhsjc0] {
    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-ecsvxhsjc0] {
    height: 10px;
    border-radius: 999px;
    background: var(--paper-band);
}

.component-row i[b-ecsvxhsjc0] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.component-row i.positive[b-ecsvxhsjc0] { background: var(--pos); }
.component-row i.negative[b-ecsvxhsjc0] { background: var(--neg); }
.component-row i.total[b-ecsvxhsjc0] { background: var(--d-5); }

@media (max-width: 1260px) {
    .metric-grid[b-ecsvxhsjc0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .feature-layout[b-ecsvxhsjc0] {
        grid-template-columns: 1fr;
    }

    .feature-insight-card[b-ecsvxhsjc0] {
        min-height: 0;
    }

    .insight-list[b-ecsvxhsjc0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .insight-list li[b-ecsvxhsjc0] {
        border: 1px solid var(--paper-deep);
        border-radius: var(--r);
        padding: 16px;
        background: var(--surface);
    }
}

@media (max-width: 1080px) {
    .filter-panel[b-ecsvxhsjc0] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .filter-panel header[b-ecsvxhsjc0],
    .filter-footer[b-ecsvxhsjc0] {
        grid-column: 1 / -1;
    }

    .dashboard-filter-block[b-ecsvxhsjc0] {
        padding: 0;
        border-bottom: 0;
    }

    .date-inputs[b-ecsvxhsjc0] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-footer[b-ecsvxhsjc0] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--paper-band);
    }
}

@media (max-width: 900px) {
    .metric-grid[b-ecsvxhsjc0],
    .supporting-chart-grid[b-ecsvxhsjc0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .insight-list[b-ecsvxhsjc0] {
        grid-template-columns: 1fr;
    }

    .supporting-section-heading[b-ecsvxhsjc0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .supporting-section-heading > span[b-ecsvxhsjc0] {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .topic-data-state[b-ecsvxhsjc0] {
        width: calc(100% - 40px);
    }

    .topic-heading-row[b-ecsvxhsjc0] {
        align-items: flex-start;
    }

    .metric-grid[b-ecsvxhsjc0],
    .supporting-chart-grid[b-ecsvxhsjc0],
    .filter-panel[b-ecsvxhsjc0] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-ecsvxhsjc0] {
        min-height: 170px;
    }

    .feature-chart-card[b-ecsvxhsjc0],
    .feature-insight-card[b-ecsvxhsjc0],
    .detail-chart-card[b-ecsvxhsjc0],
    .filter-panel[b-ecsvxhsjc0] {
        padding: 22px;
    }

    .chart-heading[b-ecsvxhsjc0] {
        flex-direction: column;
    }

    .date-inputs[b-ecsvxhsjc0] {
        grid-template-columns: 1fr;
    }

    .account-history > div[b-ecsvxhsjc0] {
        grid-template-columns: 44px minmax(70px, 1fr) 80px;
    }

    .component-row[b-ecsvxhsjc0] {
        grid-template-columns: 1fr;
        gap: 7px;
    }
}
/* /Components/Pages/TopicDetails/UsRatesComposedChart.razor.rz.scp.css */
/* ── Series identity ─────────────────────────────────────────────────────
   The three interest-rate series must never read as variations of one
   colour, so they take teal / navy / ochre from opposite ends of the data
   ramp AND different dash patterns. Anyone printing in greyscale or with a
   colour-vision deficiency can still separate them by stroke pattern. */
.us-rates-chart[b-5mt8jv9a09] {
    --c-inflation: var(--d-5);
    --c-fed:       var(--d-1);
    --c-five:      var(--d-2);
    --c-ten:       var(--d-3);
    --c-gdp:       var(--d-4);
    --c-gap:       var(--ink-3);

    position: relative;
    margin: 0;
}

.us-rates-chart svg[b-5mt8jv9a09] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

/* ── Background layers ──────────────────────────────────────────────── */
.recession-bands rect[b-5mt8jv9a09] {
    fill: var(--ink-4);
    opacity: 0.10;
}

.grid line[b-5mt8jv9a09] {
    stroke: var(--rule);
    stroke-width: 1;
}

.grid line.zero-line[b-5mt8jv9a09] {
    stroke: var(--ink-3);
    stroke-width: 1.5;
}

.axis-label[b-5mt8jv9a09] {
    fill: var(--ink-4);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.axis-label.y[b-5mt8jv9a09] { text-anchor: end; }
.axis-label.x[b-5mt8jv9a09] { text-anchor: middle; }

/* ── Inflation bars: behind the lines, and translucent so a line crossing
      a bar stays fully readable. ───────────────────────────────────────── */
.inflation-bars rect[b-5mt8jv9a09] {
    fill: var(--c-inflation);
    opacity: 0.28;
}

.inflation-bars rect.negative[b-5mt8jv9a09] {
    fill: var(--neg);
    opacity: 0.30;
}

/* ── Fed cycle markers ──────────────────────────────────────────────── */
.cycle-markers line[b-5mt8jv9a09] {
    stroke-width: 1;
    stroke-dasharray: 3 4;
    opacity: 0.75;
}

.cycle-markers line.hike[b-5mt8jv9a09] { stroke: var(--d-3); }
.cycle-markers line.cut[b-5mt8jv9a09] { stroke: var(--accent); }
.cycle-markers line.emergency[b-5mt8jv9a09] { stroke: var(--neg); }

.marker-label[b-5mt8jv9a09] {
    fill: var(--ink-4);
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-anchor: middle;
    text-transform: uppercase;
}

/* ── Rate lines ─────────────────────────────────────────────────────── */
.series-line[b-5mt8jv9a09] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

/* Fed Funds is the reference series, so it is the most prominent. */
.series-line.tone-fed[b-5mt8jv9a09] {
    stroke: var(--c-fed);
    stroke-width: 2.6;
}

.series-line.tone-five[b-5mt8jv9a09] {
    stroke: var(--c-five);
    stroke-width: 1.9;
    stroke-dasharray: 7 3;
}

.series-line.tone-ten[b-5mt8jv9a09] {
    stroke: var(--c-ten);
    stroke-width: 1.9;
    stroke-dasharray: 2 3;
}

.series-line.tone-gdp[b-5mt8jv9a09] {
    stroke: var(--c-gdp);
    stroke-width: 2.2;
    stroke-dasharray: 11 4 2 4;
}

.series-line.tone-gap[b-5mt8jv9a09] {
    stroke: var(--c-gap);
    stroke-width: 1.5;
    stroke-dasharray: 1 4;
    opacity: 0.85;
}

/* ── Hover ──────────────────────────────────────────────────────────── */
.hover-rule[b-5mt8jv9a09] {
    stroke: var(--ink-3);
    stroke-width: 1;
    stroke-dasharray: 2 3;
}

.hover-dot[b-5mt8jv9a09] {
    stroke: var(--surface);
    stroke-width: 1.5;
}

.hover-dot.tone-fed[b-5mt8jv9a09] { fill: var(--c-fed); }
.hover-dot.tone-five[b-5mt8jv9a09] { fill: var(--c-five); }
.hover-dot.tone-ten[b-5mt8jv9a09] { fill: var(--c-ten); }
.hover-dot.tone-gdp[b-5mt8jv9a09] { fill: var(--c-gdp); }
.hover-dot.tone-gap[b-5mt8jv9a09] { fill: var(--c-gap); }

.hover-targets rect[b-5mt8jv9a09] {
    fill: transparent;
    cursor: crosshair;
}

/* ── Tooltip ────────────────────────────────────────────────────────── */
.chart-tooltip[b-5mt8jv9a09] {
    margin-top: 14px;
    padding: 16px 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
    box-shadow: var(--lift-2);
}

.chart-tooltip header[b-5mt8jv9a09] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--paper-band);
}

.chart-tooltip header strong[b-5mt8jv9a09] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 750;
}

.recession-tag[b-5mt8jv9a09] {
    padding: 2px 8px;
    border-radius: 999px;
    color: var(--ink-3);
    background: var(--paper-band);
    font-size: 10px;
    font-weight: 700;
}

.chart-tooltip dl[b-5mt8jv9a09] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 8px 20px;
    margin: 0;
}

.chart-tooltip dl > div[b-5mt8jv9a09] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.chart-tooltip dt[b-5mt8jv9a09] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--ink-3);
    font-size: 12px;
}

/* Legend swatch repeats the line's dash pattern, not just its colour. */
.chart-tooltip dt i[b-5mt8jv9a09] {
    display: inline-block;
    width: 16px;
    height: 0;
    border-top-width: 2.5px;
    border-top-style: solid;
}

.chart-tooltip dt i.tone-inflation[b-5mt8jv9a09] {
    height: 10px;
    border: 0;
    background: var(--c-inflation);
    opacity: 0.35;
}

.chart-tooltip dt i.tone-fed[b-5mt8jv9a09] { border-top-color: var(--c-fed); }
.chart-tooltip dt i.tone-five[b-5mt8jv9a09] { border-top-color: var(--c-five); border-top-style: dashed; }
.chart-tooltip dt i.tone-ten[b-5mt8jv9a09] { border-top-color: var(--c-ten); border-top-style: dotted; }
.chart-tooltip dt i.tone-gdp[b-5mt8jv9a09] { border-top-color: var(--c-gdp); border-top-style: dashed; }
.chart-tooltip dt i.tone-gap[b-5mt8jv9a09] { border-top-color: var(--c-gap); border-top-style: dotted; }

.chart-tooltip dd[b-5mt8jv9a09] {
    margin: 0;
    color: var(--ink);
    font-size: 13px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.chart-tooltip dd small[b-5mt8jv9a09] {
    display: block;
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 500;
}

.tooltip-spreads[b-5mt8jv9a09] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--paper-band);
    color: var(--ink-3);
    font-size: 11.5px;
}

.tooltip-spreads strong[b-5mt8jv9a09] {
    color: var(--ink-2);
    font-variant-numeric: tabular-nums;
}

.tooltip-note[b-5mt8jv9a09] {
    margin: 10px 0 0;
    color: var(--ink-4);
    font-size: 11px;
    line-height: 1.5;
}

/* ── Empty ──────────────────────────────────────────────────────────── */
.chart-empty[b-5mt8jv9a09] {
    display: grid;
    min-height: 300px;
    padding: 40px;
    place-items: center;
    border: 1px dashed var(--rule-2);
    border-radius: var(--r);
    text-align: center;
}

.chart-empty strong[b-5mt8jv9a09] {
    display: block;
    color: var(--ink-2);
    font-size: 15px;
}

.chart-empty span[b-5mt8jv9a09] {
    color: var(--ink-4);
    font-size: 13px;
}

@media (max-width: 680px) {
    .marker-label[b-5mt8jv9a09] { display: none; }

    .chart-tooltip dl[b-5mt8jv9a09] { grid-template-columns: 1fr; }
}

/* Dark mode: the page keeps its light surfaces, but if the viewer's OS
   prefers dark the translucent fills need more presence to stay visible. */
@media (prefers-color-scheme: dark) {
    .recession-bands rect[b-5mt8jv9a09] { opacity: 0.16; }
    .inflation-bars rect[b-5mt8jv9a09] { opacity: 0.36; }
}
/* /Components/Pages/TopicDetails/UsRatesGrowthInflation.razor.rz.scp.css */
/* Shares the standard topic-detail class vocabulary established by
   IndiaBalanceOfPayments.razor.css. Keep aligned until the shared subset
   moves into TopicDetailLayout.razor.css. */

.topic-data-state[b-pmmey38ufc] {
    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-pmmey38ufc] {
    display: grid;
    gap: 7px;
    color: var(--neg);
    border-color: var(--neg-tint);
}

.topic-heading-row[b-pmmey38ufc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.topic-category[b-pmmey38ufc] {
    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-pmmey38ufc] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.topic-question[b-pmmey38ufc] {
    max-width: 640px;
    margin: 16px 0 0;
    color: var(--ink-3);
    font-size: var(--fs-lede);
    font-style: italic;
    line-height: 1.5;
}

/* ── Summary cards ──────────────────────────────────────────────────── */
.metric-grid[b-pmmey38ufc] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.metric-card[b-pmmey38ufc] {
    --metric-color: var(--accent);
    display: grid;
    grid-template-rows: minmax(46px, auto) minmax(40px, auto) auto auto;
    min-width: 0;
    min-height: 176px;
    padding: 20px 18px 18px;
    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.positive[b-pmmey38ufc] { --metric-color: var(--pos); }
.metric-card.negative[b-pmmey38ufc] { --metric-color: var(--neg); }

.metric-heading[b-pmmey38ufc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
}

.metric-heading h2[b-pmmey38ufc] {
    min-width: 0;
    margin: 0;
    color: var(--ink-4);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.metric-card > strong[b-pmmey38ufc] {
    align-self: center;
    color: var(--ink);
    font-size: clamp(22px, 1.8vw, 30px);
    font-weight: 750;
    line-height: 1;
    letter-spacing: -0.045em;
    font-variant-numeric: tabular-nums;
}

.metric-period[b-pmmey38ufc] {
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 700;
}

.metric-basis[b-pmmey38ufc] {
    margin-top: 4px;
    color: var(--ink-4);
    font-size: 10.5px;
    line-height: 1.4;
}

.status-badge[b-pmmey38ufc] {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge.quarterly[b-pmmey38ufc] {
    color: var(--d-3);
    background: var(--warn-tint);
}

.kpi-note[b-pmmey38ufc] {
    margin: 14px 0 0;
    color: var(--ink-4);
    font-size: 12px;
    line-height: 1.55;
}

/* ── Filter rail ────────────────────────────────────────────────────── */
.filter-block[b-pmmey38ufc] {
    padding: 20px 0;
    border-bottom: 1px solid var(--paper-band);
}

.filter-block.last[b-pmmey38ufc] { border-bottom: 0; }

.filter-block h3[b-pmmey38ufc] {
    margin: 0 0 12px;
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.filter-hint[b-pmmey38ufc] {
    margin: 10px 0 0;
    color: var(--ink-4);
    font-size: 11px;
    line-height: 1.5;
}

.segmented[b-pmmey38ufc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.segmented button[b-pmmey38ufc] {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    color: var(--ink-3);
    cursor: pointer;
    background: var(--surface);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    transition: border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.segmented button:hover[b-pmmey38ufc] { border-color: var(--rule-2); color: var(--ink); }

.segmented button.active[b-pmmey38ufc] {
    border-color: var(--accent);
    color: var(--on-accent);
    background: var(--accent);
}

.custom-range[b-pmmey38ufc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
}

.custom-range label[b-pmmey38ufc] {
    display: grid;
    gap: 5px;
}

.custom-range span[b-pmmey38ufc] {
    color: var(--ink-4);
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.custom-range input[b-pmmey38ufc] {
    min-height: 34px;
    padding: 0 8px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    color: var(--ink-2);
    background: var(--paper);
    font: inherit;
    font-size: 12px;
}

/* ── Series toggles: swatch repeats the chart's dash pattern ─────────── */
.series-toggles[b-pmmey38ufc] {
    display: grid;
    gap: 7px;
}

.series-toggles label[b-pmmey38ufc] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: var(--r-sm);
    color: var(--ink-4);
    cursor: pointer;
    font-size: 12px;
    font-weight: 650;
    transition: background 140ms ease, color 140ms ease;
}

.series-toggles label.on[b-pmmey38ufc] {
    color: var(--ink-2);
    background: var(--paper);
    border-color: var(--paper-deep);
}

.series-toggles input[b-pmmey38ufc] { accent-color: var(--accent); }

.series-toggles i[b-pmmey38ufc],
.chart-legend i[b-pmmey38ufc] {
    display: inline-block;
    width: 18px;
    height: 0;
    flex: 0 0 18px;
    border-top-width: 2.5px;
    border-top-style: solid;
}

.series-toggles i.tone-inflation[b-pmmey38ufc],
.chart-legend i.tone-inflation[b-pmmey38ufc] {
    height: 10px;
    border: 0;
    background: var(--d-5);
    opacity: 0.35;
}

.chart-legend i.tone-recession[b-pmmey38ufc] {
    height: 10px;
    border: 0;
    background: var(--ink-4);
    opacity: 0.18;
}

.series-toggles i.tone-fed[b-pmmey38ufc], .chart-legend i.tone-fed[b-pmmey38ufc] { border-top-color: var(--d-1); }
.series-toggles i.tone-five[b-pmmey38ufc], .chart-legend i.tone-five[b-pmmey38ufc] { border-top-color: var(--d-2); border-top-style: dashed; }
.series-toggles i.tone-ten[b-pmmey38ufc], .chart-legend i.tone-ten[b-pmmey38ufc] { border-top-color: var(--d-3); border-top-style: dotted; }
.series-toggles i.tone-gdp[b-pmmey38ufc], .chart-legend i.tone-gdp[b-pmmey38ufc] { border-top-color: var(--d-4); border-top-style: dashed; }
.series-toggles i.tone-gap[b-pmmey38ufc], .chart-legend i.tone-gap[b-pmmey38ufc] { border-top-color: var(--ink-3); border-top-style: dotted; }

.plain-toggle[b-pmmey38ufc] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 9px;
    color: var(--ink-3);
    cursor: pointer;
    font-size: 12px;
    font-weight: 650;
}

.plain-toggle input[b-pmmey38ufc] { accent-color: var(--accent); }

/* ── Chart frame ────────────────────────────────────────────────────── */
.chart-frame[b-pmmey38ufc] {
    padding: 26px;
    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);
}

.chart-frame-head[b-pmmey38ufc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.chart-frame-head h2[b-pmmey38ufc] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    letter-spacing: -0.03em;
}

.chart-frame-head p[b-pmmey38ufc] {
    max-width: 620px;
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 13px;
    line-height: 1.6;
}

.observation-count[b-pmmey38ufc] {
    flex: 0 0 auto;
    padding: 5px 11px;
    border-radius: 999px;
    color: var(--ink-4);
    background: var(--paper);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.chart-legend[b-pmmey38ufc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--paper-band);
    color: var(--ink-3);
    font-size: 11.5px;
    font-weight: 650;
}

.chart-legend span[b-pmmey38ufc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* ── Support cards ──────────────────────────────────────────────────── */
.support-grid[b-pmmey38ufc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 18px;
}

.support-card[b-pmmey38ufc] {
    padding: 24px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.support-card h2[b-pmmey38ufc] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h3);
    letter-spacing: -0.03em;
}

.card-intro[b-pmmey38ufc] {
    margin: 8px 0 18px;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.55;
}

.spread-list[b-pmmey38ufc] {
    display: grid;
    gap: 1px;
    background: var(--paper-band);
    border: 1px solid var(--paper-band);
    border-radius: var(--r-sm);
    overflow: hidden;
}

.spread-list > div[b-pmmey38ufc] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 13px;
    background: var(--surface);
}

.spread-list span[b-pmmey38ufc] {
    color: var(--ink-3);
    font-size: 12.5px;
}

.spread-list strong[b-pmmey38ufc] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.spread-list strong.positive[b-pmmey38ufc] { color: var(--pos); }
.spread-list strong.negative[b-pmmey38ufc] { color: var(--neg); }

.spread-period[b-pmmey38ufc],
.empty-note[b-pmmey38ufc] {
    margin: 12px 0 0;
    color: var(--ink-4);
    font-size: 11.5px;
}

/* ── Explainer ──────────────────────────────────────────────────────── */
.explainer-section[b-pmmey38ufc],
.sources-section[b-pmmey38ufc] {
    width: min(calc(100% - 80px), var(--maxw));
    margin: 0 auto;
}

.explainer-shell[b-pmmey38ufc],
.sources-shell[b-pmmey38ufc] {
    padding: 34px 38px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.explainer-eyebrow[b-pmmey38ufc] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.explainer-shell h2[b-pmmey38ufc],
.sources-shell h2[b-pmmey38ufc] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    letter-spacing: -0.03em;
}

.explainer-grid[b-pmmey38ufc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 24px;
}

.explainer-grid h3[b-pmmey38ufc] {
    margin: 0 0 8px;
    color: var(--ink-2);
    font-size: 14px;
    font-weight: 750;
}

.explainer-grid p[b-pmmey38ufc] {
    margin: 0;
    color: var(--ink-3);
    font-size: 13px;
    line-height: 1.65;
}

.explainer-caveat[b-pmmey38ufc] {
    margin: 24px 0 0;
    padding: 16px 18px;
    border-left: 3px solid var(--warn);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    color: var(--ink-3);
    background: var(--warn-tint);
    font-size: 13px;
    line-height: 1.65;
}

.explainer-caveat strong[b-pmmey38ufc] { color: var(--ink-2); }

/* ── Sources ────────────────────────────────────────────────────────── */
.source-list[b-pmmey38ufc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.source-list article[b-pmmey38ufc] {
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r-sm);
    background: var(--paper);
}

.source-list strong[b-pmmey38ufc] { color: var(--ink-2); font-size: 13px; }
.source-list span[b-pmmey38ufc] { color: var(--ink-4); font-size: 11px; }
.source-list a[b-pmmey38ufc] { color: var(--accent); font-size: 11.5px; font-weight: 650; }

.definition-list[b-pmmey38ufc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    margin: 24px 0 0;
    padding-top: 20px;
    border-top: 1px solid var(--paper-band);
}

.definition-list dt[b-pmmey38ufc] {
    color: var(--ink-2);
    font-size: 12px;
    font-weight: 750;
}

.definition-list dd[b-pmmey38ufc] {
    margin: 5px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.6;
}

.sources-note[b-pmmey38ufc] {
    margin: 20px 0 0;
    color: var(--ink-4);
    font-size: 11.5px;
    line-height: 1.6;
}

.sources-note code[b-pmmey38ufc] {
    padding: 1px 5px;
    border-radius: 3px;
    background: var(--paper-band);
    font-family: var(--mono);
    font-size: 11px;
}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 1200px) {
    .metric-grid[b-pmmey38ufc] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

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

    .topic-heading-row[b-pmmey38ufc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .chart-frame-head[b-pmmey38ufc] { flex-direction: column; }

    .explainer-section[b-pmmey38ufc],
    .sources-section[b-pmmey38ufc] { width: calc(100% - 40px); }

    .explainer-shell[b-pmmey38ufc],
    .sources-shell[b-pmmey38ufc] { padding: 24px 22px; }

    .chart-frame[b-pmmey38ufc] { padding: 18px 16px; }
}

@media (max-width: 460px) {
    .metric-grid[b-pmmey38ufc] { grid-template-columns: 1fr; }
    .custom-range[b-pmmey38ufc] { grid-template-columns: 1fr; }
}
/* /Components/Pages/TopicDetails/UsRatesInterpretationPanel.razor.rz.scp.css */
.interpretation-section[b-wmng5b9vpp] {
    width: min(calc(100% - 80px), var(--maxw));
    margin: 0 auto;
}

.interpretation-shell[b-wmng5b9vpp] {
    padding: 34px 38px;
    border: 1px solid var(--accent-tint);
    border-radius: var(--r);
    background: var(--accent-wash);
}

.interpretation-eyebrow[b-wmng5b9vpp] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.interpretation-shell h2[b-wmng5b9vpp] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    letter-spacing: -0.03em;
}

.interpretation-range[b-wmng5b9vpp] {
    margin: 8px 0 0;
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.finding-list[b-wmng5b9vpp] {
    display: grid;
    gap: 14px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.finding-list li[b-wmng5b9vpp] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 16px 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.finding-marker[b-wmng5b9vpp] {
    width: 8px;
    height: 8px;
    margin-top: 7px;
    border-radius: 50%;
    background: var(--accent);
}

.finding-list p[b-wmng5b9vpp] {
    margin: 0;
    color: var(--ink-2);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.55;
}

.finding-list small[b-wmng5b9vpp] {
    display: block;
    margin-top: 6px;
    color: var(--ink-4);
    font-size: 11.5px;
    line-height: 1.6;
    font-variant-numeric: tabular-nums;
}

.interpretation-caveat[b-wmng5b9vpp] {
    margin: 20px 0 0;
    color: var(--ink-3);
    font-size: 12px;
    line-height: 1.6;
}

.empty-note[b-wmng5b9vpp] {
    margin: 20px 0 0;
    color: var(--ink-4);
    font-size: 13px;
}

@media (max-width: 760px) {
    .interpretation-section[b-wmng5b9vpp] { width: calc(100% - 40px); }
    .interpretation-shell[b-wmng5b9vpp] { padding: 24px 22px; }
}
/* /Components/Pages/TopicDetails/UsRatesLeadLagPanel.razor.rz.scp.css */
.lead-lag-section[b-g97psswp1t] {
    width: min(calc(100% - 80px), var(--maxw));
    margin: 0 auto;
}

.lead-lag-shell[b-g97psswp1t] {
    padding: 34px 38px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--surface);
}

.lead-lag-eyebrow[b-g97psswp1t] {
    margin: 0 0 8px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.lead-lag-shell h2[b-g97psswp1t] {
    margin: 0;
    color: var(--ink);
    font-size: var(--fs-h2);
    letter-spacing: -0.03em;
}

.lead-lag-intro[b-g97psswp1t] {
    max-width: 760px;
    margin: 12px 0 0;
    color: var(--ink-3);
    font-size: 14px;
    line-height: 1.65;
}

.tally-row[b-g97psswp1t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin: 24px 0;
}

.tally-row article[b-g97psswp1t] {
    display: grid;
    gap: 4px;
    padding: 16px 18px;
    border: 1px solid var(--paper-deep);
    border-radius: var(--r);
    background: var(--paper);
}

.tally-row span[b-g97psswp1t] {
    color: var(--ink-4);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tally-row strong[b-g97psswp1t] {
    color: var(--ink);
    font-size: 26px;
    font-weight: 750;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
}

.tally-row small[b-g97psswp1t] {
    color: var(--ink-3);
    font-size: 11.5px;
}

.lead-lag-scroll[b-g97psswp1t] {
    overflow-x: auto;
}

.lead-lag-table[b-g97psswp1t] {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
}

.lead-lag-table th[b-g97psswp1t] {
    padding: 11px 14px;
    border-bottom: 1px solid var(--rule-2);
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.lead-lag-table th.numeric[b-g97psswp1t],
.lead-lag-table td.numeric[b-g97psswp1t] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.lead-lag-table td[b-g97psswp1t] {
    padding: 14px;
    border-bottom: 1px solid var(--paper-band);
    color: var(--ink-2);
    font-size: 13px;
    white-space: nowrap;
}

.lead-lag-table tbody tr:hover[b-g97psswp1t] { background: var(--paper); }

.lead-lag-table td strong[b-g97psswp1t] {
    display: block;
    color: var(--ink);
    font-size: 13px;
    font-weight: 700;
}

.lead-lag-table td small[b-g97psswp1t] {
    display: block;
    margin-top: 3px;
    color: var(--ink-4);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

/* Sign is carried by weight and colour together, so the direction survives
   greyscale printing. */
.lead-lag-table td.led[b-g97psswp1t] {
    color: var(--pos);
    font-weight: 750;
}

.lead-lag-table td.lagged[b-g97psswp1t] {
    color: var(--neg);
    font-weight: 750;
}

.lead-lag-table td.same[b-g97psswp1t],
.lead-lag-table td.unknown[b-g97psswp1t] {
    color: var(--ink-4);
}

.rule-note[b-g97psswp1t] {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--paper-band);
}

.rule-note p[b-g97psswp1t] {
    margin: 0;
    color: var(--ink-3);
    font-size: 12.5px;
    line-height: 1.65;
}

.rule-note strong[b-g97psswp1t] { color: var(--ink-2); }

.rule-note .caveat[b-g97psswp1t] {
    margin-top: 12px;
    padding: 14px 16px;
    border-left: 3px solid var(--warn);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    background: var(--warn-tint);
}

.empty-note[b-g97psswp1t] {
    margin: 20px 0 0;
    color: var(--ink-4);
    font-size: 13px;
}

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

@media (max-width: 760px) {
    .lead-lag-section[b-g97psswp1t] { width: calc(100% - 40px); }
    .lead-lag-shell[b-g97psswp1t] { padding: 24px 22px; }
}
/* /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;
}

.topics-research-band[b-3gmo07e4ik] {
    padding-top: 12px;
    padding-bottom: 48px;
}

.expert-band[b-3gmo07e4ik] {
    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-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/FeaturedResearch.razor.rz.scp.css */
.home-research[b-wpzbn95iuu] {
    padding-top: 8px;
    padding-bottom: 8px;
}

.home-research-eyebrow[b-wpzbn95iuu] {
    margin: 0 0 12px;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-research-head[b-wpzbn95iuu] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
}

.home-research-head h2[b-wpzbn95iuu] {
    margin: 0;
    font-size: var(--fs-h2, 32px);
    line-height: 1.2;
}

.home-research-head a[b-wpzbn95iuu] {
    flex: 0 0 auto;
    color: var(--color-primary);
    font-size: 15px;
    font-weight: 650;
}

.home-research-intro[b-wpzbn95iuu] {
    max-width: 780px;
    margin: 12px 0 0;
    color: var(--color-muted);
    font-size: 18px;
    line-height: 1.55;
}

.home-research-note[b-wpzbn95iuu] {
    margin: 16px 0 0;
    color: var(--color-muted);
    font-size: 14px;
}

.home-research-grid[b-wpzbn95iuu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 32px;
}

.home-research-card[b-wpzbn95iuu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 220px;
    padding: 28px 24px 22px;
    border: 1px solid var(--color-border);
    border-radius: var(--r);
    background: var(--color-surface);
    box-shadow: var(--lift);
    color: inherit;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.home-research-card:hover[b-wpzbn95iuu],
.home-research-card:focus-visible[b-wpzbn95iuu] {
    border-color: var(--rule-2, var(--color-primary));
    transform: translateY(-3px);
    box-shadow: var(--lift-2);
}

.home-research-meta[b-wpzbn95iuu] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.home-research-card h3[b-wpzbn95iuu] {
    margin: 4px 0 0;
    font-size: 22px;
    line-height: 1.25;
}

.home-research-card p[b-wpzbn95iuu] {
    margin: 0;
    color: var(--color-muted);
    font-size: 14.5px;
    line-height: 1.5;
}

.home-research-card strong[b-wpzbn95iuu] {
    margin-top: auto;
    font-size: 18px;
}

.home-research-card small[b-wpzbn95iuu] {
    color: var(--color-muted);
    font-size: 13px;
}

.home-research-open[b-wpzbn95iuu] {
    color: var(--color-primary);
    font-size: 14.5px;
    font-weight: 650;
}

.tone-teal[b-wpzbn95iuu] {
    box-shadow: var(--lift), inset 0 7px 0 var(--color-primary);
}

@media (max-width: 760px) {
    .home-research-head[b-wpzbn95iuu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-research-grid[b-wpzbn95iuu] {
        grid-template-columns: 1fr;
    }
}
/* /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/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/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/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;
    }
}