/* /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;
    border-radius: var(--r);
}

.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;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(16, 165, 245, 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(16, 165, 245, 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(--ink);
    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: #1677e8;
    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; }

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

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

.hero-stats[b-91547702oc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 540px;
    margin: 48px 0 0;
}

.hero-stats dt[b-91547702oc] {
    font-size: var(--fs-stat);
    font-weight: 650;
    line-height: 1.15;
}

.hero-stats dd[b-91547702oc] {
    margin: 8px 0 0;
    color: var(--color-muted);
    font-size: 15px;
    line-height: 1.25;
}

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

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

.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],
    .hero-stats[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;
    }

    .hero-stats[b-91547702oc] {
        gap: 12px;
        margin-top: 42px;
    }

    .hero-stats dt[b-91547702oc] {
        font-size: 28px;
    }

    .hero-stats dd[b-91547702oc] {
        font-size: 13px;
    }

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

.dataset-line[b-vgctf9krnl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.dataset-line span[b-vgctf9krnl],
.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/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;
}

.dataset-line[b-qum03vcmsv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.dataset-line span[b-qum03vcmsv],
.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/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;
}

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

.dataset-line[b-z3hfqo0gx5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.dataset-line span[b-z3hfqo0gx5],
.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;
}

.dataset-line[b-ecsvxhsjc0] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.dataset-line span[b-ecsvxhsjc0],
.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;
}

.dataset-line[b-pmmey38ufc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.dataset-line span[b-pmmey38ufc] {
    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;
}

/* ── 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-hero[b-3gmo07e4ik] {
    padding: 56px 0 50px;
    background: linear-gradient(160deg, var(--paper) 0%, var(--paper-band) 100%);
}

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

.topics-hero h1[b-3gmo07e4ik] {
    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-3gmo07e4ik] {
    max-width: 580px;
    margin: 0 0 30px;
    color: var(--ink-3);
    font-size: 16.5px;
    line-height: 1.6;
}

.topics-search-row[b-3gmo07e4ik] {
    display: flex;
    gap: 14px;
    max-width: 820px;
    margin-bottom: 28px;
}

.topics-search[b-3gmo07e4ik] {
    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-3gmo07e4ik],
.topics-search input[b-3gmo07e4ik] {
    font-size: 14.5px;
}

.suggest-button[b-3gmo07e4ik] {
    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-3gmo07e4ik] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.topic-chips span[b-3gmo07e4ik],
.topic-chips button[b-3gmo07e4ik] {
    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-3gmo07e4ik],
.topic-chips button.active[b-3gmo07e4ik] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.library-view-toggle[b-3gmo07e4ik] {
    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-3gmo07e4ik] {
    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-3gmo07e4ik] {
    color: var(--ink);
    background: var(--paper-band);
}

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

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

.topics-body[b-3gmo07e4ik] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 32px;
    align-items: start;
    padding-top: 40px;
    padding-bottom: 20px;
}

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

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

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

.filter-group.last[b-3gmo07e4ik] {
    margin-bottom: 0;
}

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

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

.check[b-3gmo07e4ik] {
    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-3gmo07e4ik] {
    border-color: var(--accent);
    background: var(--accent);
}

.status-pills[b-3gmo07e4ik] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.status-pills span[b-3gmo07e4ik],
.status-pills button[b-3gmo07e4ik] {
    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-3gmo07e4ik] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

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

.topic-list-card[b-3gmo07e4ik] {
    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-3gmo07e4ik],
.topic-list-card:focus-visible[b-3gmo07e4ik] {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px -20px rgba(23, 55, 94, 0.35);
}

.topic-list-card.blue[b-3gmo07e4ik] {
    --topic-accent: var(--accent);
}

.topic-list-card.orange[b-3gmo07e4ik] {
    --topic-accent: var(--d-3);
}

.topic-list-card.green[b-3gmo07e4ik] {
    --topic-accent: var(--pos);
}

.topic-list-card.violet[b-3gmo07e4ik] {
    --topic-accent: var(--d-5);
}

.topic-list-card.teal[b-3gmo07e4ik] {
    --topic-accent: var(--pos);
}

.topic-list-card.red[b-3gmo07e4ik] {
    --topic-accent: var(--neg);
}

.topic-list-meta[b-3gmo07e4ik] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.topic-card-actions[b-3gmo07e4ik] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.topic-list-meta span[b-3gmo07e4ik] {
    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-3gmo07e4ik] {
    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-3gmo07e4ik]::before {
    content: "◆";
    font-size: 8px;
    letter-spacing: 0;
}

.topic-list-card h2[b-3gmo07e4ik] {
    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-3gmo07e4ik] {
    display: block;
    color: inherit;
}

.topic-value[b-3gmo07e4ik] {
    margin: 0;
    color: var(--color-navy);
    font-size: 15px;
    font-weight: 650;
}

.topic-updated[b-3gmo07e4ik] {
    margin: 4px 0 14px;
    color: var(--ink-4);
    font-size: 13px;
}

.topic-list-card svg[b-3gmo07e4ik] {
    display: block;
    width: 100%;
    height: 50px;
}

.topic-list-card polyline[b-3gmo07e4ik] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.library-empty[b-3gmo07e4ik] {
    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-3gmo07e4ik] {
    color: var(--d-3);
    font-size: 48px;
}

.library-empty h2[b-3gmo07e4ik] {
    min-height: 0;
    margin: 12px 0 8px;
}

.library-empty p[b-3gmo07e4ik] {
    margin: 0;
}

.library-empty button[b-3gmo07e4ik] {
    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;
}

.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: 980px) {
    .topics-body[b-3gmo07e4ik] {
        grid-template-columns: 1fr;
    }

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

    .topics-filter h2[b-3gmo07e4ik] {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }
}

@media (max-width: 760px) {
    .topics-shell[b-3gmo07e4ik] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .topics-search-row[b-3gmo07e4ik],
    .expert-band[b-3gmo07e4ik] {
        align-items: stretch;
        flex-direction: column;
    }

    .suggest-button[b-3gmo07e4ik],
    .expert-button[b-3gmo07e4ik] {
        width: 100%;
        min-height: 48px;
    }

    .topics-filter[b-3gmo07e4ik],
    .topic-list-grid[b-3gmo07e4ik] {
        grid-template-columns: 1fr;
    }

    .topic-list-meta[b-3gmo07e4ik] {
        align-items: center;
    }
}


/* ── Working filters (search input, chip buttons, real checkboxes) ── */
.topics-search input[b-3gmo07e4ik] {
    flex: 1;
    min-width: 0;
    border: 0;
    background: none;
    color: var(--ink);
    outline: none;
}

.topics-search input[b-3gmo07e4ik]::placeholder {
    color: var(--ink-4);
}

.topics-search:focus-within[b-3gmo07e4ik] {
    border-color: var(--accent);
    box-shadow: var(--ring);
}

.topic-chips button[b-3gmo07e4ik],
.status-pills button[b-3gmo07e4ik] {
    font: inherit;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.status-pills button.selected[b-3gmo07e4ik] {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
}

.filter-group label[b-3gmo07e4ik] {
    cursor: pointer;
}

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

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

.filter-summary[b-3gmo07e4ik] {
    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-3gmo07e4ik] {
    border: 0;
    background: none;
    color: var(--accent);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}

.reset-filters:hover[b-3gmo07e4ik] {
    color: var(--accent-deep);
}

.catalog-fallback-note[b-3gmo07e4ik] {
    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/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/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); }

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

.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/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-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] {
    margin: 0;
    color: var(--ink-2);
    font-size: 15px;
    line-height: 1.58;
}

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