/* /Components/Layout/DashboardLayout.razor.rz.scp.css */
.dashboard-layout[b-d67xwrccjn] {
    display: flex;
    min-height: 100vh;
}

/* ── Sidebar ──────────────────────────────────────────────────────────────── */
.dashboard-sidebar[b-d67xwrccjn] {
    /* border-box so the mobile width:100% + horizontal padding doesn't overflow the viewport */
    box-sizing: border-box;
    width: 220px;
    flex-shrink: 0;
    background: var(--brand-900);
    color: var(--surface);
    display: flex;
    flex-direction: column;
    padding: var(--space-5) 0;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.dashboard-sidebar__brand[b-d67xwrccjn] {
    font-family: var(--font-heading);
    font-size: var(--fs-h4);
    font-weight: var(--fw-semibold);
    color: var(--surface);
    text-decoration: none;
    padding: 0 var(--space-5) var(--space-5);
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: var(--space-4);
}

.dashboard-sidebar__brand:hover[b-d67xwrccjn] {
    opacity: 0.9;
}

.dashboard-sidebar__nav[b-d67xwrccjn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.dashboard-sidebar__link[b-d67xwrccjn] {
    display: block;
    padding: var(--space-2) var(--space-5);
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    font-size: var(--fs-body);
    border-radius: 0;
    transition: background 0.15s, color 0.15s;
}

.dashboard-sidebar__link:hover[b-d67xwrccjn] {
    color: var(--surface);
    background: rgba(255,255,255,0.08);
}

.dashboard-sidebar__link--active[b-d67xwrccjn] {
    color: var(--surface);
    background: rgba(255,255,255,0.15);
    font-weight: var(--fw-medium);
}

/* ── Nav badge (Overview alert count) ─────────────────────────────────────── */
.nav-badge[b-d67xwrccjn] {
    display: inline-block;
    min-width: 18px;
    margin-left: var(--space-2);
    padding: 0 5px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: var(--fw-semibold);
    line-height: 18px;
    text-align: center;
    color: var(--surface);
    vertical-align: middle;
}

.nav-badge--red[b-d67xwrccjn] {
    background: var(--risk-critical);
}

.nav-badge--orange[b-d67xwrccjn] {
    background: var(--risk-high);
}

/* ── Main area ────────────────────────────────────────────────────────────── */
.dashboard-main[b-d67xwrccjn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* ── Top bar ──────────────────────────────────────────────────────────────── */
.dashboard-topbar[b-d67xwrccjn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-6);
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    min-height: 56px;
}

.dashboard-topbar__left[b-d67xwrccjn] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.dashboard-topbar__user[b-d67xwrccjn] {
    font-size: var(--fs-body);
    font-weight: var(--fw-medium);
    color: var(--text);
}

.dashboard-topbar__right[b-d67xwrccjn] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.dashboard-logout-btn[b-d67xwrccjn] {
    background: none;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    font-size: var(--fs-small);
    padding: var(--space-1) var(--space-3);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}

.dashboard-logout-btn:hover[b-d67xwrccjn] {
    border-color: var(--risk-high);
    color: var(--risk-high);
}

/* ── Content ──────────────────────────────────────────────────────────────── */
.dashboard-content[b-d67xwrccjn] {
    flex: 1;
    padding: var(--space-6);
    overflow-y: auto;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .dashboard-layout[b-d67xwrccjn] {
        flex-direction: column;
    }

    .dashboard-sidebar[b-d67xwrccjn] {
        width: 100%;
        height: auto;
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
        padding: var(--space-3) var(--space-4);
        gap: var(--space-3);
    }

    .dashboard-sidebar__brand[b-d67xwrccjn] {
        padding: 0;
        border-bottom: none;
        margin-bottom: 0;
    }

    .dashboard-sidebar__nav[b-d67xwrccjn] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--space-2);
    }

    .dashboard-sidebar__link[b-d67xwrccjn] {
        padding: var(--space-1) var(--space-3);
    }

    .dashboard-content[b-d67xwrccjn] {
        padding: var(--space-4);
    }
}
/* /Components/Layout/MarketingLayout.razor.rz.scp.css */
.marketing-layout[b-t530is1llc] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    /* Full-bleed pages (e.g. /engine) stretch to 100vw inside .marketing-main; clip the
       scrollbar-width overhang so that never produces a horizontal scrollbar. */
    overflow-x: clip;
}

.marketing-header[b-t530is1llc] {
    background: var(--brand-900);
    color: var(--surface);
    padding: var(--space-4) var(--page-pad-desktop);
}

.marketing-header__inner[b-t530is1llc] {
    max-width: var(--container-max);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4);
}

.marketing-header__brand[b-t530is1llc] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--surface);
    text-decoration: none;
}

.marketing-header__brand:hover[b-t530is1llc] {
    color: var(--surface);
    opacity: 0.9;
}

.marketing-header__nav[b-t530is1llc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    align-items: center;
}

.marketing-header__link[b-t530is1llc] {
    color: var(--surface);
    text-decoration: none;
    font-size: var(--fs-body);
    font-weight: var(--fw-regular);
}

.marketing-header__link:hover[b-t530is1llc] {
    color: var(--surface);
    opacity: 0.85;
}

.marketing-header__link--cta[b-t530is1llc] {
    background: var(--surface);
    color: var(--brand-900);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    font-weight: var(--fw-medium);
}

.marketing-header__link--cta:hover[b-t530is1llc] {
    opacity: 1;
    background: var(--surface-2);
    color: var(--brand-900);
}

/* The auth-variant swap that used to live here is gone: AuthorizeView renders one link set
   server-side, so there is no second set to hide. */

.marketing-main[b-t530is1llc] {
    flex: 1;
    padding: var(--space-6) var(--page-pad-desktop);
    max-width: var(--container-max);
    margin: 0 auto;
    width: 100%;
    /* width:100% + horizontal padding otherwise overflows the viewport on mobile. */
    box-sizing: border-box;
}

.marketing-footer[b-t530is1llc] {
    background: var(--surface-2);
    border-top: 1px solid var(--border);
    padding: var(--space-4) var(--page-pad-desktop);
}

.marketing-footer__inner[b-t530is1llc] {
    /* Matches .site-header__inner: footer links share the 820px site column too. */
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
}

.marketing-footer a[b-t530is1llc] {
    color: var(--text-muted);
    text-decoration: none;
    font-size: var(--fs-small);
}

.marketing-footer a:hover[b-t530is1llc] {
    color: var(--brand-700);
}

.marketing-footer__copy[b-t530is1llc] {
    max-width: 820px;
    margin: var(--space-3) auto 0;
    font-size: 12px;
    color: var(--text-subtle, #8895A7);
}

/* Minimal-site footer (Chunk C1): four grouped columns, matching the header/hero's shared
   820px column, with a separate contact + copyright row above the legal disclaimer line. */
.marketing-footer__grid[b-t530is1llc] {
    max-width: 820px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-5);
}

.marketing-footer__col[b-t530is1llc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.marketing-footer__heading[b-t530is1llc] {
    margin: 0 0 var(--space-1);
    font-family: var(--font-heading);
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.marketing-footer__bottom[b-t530is1llc] {
    max-width: 820px;
    margin: var(--space-5) auto 0;
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-2);
    font-size: var(--fs-small);
    color: var(--text-muted);
}

/* Mobile nav toggle (task 8.33), CSS-only hamburger, no JS so it works under static SSR. */
.marketing-header__nav-toggle[b-t530is1llc],
.marketing-header__hamburger[b-t530is1llc] {
    display: none;
}

@media (max-width: 640px) {
    .marketing-header[b-t530is1llc],
    .marketing-main[b-t530is1llc] {
        padding-left: var(--page-pad-mobile);
        padding-right: var(--page-pad-mobile);
    }

    .marketing-header__inner[b-t530is1llc] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .marketing-header__hamburger[b-t530is1llc] {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        cursor: pointer;
        padding: 8px;
        margin-left: auto;
    }

    .marketing-header__hamburger span[b-t530is1llc] {
        display: block;
        width: 22px;
        height: 2px;
        background: var(--text, #1a1a1a);
        border-radius: 2px;
    }

    .marketing-header__nav[b-t530is1llc] {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: var(--space-2);
        padding-top: var(--space-2);
    }

    .marketing-header__nav-toggle:checked ~ .marketing-header__nav[b-t530is1llc] {
        display: flex;
    }

    .marketing-footer__inner[b-t530is1llc] {
        padding-left: var(--page-pad-mobile);
        padding-right: var(--page-pad-mobile);
    }

    .marketing-footer__grid[b-t530is1llc] {
        padding-left: var(--page-pad-mobile);
        padding-right: var(--page-pad-mobile);
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-4);
    }

    .marketing-footer__bottom[b-t530is1llc] {
        padding-left: var(--page-pad-mobile);
        padding-right: var(--page-pad-mobile);
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
    }
}
/* /Components/Layout/PreLaunchLayout.razor.rz.scp.css */
.prelaunch-layout[b-hern08pjxq] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.prelaunch-header[b-hern08pjxq] {
    background: var(--brand-900);
    color: var(--surface);
    padding: var(--space-4) var(--page-pad-desktop);
}

.prelaunch-header__inner[b-hern08pjxq] {
    max-width: var(--container-max);
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.prelaunch-header__brand[b-hern08pjxq] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--surface);
    text-decoration: none;
}

.prelaunch-header__brand:hover[b-hern08pjxq] {
    color: var(--surface);
    opacity: 0.9;
}

.prelaunch-main[b-hern08pjxq] {
    flex: 1;
}

.prelaunch-footer[b-hern08pjxq] {
    background: var(--surface-2);
    border-top: 1px solid var(--border);
    padding: var(--space-4) var(--page-pad-desktop);
}

.prelaunch-footer__inner[b-hern08pjxq] {
    max-width: var(--container-max);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    align-items: center;
}

.prelaunch-footer__copy[b-hern08pjxq] {
    font-size: var(--fs-small);
    color: var(--text-muted);
}

.prelaunch-footer a[b-hern08pjxq] {
    color: var(--text-muted);
    text-decoration: none;
    font-size: var(--fs-small);
}

.prelaunch-footer a:hover[b-hern08pjxq] {
    color: var(--brand-700);
}

@media (max-width: 640px) {
    .prelaunch-header[b-hern08pjxq] {
        padding-left: var(--page-pad-mobile);
        padding-right: var(--page-pad-mobile);
    }

    .prelaunch-footer[b-hern08pjxq] {
        padding-left: var(--page-pad-mobile);
        padding-right: var(--page-pad-mobile);
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
/* Shared site-wide footer (polish §2). Dark navy to bookend the shared header and unify with
   consulting's footer. Every property is set explicitly so it overrides consulting.css's
   `.consulting-site footer {…}` cascade when rendered inside .consulting-site (scoped selectors
   outrank the bare `footer` element rules there). */
.site-footer[b-1towzo3txs] {
    background: var(--brand-900, #172A3A);
    color: rgba(255, 255, 255, 0.75);
    padding: 48px var(--page-pad-desktop, 40px);
    /* A slightly deeper top edge so the footer reads as its own band when it lands directly under
       the homepage's navy final-CTA section, instead of blending into it. */
    border-top: 3px solid rgba(0, 0, 0, 0.25);
    flex-shrink: 0;
    font-family: var(--font-body, Inter, system-ui, sans-serif);
    font-size: 13px;
    line-height: 1.6;
}

.site-footer__grid[b-1towzo3txs] {
    max-width: 820px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.site-footer__col[b-1towzo3txs] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-footer__heading[b-1towzo3txs] {
    margin: 0 0 4px;
    font-family: var(--font-heading, Georgia, serif);
    font-size: 12px;
    font-weight: var(--fw-semibold, 600);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.site-footer__link[b-1towzo3txs] {
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
    border-bottom: none;
    font-size: 13px;
    width: fit-content;
    transition: color 0.15s;
}

.site-footer__link:hover[b-1towzo3txs] {
    color: #FFFFFF;
    opacity: 1;
    border-bottom: none;
}

/* The auth-variant rules that used to live here are gone, for the same reason as the header:
   AuthorizeView now renders exactly one variant server-side. */

.site-footer__bottom[b-1towzo3txs] {
    max-width: 820px;
    margin: 36px auto 0;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.site-footer__disclaimer[b-1towzo3txs] {
    max-width: 820px;
    margin: 16px auto 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 640px) {
    .site-footer[b-1towzo3txs] {
        padding-left: var(--page-pad-mobile, 20px);
        padding-right: var(--page-pad-mobile, 20px);
    }

    .site-footer__grid[b-1towzo3txs] {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .site-footer__bottom[b-1towzo3txs] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
/* Shared minimal-site header, styled to match the live static site's top-nav (serif brand,
   muted uppercase links, teal active underline). Fonts and sizes are set explicitly (not
   inherited) because this component also renders inside .consulting-site, which changes the
   inherited font stack. */
.site-header[b-vj4vuhmnof] {
    background: var(--brand-900, #172A3A);
    color: var(--surface, #FFFFFF);
    padding: 14px var(--page-pad-desktop, 40px);
}

.site-header__inner[b-vj4vuhmnof] {
    /* The minimal site's shared content column: .tool-page and consulting's .container are
       both 820px (content-box) with 40px side padding outside, landing text at
       (viewport - 820px)/2. Matching 820px here (inside the header's own 40px padding) puts
       the Relio brand exactly above the left text edge of the pages below. */
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.site-header__brand[b-vj4vuhmnof] {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-heading, Georgia, serif);
    font-size: 17px;
    font-weight: var(--fw-semibold, 600);
    letter-spacing: -0.01em;
    color: var(--surface, #FFFFFF);
    text-decoration: none;
    border-bottom: none;
    white-space: nowrap;
}

.site-header__brand:hover[b-vj4vuhmnof] {
    color: #7FB5B2;
    opacity: 1;
}

.site-header__nav[b-vj4vuhmnof] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    align-items: center;
}

.site-header__link[b-vj4vuhmnof] {
    font-family: var(--font-body, Inter, system-ui, sans-serif);
    font-size: 12px;
    font-weight: var(--fw-semibold, 600);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 2px;
    transition: color 0.15s, border-color 0.15s;
}

.site-header__link:hover[b-vj4vuhmnof] {
    color: #FFFFFF;
    opacity: 1;
}

.site-header__link--active[b-vj4vuhmnof] {
    color: #FFFFFF;
    border-bottom-color: var(--accent-600, #3F7C79);
}

/* Hiring Presence dropdown (polish §1): CSS-only, no circuit, works under static SSR. The parent
   item anchors an absolutely-positioned menu revealed on :hover / :focus-within. A transparent
   ::before bridges the gap so the menu doesn't close as the pointer travels link -> panel.
   Colors/fonts are set explicitly because this also renders inside .consulting-site. */
.site-header__item[b-vj4vuhmnof] {
    display: inline-flex;
    align-items: center;
}

.site-header__item--has-menu[b-vj4vuhmnof] {
    position: relative;
}

.site-header__caret[b-vj4vuhmnof] {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    vertical-align: middle;
    opacity: 0.65;
    transition: transform 0.15s;
}

.site-header__item--has-menu:hover .site-header__caret[b-vj4vuhmnof],
.site-header__item--has-menu:focus-within .site-header__caret[b-vj4vuhmnof] {
    transform: rotate(180deg);
    opacity: 1;
}

.site-header__menu[b-vj4vuhmnof] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 10px;
    min-width: 250px;
    display: none;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    background: var(--brand-900, #172A3A);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
    z-index: 60;
}

.site-header__menu[b-vj4vuhmnof]::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
}

.site-header__item--has-menu:hover .site-header__menu[b-vj4vuhmnof],
.site-header__item--has-menu:focus-within .site-header__menu[b-vj4vuhmnof] {
    display: flex;
}

.site-header__menu-link[b-vj4vuhmnof] {
    font-family: var(--font-body, Inter, system-ui, sans-serif);
    font-size: 12px;
    font-weight: var(--fw-semibold, 600);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    padding: 9px 12px;
    border-radius: 6px;
    white-space: nowrap;
    transition: background-color 0.15s, color 0.15s;
}

.site-header__menu-link:hover[b-vj4vuhmnof] {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.08);
    opacity: 1;
}

/* The account block closes the menu, set off from the product links by a hairline rule. Anonymous
   visitors see Sign In alone; signed-in visitors see their account page followed by Sign out. Only
   the first item of each variant draws the rule (--account), so the two authed links read as one
   group instead of two ruled-off singletons. */
.site-header__menu-link--account[b-vj4vuhmnof],
.site-header__menu-link--account-item[b-vj4vuhmnof] {
    color: rgba(255, 255, 255, 0.92);
}

.site-header__menu-link--account[b-vj4vuhmnof] {
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

/* The auth-variant rules that used to live here are gone. They existed to hide one of two
   rendered variants based on a `relio-authed` class a head script set from localStorage. Under
   cookie authentication the server knows the visitor during the first render, so AuthorizeView
   emits only the correct variant and there is nothing left to hide. */

/* CSS-only mobile hamburger, no JS, works under static SSR. */
.site-header__nav-toggle[b-vj4vuhmnof],
.site-header__hamburger[b-vj4vuhmnof] {
    display: none;
}

/* 700px, not 640px: the five-item bar needs ~600px of inner width to stay on one line, so between
   641px and 679px it wrapped and stranded "Resources" alone on a second row. Landscape phones sit
   squarely in that band. The hamburger already covers everything below, so it takes that range too. */
@media (max-width: 700px) {
    .site-header[b-vj4vuhmnof] {
        padding-left: var(--page-pad-mobile, 20px);
        padding-right: var(--page-pad-mobile, 20px);
    }

    .site-header__inner[b-vj4vuhmnof] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .site-header__hamburger[b-vj4vuhmnof] {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        cursor: pointer;
        padding: 8px;
        margin-left: auto;
    }

    .site-header__hamburger span[b-vj4vuhmnof] {
        display: block;
        width: 22px;
        height: 2px;
        background: var(--surface, #FFFFFF);
        border-radius: 2px;
    }

    .site-header__nav[b-vj4vuhmnof] {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 14px;
        padding-top: 10px;
    }

    .site-header__link[b-vj4vuhmnof] {
        font-size: 11px;
        letter-spacing: 0.08em;
    }

    /* Mobile: the dropdown becomes an always-open indented sub-list under the parent link. */
    .site-header__item--has-menu[b-vj4vuhmnof] {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .site-header__caret[b-vj4vuhmnof] {
        display: none;
    }

    .site-header__menu[b-vj4vuhmnof] {
        position: static;
        display: flex;
        margin: 8px 0 0;
        min-width: 0;
        width: 100%;
        padding: 0 0 0 14px;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .site-header__menu[b-vj4vuhmnof]::before {
        display: none;
    }

    .site-header__menu-link[b-vj4vuhmnof] {
        padding: 6px 0;
        font-size: 11px;
        letter-spacing: 0.06em;
        color: rgba(255, 255, 255, 0.72);
    }

    .site-header__menu-link--account[b-vj4vuhmnof] {
        margin-top: 4px;
        padding-top: 8px;
    }

    .site-header__nav-toggle:checked ~ .site-header__nav[b-vj4vuhmnof] {
        display: flex;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-page[b-1zpgzwe8iq] {
    max-width: 720px;
    margin: 0 auto;
}

.about-page .page-title[b-1zpgzwe8iq] {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 2rem;
}

.about-page .content-prose p[b-1zpgzwe8iq] {
    margin-bottom: 1.25rem;
    line-height: 1.8;
}

.about-methodology[b-1zpgzwe8iq] {
    margin-top: 3rem;
    padding: 1.5rem;
    background: #fafaf8;
    border: 1px solid #e5e4e0;
    border-left: 3px solid #3F7C79;
    border-radius: 6px;
}

.about-methodology h2[b-1zpgzwe8iq] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #3F7C79;
    margin-bottom: 0.75rem;
}

.about-methodology p[b-1zpgzwe8iq] {
    font-size: 0.8125rem;
    line-height: 1.7;
    color: #6b6b67;
}
/* /Components/Pages/Auth/ForgotPassword.razor.rz.scp.css */
/* Shared auth-page chrome (.auth-page, .auth-card, .auth-title, .auth-subline, .auth-intro,
   .auth-footer-note) lives in app.css — this page previously had no scoped stylesheet of its
   own, so those classes rendered with no styling at all. This file adds only the page's entrance. */

/* Entrance: the same siteFadeUp keyframe used on the landing hero (defined in app.css), staggered
   across the card's direct children. Kept scoped to this component (rather than a global class
   like .tool-page__header) so Blazor's fresh component mount on route arrival replays it on its
   own, the same way Engine.razor.css's scoped engineFadeUp does — no entranceAnimation.js hook
   needed here (see that file's comment on /engine for why). Subtle timing: a sign-in form isn't
   a marketing moment. */
.auth-card > *[b-f29e0nonz6] {
    animation: siteFadeUp 0.5s ease-out backwards;
}
.auth-card > *:nth-child(1)[b-f29e0nonz6] { animation-delay: 0.04s; }
.auth-card > *:nth-child(2)[b-f29e0nonz6] { animation-delay: 0.1s; }
.auth-card > *:nth-child(3)[b-f29e0nonz6] { animation-delay: 0.16s; }
.auth-card > *:nth-child(4)[b-f29e0nonz6] { animation-delay: 0.22s; }
.auth-card > *:nth-child(5)[b-f29e0nonz6] { animation-delay: 0.28s; }

@media (prefers-reduced-motion: reduce) {
    .auth-card > *[b-f29e0nonz6] { animation: none; }
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
/* Shared auth-page chrome (.auth-page, .auth-card, .auth-title, .auth-subline, .auth-footer-note)
   now lives in app.css — see the note there. ForgotPassword.razor/ResetPassword.razor render the
   same markup with no scoped stylesheet of their own, so a global rule is what actually reaches
   all of them consistently. This file only holds the page-arrival entrance. */

/* Entrance: the same siteFadeUp keyframe used on the landing hero (defined in app.css), staggered
   across the card's direct children. Kept scoped to this component (rather than a global class
   like .tool-page__header) so Blazor's fresh component mount on route arrival replays it on its
   own, the same way Engine.razor.css's scoped engineFadeUp does — no entranceAnimation.js hook
   needed here (see that file's comment on /engine for why). Subtle timing: a sign-in form isn't
   a marketing moment. */
.auth-card > *[b-4ktba3tjb0] {
    animation: siteFadeUp 0.5s ease-out backwards;
}
.auth-card > *:nth-child(1)[b-4ktba3tjb0] { animation-delay: 0.04s; }
.auth-card > *:nth-child(2)[b-4ktba3tjb0] { animation-delay: 0.1s; }
.auth-card > *:nth-child(3)[b-4ktba3tjb0] { animation-delay: 0.16s; }
.auth-card > *:nth-child(4)[b-4ktba3tjb0] { animation-delay: 0.22s; }
.auth-card > *:nth-child(5)[b-4ktba3tjb0] { animation-delay: 0.28s; }

@media (prefers-reduced-motion: reduce) {
    .auth-card > *[b-4ktba3tjb0] { animation: none; }
}
/* /Components/Pages/Auth/Register.razor.rz.scp.css */
/* Shared auth-page chrome (.auth-page, .auth-card, .auth-title, .auth-subline, .auth-footer-note)
   now lives in app.css — see the note there. ForgotPassword.razor/ResetPassword.razor render the
   same markup with no scoped stylesheet of their own, so a global rule is what actually reaches
   all of them consistently. This file keeps only Register-specific bits and the page's entrance. */

.form-field__optional[b-dyrobc05t8] {
    font-weight: var(--fw-regular);
    color: var(--text-muted);
}

.terms-checkbox[b-dyrobc05t8] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: 1.5;
    cursor: pointer;
}

.terms-checkbox input[type="checkbox"][b-dyrobc05t8] {
    margin-top: 2px;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    accent-color: var(--brand-700, #3F7C79);
    cursor: pointer;
}

.terms-checkbox a[b-dyrobc05t8] {
    color: var(--brand-700, #3F7C79);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Entrance: the same siteFadeUp keyframe used on the landing hero (defined in app.css), staggered
   across the card's direct children. Kept scoped to this component (rather than a global class
   like .tool-page__header) so Blazor's fresh component mount on route arrival replays it on its
   own, the same way Engine.razor.css's scoped engineFadeUp does — no entranceAnimation.js hook
   needed here (see that file's comment on /engine for why). Subtle timing: a sign-in form isn't
   a marketing moment. */
.auth-card > *[b-dyrobc05t8] {
    animation: siteFadeUp 0.5s ease-out backwards;
}
.auth-card > *:nth-child(1)[b-dyrobc05t8] { animation-delay: 0.04s; }
.auth-card > *:nth-child(2)[b-dyrobc05t8] { animation-delay: 0.1s; }
.auth-card > *:nth-child(3)[b-dyrobc05t8] { animation-delay: 0.16s; }
.auth-card > *:nth-child(4)[b-dyrobc05t8] { animation-delay: 0.22s; }
.auth-card > *:nth-child(5)[b-dyrobc05t8] { animation-delay: 0.28s; }

@media (prefers-reduced-motion: reduce) {
    .auth-card > *[b-dyrobc05t8] { animation: none; }
}
/* /Components/Pages/Backfill.razor.rz.scp.css */
.backfill-page[b-84flqurii8] {
    max-width: 720px;
    margin: 0 auto;
    padding: var(--space-6) var(--space-5);
}

.backfill-page__header[b-84flqurii8] {
    margin-bottom: var(--space-6);
}

.backfill-page__title[b-84flqurii8] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 2rem;
    color: #1a1a18;
    margin: 0 0 var(--space-3);
}

.backfill-page__subtitle[b-84flqurii8] {
    font-size: 1rem;
    color: #6b6b67;
    line-height: 1.6;
    margin: 0;
}

/* Form cards */
.backfill-form[b-84flqurii8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.backfill-card[b-84flqurii8] {
    background: white;
    border: 1px solid #e5e4e0;
    border-radius: 8px;
    padding: var(--space-5);
}

.backfill-card__title[b-84flqurii8] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1rem;
    color: #1a1a18;
    font-weight: 600;
    margin: 0 0 var(--space-4);
}

.backfill-card__fields[b-84flqurii8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.field-row[b-84flqurii8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

@media (max-width: 560px) {
    .field-row[b-84flqurii8] {
        grid-template-columns: 1fr;
    }
}

.field-group[b-84flqurii8] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.field-label[b-84flqurii8] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #3b3b38;
}

.field-input[b-84flqurii8],
.field-select[b-84flqurii8],
.field-textarea[b-84flqurii8] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d4d3cf;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #1a1a18;
    background: white;
    font-family: inherit;
    transition: border-color 0.15s;
}

.field-input:focus[b-84flqurii8],
.field-select:focus[b-84flqurii8],
.field-textarea:focus[b-84flqurii8] {
    outline: none;
    border-color: #3F7C79;
    box-shadow: 0 0 0 2px rgba(63, 124, 121, 0.15);
}

.field-textarea[b-84flqurii8] {
    resize: vertical;
    min-height: 96px;
}

.field-hint[b-84flqurii8] {
    font-size: 0.75rem;
    color: #9b9b96;
}

/* Toggle */
.field-toggle[b-84flqurii8] {
    padding: 0.25rem 0;
}

.toggle-label[b-84flqurii8] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #1a1a18;
}

.toggle-input[b-84flqurii8] {
    width: 16px;
    height: 16px;
    accent-color: #3F7C79;
    cursor: pointer;
}

/* Form actions */
.backfill-form__actions[b-84flqurii8] {
    margin-top: var(--space-2);
}

.backfill-form__error[b-84flqurii8] {
    color: #c0392b;
    font-size: 0.875rem;
    margin: 0;
}

.btn-primary[b-84flqurii8] {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    background: #3F7C79;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s;
}

.btn-primary:hover:not(:disabled)[b-84flqurii8] {
    background: #2a5654;
}

.btn-primary:disabled[b-84flqurii8] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary--lg[b-84flqurii8] {
    padding: 0.75rem 1.75rem;
    font-size: 1rem;
}

.btn-secondary[b-84flqurii8] {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    background: transparent;
    color: #3F7C79;
    border: 1px solid #3F7C79;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s, color 0.15s;
}

.btn-secondary:hover[b-84flqurii8] {
    background: #3F7C79;
    color: white;
}

/* Result panel */
.backfill-result[b-84flqurii8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.backfill-result__badge[b-84flqurii8] {
    display: inline-block;
    padding: 0.3rem 0.875rem;
    border-radius: 99px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    align-self: flex-start;
}

.backfill-result__badge--pending[b-84flqurii8] {
    background: #e1f0ef;
    color: #2a5654;
}

.backfill-result__role[b-84flqurii8] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.375rem;
    color: #1a1a18;
    margin: 0;
}

.backfill-result__cards[b-84flqurii8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.backfill-result__card[b-84flqurii8] {
    background: white;
    border: 1px solid #e5e4e0;
    border-radius: 8px;
    padding: var(--space-5);
}

.backfill-result__card h3[b-84flqurii8] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a18;
    margin: 0 0 var(--space-3);
}

.backfill-result__placeholder[b-84flqurii8] {
    font-size: 0.875rem;
    color: #9b9b96;
    font-style: italic;
    margin: 0;
}

.backfill-result__card--inputs[b-84flqurii8] {
    background: #fafaf8;
}

.backfill-result__summary[b-84flqurii8] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.375rem 1rem;
    font-size: 0.8125rem;
    margin: 0;
}

.backfill-result__summary dt[b-84flqurii8] {
    font-weight: 600;
    color: #6b6b67;
}

.backfill-result__summary dd[b-84flqurii8] {
    color: #1a1a18;
    margin: 0;
}
/* /Components/Pages/Blog/BlogIndex.razor.rz.scp.css */
.blog-index[b-290b2shv3d] {
    max-width: 860px;
}

.blog-index__header[b-290b2shv3d] {
    margin-bottom: var(--space-7);
}

.blog-index__subtitle[b-290b2shv3d] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-top: var(--space-2);
}

.blog-index__grid[b-290b2shv3d] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.blog-card[b-290b2shv3d] {
    border-top: 1px solid var(--border);
    padding-top: var(--space-5);
}

.blog-card__title[b-290b2shv3d] {
    font-family: var(--font-serif);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: var(--space-2);
}

.blog-card__title a[b-290b2shv3d] {
    color: var(--text-primary);
    text-decoration: none;
}

.blog-card__title a:hover[b-290b2shv3d] {
    color: var(--brand-700);
    text-decoration: underline;
}

.blog-card__excerpt[b-290b2shv3d] {
    color: var(--text-muted);
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: var(--space-3);
}

.blog-card__cta[b-290b2shv3d] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--brand-700);
    text-decoration: none;
}

.blog-card__cta:hover[b-290b2shv3d] {
    text-decoration: underline;
}

@media (max-width: 640px) {
    .blog-index__subtitle[b-290b2shv3d] {
        font-size: 1rem;
    }

    .blog-card__title[b-290b2shv3d] {
        font-size: 1.125rem;
    }
}
/* /Components/Pages/Chat.razor.rz.scp.css */
/* Chat page — expands to fill the available viewport height inside MarketingLayout.
   The page wrapper uses negative margin to remove the layout's default padding
   at the bottom, then sets an explicit height so ChatContainer can scroll correctly. */

.chat-page[b-muvznbbv9z] {
    height: calc(100vh - 120px);
    min-height: 480px;
    display: flex;
    flex-direction: row;
    margin-bottom: calc(-1 * var(--space-6));
    position: relative;
}

.chat-page__main[b-muvznbbv9z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* ── Conversation sidebar ── */
.chat-sidebar[b-muvznbbv9z] {
    width: 280px;
    flex-shrink: 0;
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    background: var(--surface);
    overflow: hidden;
    transition: width 0.2s ease;
}

.chat-sidebar__header[b-muvznbbv9z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.chat-sidebar__title[b-muvznbbv9z] {
    margin: 0;
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.chat-sidebar__new[b-muvznbbv9z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: color 0.12s ease, border-color 0.12s ease;
}

.chat-sidebar__new:hover[b-muvznbbv9z] {
    color: var(--accent-600);
    border-color: var(--accent-600);
}

.chat-sidebar__search[b-muvznbbv9z] {
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.chat-sidebar__search-input[b-muvznbbv9z] {
    width: 100%;
    padding: var(--space-2);
    font-size: var(--fs-caption);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface-2, #f0f2f5);
    color: var(--text);
    font-family: var(--font-body);
}

.chat-sidebar__search-input[b-muvznbbv9z]::placeholder {
    color: var(--text-subtle);
}

.chat-sidebar__list[b-muvznbbv9z] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-1) 0;
}

.chat-sidebar__empty[b-muvznbbv9z] {
    padding: var(--space-4);
    font-size: var(--fs-caption);
    color: var(--text-subtle);
    margin: 0;
}

.chat-sidebar__item[b-muvznbbv9z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-2) var(--space-4);
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: var(--font-body);
    transition: background 0.1s ease;
}

.chat-sidebar__item:hover[b-muvznbbv9z] {
    background: var(--surface-2, #f0f2f5);
}

.chat-sidebar__item--active[b-muvznbbv9z] {
    background: var(--surface-2, #f0f2f5);
    border-left: 2px solid var(--accent-600);
}

.chat-sidebar__item-title[b-muvznbbv9z] {
    flex: 1;
    font-size: var(--fs-small);
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.chat-sidebar__item-date[b-muvznbbv9z] {
    font-size: var(--fs-caption);
    color: var(--text-subtle);
    flex-shrink: 0;
}

/* Sidebar toggle button */
.chat-sidebar-toggle[b-muvznbbv9z] {
    position: absolute;
    top: var(--space-3);
    left: var(--space-3);
    z-index: 10;
    display: none; /* hidden on desktop when sidebar is open */
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text-muted);
    cursor: pointer;
}

.chat-page--sidebar-open .chat-sidebar-toggle[b-muvznbbv9z] {
    left: calc(280px + var(--space-3));
}

/* Error toast */
.chat-error[b-muvznbbv9z] {
    position: fixed;
    bottom: calc(var(--space-8) + var(--space-5));
    left: 50%;
    transform: translateX(-50%);
    background: var(--risk-critical-bg);
    border: 1px solid var(--risk-critical);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    display: flex;
    align-items: center;
    gap: var(--space-3);
    z-index: 50;
    max-width: min(480px, 90vw);
    box-shadow: var(--shadow);
}

.chat-error p[b-muvznbbv9z] {
    margin: 0;
    font-size: var(--fs-small);
    color: var(--risk-critical);
    flex: 1;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .chat-page[b-muvznbbv9z] {
        height: calc(100vh - 80px);
        margin-bottom: calc(-1 * var(--space-5));
    }

    .chat-sidebar[b-muvznbbv9z] {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 20;
        width: 0;
        border-right: none;
    }

    .chat-sidebar--open[b-muvznbbv9z] {
        width: 280px;
        border-right: 1px solid var(--border);
        box-shadow: var(--shadow);
    }

    .chat-sidebar-toggle[b-muvznbbv9z] {
        display: inline-flex;
    }

    .chat-page--sidebar-open .chat-sidebar-toggle[b-muvznbbv9z] {
        left: calc(280px + var(--space-2));
    }
}

@media (max-width: 600px) {
    .chat-page[b-muvznbbv9z] {
        height: calc(100vh - 80px);
    }
}
/* /Components/Pages/Compare.razor.rz.scp.css */
/* Compare — workforce path comparison wedge page.
   Inherits the shared wedge-page pattern from Review.razor.css.
   Page-specific overrides only. */

.wedge-page[b-6kencc5f51] {
    max-width: 720px;
    margin: 0 auto;
    padding: 4rem 1.5rem;
}

.wedge-page__hero[b-6kencc5f51] {
    text-align: center;
    margin-bottom: 3rem;
}

.wedge-page__headline[b-6kencc5f51] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a18;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.wedge-page__sub[b-6kencc5f51] {
    font-size: 1rem;
    line-height: 1.7;
    color: #6b6b67;
    margin-bottom: 2rem;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.wedge-page__cta[b-6kencc5f51] {
    display: inline-block;
    padding: 0.75rem 2rem;
    background: #3F7C79;
    color: white;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Inter', system-ui, sans-serif;
    text-decoration: none;
    transition: background 0.15s;
}

.wedge-page__cta:hover[b-6kencc5f51] {
    background: #356a67;
}

.wedge-page__proof[b-6kencc5f51] {
    display: flex;
    justify-content: center;
    gap: 3rem;
    padding: 2rem 0;
    border-top: 1px solid #e5e4e0;
    border-bottom: 1px solid #e5e4e0;
    margin-bottom: 3rem;
}

.wedge-page__stat[b-6kencc5f51] {
    text-align: center;
}

.wedge-page__stat-number[b-6kencc5f51] {
    display: block;
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: #3F7C79;
}

.wedge-page__stat-label[b-6kencc5f51] {
    font-size: 0.8125rem;
    color: #9b9b96;
}

/* Paths list */

.wedge-page__paths[b-6kencc5f51] {
    margin-bottom: 3rem;
}

.wedge-page__paths h2[b-6kencc5f51] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.25rem;
    color: #1a1a18;
    margin-bottom: 1rem;
}

.wedge-page__path-list[b-6kencc5f51] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.wedge-page__path-list li[b-6kencc5f51] {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #6b6b67;
    padding-left: 1rem;
    position: relative;
}

.wedge-page__path-list li[b-6kencc5f51]::before {
    content: "\2192";
    position: absolute;
    left: 0;
    color: #3F7C79;
    font-size: 0.875rem;
    top: 2px;
}

.wedge-page__path-list li strong[b-6kencc5f51] {
    color: #1a1a18;
    font-weight: 600;
}

/* How it works */

.wedge-page__how h2[b-6kencc5f51] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.25rem;
    color: #1a1a18;
    margin-bottom: 1rem;
}

.wedge-page__steps[b-6kencc5f51] {
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wedge-page__steps li[b-6kencc5f51] {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #6b6b67;
}

/* Responsive */

@media (max-width: 560px) {
    .wedge-page__headline[b-6kencc5f51] {
        font-size: 1.5rem;
    }

    .wedge-page__proof[b-6kencc5f51] {
        flex-direction: column;
        gap: 1.5rem;
    }
}
/* /Components/Pages/CompliancePortfolioWorkspace.razor.rz.scp.css */
/* Scoped to CompliancePortfolioWorkspace.razor. The emitted [b-*] selectors out-specify app.css,
   so anything that needs to win against a global rule belongs here rather than in the global sheet.
   Colors come from the design tokens in app.css :root, never literal hex. */

.portfolio-scan-note[b-120unug235] {
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--text-muted);
    max-width: 60ch;
}

.portfolio-progress[b-120unug235] {
    margin: var(--space-2) 0 var(--space-1);
}

.portfolio-progress__track[b-120unug235] {
    height: 6px;
    border-radius: var(--radius-pill);
    background: var(--border);
    overflow: hidden;
}

.portfolio-progress__fill[b-120unug235] {
    height: 100%;
    background: var(--accent-600);
    border-radius: var(--radius-pill);
    transition: width 0.6s ease;
}

/* The analysis pass gets a second, deliberately different hue from the palette so the two stages
   read separately rather than as one bar restarting. */
.portfolio-progress__fill--analysis[b-120unug235] {
    background: var(--brand-600);
}

/* Total unknown yet (the source has not disclosed its posting count): a sweeping band. */
.portfolio-progress__fill--indeterminate[b-120unug235] {
    width: 30%;
    animation: portfolio-progress-sweep-b-120unug235 1.6s ease-in-out infinite;
}

@keyframes portfolio-progress-sweep-b-120unug235 {
    0% { margin-left: 0; }
    50% { margin-left: 70%; }
    100% { margin-left: 0; }
}

/* Reduced motion: the indeterminate sweep is an infinite animation. Stop it and fill the track
   with a static diagonal stripe over the teal base so the bar still reads as "in progress"
   without moving. The stripe is a translucent overlay, so the base fill color is untouched. */
@media (prefers-reduced-motion: reduce) {
    .portfolio-progress__fill--indeterminate[b-120unug235] {
        width: 100%;
        margin-left: 0;
        animation: none;
        background-image: repeating-linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.28) 0,
            rgba(255, 255, 255, 0.28) 0.5rem,
            transparent 0.5rem,
            transparent 1rem);
    }
}

.portfolio-progress__label[b-120unug235] {
    margin: var(--space-2) 0 0;
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
    color: var(--text-muted);
}

/* Cross-company findings: the Findings tab's "All companies" view. Every finding in the portfolio,
   under the company it belongs to, worst first. The executive summary is the Overview tab's job;
   this list is the findings themselves, so the two tabs never say the same thing twice. */
.portfolio-findings-group[b-120unug235] {
    margin-bottom: var(--space-5);
}

.portfolio-findings-group__header[b-120unug235] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2) var(--space-3);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid var(--border);
    margin-bottom: var(--space-4);
}

.portfolio-findings-group__name[b-120unug235] {
    margin: 0;
    font-size: var(--fs-h3);
}

.portfolio-findings-group__meta[b-120unug235] {
    margin: 0;
    color: var(--text-muted);
    font-size: var(--fs-caption);
}

/* The way into the company, pushed to the end of the header row. */
.portfolio-findings-group__header button[b-120unug235] {
    margin-left: auto;
}

.portfolio-findings-group__note[b-120unug235] {
    margin: 0 0 var(--space-3);
    color: var(--text-muted);
    font-size: var(--fs-caption);
}

/* What the list stopped short of, and what was reviewed with nothing on it. Both are statements
   about coverage, so they read as notes rather than as more findings. */
.portfolio-findings-omitted[b-120unug235],
.portfolio-findings-clean[b-120unug235] {
    margin-bottom: var(--space-5);
    color: var(--text-muted);
}

.portfolio-findings-omitted p[b-120unug235],
.portfolio-findings-clean p[b-120unug235] {
    margin: 0;
}

/* Cross-company executive summary: leads the Overview tab (PRD ask to prioritize cross-company
   reporting over per-company results listed side by side). */
/* Surface, border, shadow and padding come from .rl-card in the markup, so this module carries the
   same weight as every other card on the page instead of being a lighter outlined box. */
.portfolio-exec[b-120unug235] {
    margin-bottom: var(--space-5);
}

.portfolio-exec h2[b-120unug235] {
    margin-top: 0;
}

/* Coverage gaps are load-bearing honesty, not fine print: an amber-bordered callout rather than
   a muted caption, using the same risk-high tone the rest of the app reserves for things that
   need a reader's attention. */
.portfolio-exec__coverage-note[b-120unug235] {
    background: var(--risk-high-bg);
    border-left: 3px solid var(--risk-high);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    margin: var(--space-3) 0;
}

.portfolio-exec__headlines[b-120unug235] {
    margin: var(--space-3) 0;
    padding-left: 1.25rem;
}

.portfolio-exec__headlines li[b-120unug235] {
    margin-bottom: var(--space-2);
}

.portfolio-exec__issues[b-120unug235] {
    display: grid;
    gap: var(--space-3);
    margin: var(--space-3) 0 var(--space-3);
}

.portfolio-exec__issue[b-120unug235] {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
}

.portfolio-exec__issue-label[b-120unug235] {
    font-weight: var(--fw-semibold);
    margin: 0 0 var(--space-1);
}

.portfolio-exec__issue-meta[b-120unug235] {
    color: var(--text-muted);
    margin: 0;
}

.portfolio-exec__issue-companies[b-120unug235] {
    margin: var(--space-2) 0 0;
    font-size: var(--fs-caption);
    color: var(--text-muted);
}

.portfolio-exec__issue-details[b-120unug235] {
    margin-top: var(--space-2);
}

.portfolio-exec__issue-details summary[b-120unug235] {
    cursor: pointer;
    font-size: var(--fs-caption);
    color: var(--accent-700);
}

.portfolio-exec__issue-details summary:focus-visible[b-120unug235] {
    outline: 2px solid var(--accent-600);
    outline-offset: 2px;
}

/* Every "X of Y companies" figure in this summary is measured against companies with a COMPLETED
   review, which can be far fewer than the portfolio. The marker below ties each of those figures
   to a footnote that says so, because a collapsed denominator ("1 of 1") otherwise reads as full
   coverage. The glyph is decorative; the meaning is carried by the adjacent visually-hidden text
   and by aria-describedby on the table. */
.portfolio-exec__table[b-120unug235] {
    margin-bottom: var(--space-2);
}

.portfolio-exec__ratio[b-120unug235] {
    font-variant-numeric: var(--numeric-tabular);
}

.portfolio-exec__marker[b-120unug235] {
    color: var(--accent-700);
    font-weight: var(--fw-semibold);
}

.portfolio-exec__footnote[b-120unug235] {
    margin: 0 0 var(--space-4);
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
    color: var(--text-muted);
    max-width: 70ch;
}

.portfolio-exec__footnote .portfolio-exec__marker[b-120unug235] {
    margin-right: var(--space-1);
}

/* ---------------------------------------------------------------------------
   Companies tab: bulk review, the run's activity panel, and the company grid.
   --------------------------------------------------------------------------- */

.portfolio-bulk[b-120unug235] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--card-pad);
    margin: var(--space-4) 0 var(--space-5);
}

.portfolio-bulk__lead[b-120unug235] {
    flex: 1 1 22rem;
    min-width: 0;
}

.portfolio-bulk__title[b-120unug235] {
    margin: 0 0 var(--space-2);
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: var(--fw-semibold);
}

.portfolio-bulk__note[b-120unug235] {
    margin: 0;
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--text-muted);
    max-width: 60ch;
}

.portfolio-bulk__confirm[b-120unug235] {
    flex: 1 1 20rem;
}

.portfolio-bulk__confirm-text[b-120unug235] {
    margin: 0 0 var(--space-3);
    font-size: var(--fs-small);
    line-height: var(--lh-small);
}

.portfolio-bulk__actions[b-120unug235] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
}

/* Keeps the action buttons at their natural width inside a column flex parent, whose default
   align-items:stretch would otherwise pull an inline-flex .rl-button edge to edge. */
.portfolio-bulk__button[b-120unug235] {
    align-self: flex-start;
    width: auto;
    flex: 0 0 auto;
}

.portfolio-queue[b-120unug235] {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-4) var(--card-pad);
    margin-bottom: var(--space-5);
}

.portfolio-queue__header[b-120unug235] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-2);
}

.portfolio-queue__title[b-120unug235] {
    margin: 0;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
}

.portfolio-queue__summary[b-120unug235] {
    margin: 0;
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--text-muted);
    font-variant-numeric: var(--numeric-tabular);
}

.portfolio-queue__list[b-120unug235] {
    list-style: none;
    margin: var(--space-3) 0;
    padding: 0;
}

.portfolio-queue__item[b-120unug235] {
    display: grid;
    grid-template-columns: minmax(8rem, 14rem) 8rem 1fr;
    gap: var(--space-3);
    align-items: baseline;
    padding: var(--space-2) 0;
    border-top: 1px solid var(--border);
    font-size: var(--fs-small);
    line-height: var(--lh-small);
}

.portfolio-queue__name[b-120unug235] {
    font-weight: var(--fw-medium);
    overflow-wrap: anywhere;
}

.portfolio-queue__state[b-120unug235],
.portfolio-queue__detail[b-120unug235] {
    color: var(--text-muted);
}

.portfolio-queue__item--running .portfolio-queue__state[b-120unug235] {
    color: var(--accent-700);
    font-weight: var(--fw-semibold);
}

.portfolio-queue__item--failed .portfolio-queue__state[b-120unug235] {
    color: var(--risk-critical);
    font-weight: var(--fw-semibold);
}

@media (max-width: 40rem) {
    .portfolio-queue__item[b-120unug235] {
        grid-template-columns: 1fr;
        gap: var(--space-1);
    }
}

/* There is little per-company information, so a grid of small cards reads better than a stack of
   full-width blocks: the whole portfolio is scannable at once and each company is visually its
   own object. */
.portfolio-companies[b-120unug235] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: var(--space-4);
    margin: var(--space-4) 0 var(--space-5);
}

.portfolio-company[b-120unug235] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: var(--space-4);
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.portfolio-company:hover[b-120unug235] {
    border-color: var(--border-strong);
    box-shadow: var(--shadow);
}

.portfolio-company:focus-within[b-120unug235] {
    border-color: var(--accent-600);
}

.portfolio-company--running[b-120unug235] {
    border-color: var(--accent-600);
}

@media (prefers-reduced-motion: reduce) {
    .portfolio-company[b-120unug235] {
        transition: none;
    }
}

.portfolio-company__top[b-120unug235] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-2);
}

.portfolio-company__name[b-120unug235] {
    margin: 0;
    min-width: 0;
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    font-weight: var(--fw-semibold);
}

/* The card's single primary action. The stretched overlay makes the whole card open the company's
   detail without nesting interactive elements or adding a second tab stop. */
.portfolio-company__open[b-120unug235] {
    appearance: none;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font: inherit;
    color: var(--brand-800);
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.portfolio-company__open[b-120unug235]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.portfolio-company__open:hover[b-120unug235] {
    color: var(--accent-700);
}

.portfolio-company__open:focus-visible[b-120unug235] {
    outline: 2px solid var(--accent-600);
    outline-offset: 3px;
}

.portfolio-company__status[b-120unug235] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: 2px var(--space-2);
    border-radius: var(--radius-pill);
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
    font-weight: var(--fw-medium);
    background: var(--surface-2);
    color: var(--text-muted);
    white-space: nowrap;
}

.portfolio-company__status--running[b-120unug235] {
    background: var(--accent-100);
    color: var(--accent-700);
}

.portfolio-company__status--failed[b-120unug235] {
    background: var(--risk-critical-bg);
    color: var(--risk-critical);
}

.portfolio-company__status--done[b-120unug235] {
    background: var(--risk-low-bg);
    color: var(--risk-low);
}

.portfolio-company__source[b-120unug235] {
    margin: 0;
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
    color: var(--text-subtle);
    overflow-wrap: anywhere;
}

.portfolio-company__meta[b-120unug235] {
    margin: 0;
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
    color: var(--text-muted);
    font-variant-numeric: var(--numeric-tabular);
}

.portfolio-company__error[b-120unug235] {
    margin: 0;
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
    color: var(--risk-critical);
}

.portfolio-company__actions[b-120unug235] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    margin-top: auto;
    padding-top: var(--space-2);
}

/* The containment fix: .portfolio-company is a column flexbox, and flex's default
   align-items:stretch overrides .rl-button's inline-flex, so an uncontained button spans the whole
   card. Pinning it to its own width keeps it a button rather than a banner. */
.portfolio-company__action[b-120unug235] {
    position: relative;
    z-index: 1;
    align-self: flex-start;
    width: auto;
    flex: 0 0 auto;
}

/* Sits under the card-wide overlay on purpose, so selecting it opens the company like the rest of
   the card does. It is aria-hidden: the card's name button already announces the same action. */
.portfolio-company__hint[b-120unug235] {
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
    color: var(--text-subtle);
}

/* ---------------------------------------------------------------------------
   Fitting the shared monitor-surface shell (app.css) to this page's controls.
   The empty-state rules that used to be duplicated here are gone: they are global now, so this
   page and the report render the same box from the same source.
   --------------------------------------------------------------------------- */

/* Every panel card stacked directly in a tab panel needs its own rhythm. The report gets this for
   free because its cards are followed by .monitor-unreachable / .monitor-relations, which carry
   their own top margins; this page just stacks plain cards. */
.monitor-panel > .rl-card[b-120unug235] {
    margin-bottom: var(--space-5);
}

.monitor-panel > .rl-card:last-child[b-120unug235] {
    margin-bottom: 0;
}

/* Company pickers ride in the card header opposite the title, the slot the report uses for its
   own filter, so they drop the standalone spacing. The bare .portfolio-picker margin still
   applies on Findings, the one place a picker stands on its own above the rollup. */
.monitor-history-card__header .portfolio-picker[b-120unug235] {
    margin: 0;
}

/* The change-type filter sits above the feed rather than in the header: that slot already carries
   the company picker, and two selects side by side read as one compound control. */
.portfolio-change-filter[b-120unug235] {
    margin: 0 0 var(--space-3);
}
/* /Components/Pages/Consulting/Blog/ConsultingBlogIndex.razor.rz.scp.css */
/* ---- Blog index hero ---- */
.hero[b-i5kh7j8ehd] {
    background: var(--brand-900);
    padding: 64px 0;
    border-bottom: 3px solid var(--accent-600);
}

.hero h1[b-i5kh7j8ehd] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(26pt, 4vw, 34pt);
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.18;
    letter-spacing: -0.01em;
    max-width: 640px;
    margin-bottom: 18px;
}

.hero .lede[b-i5kh7j8ehd] {
    font-size: 11pt;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.55;
    max-width: 580px;
    margin-bottom: 0;
}

/* ---- Post list ---- */
.post-list[b-i5kh7j8ehd] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--border);
    background: var(--surface);
}

.post-card[b-i5kh7j8ehd] {
    padding: 28px 32px;
    border-bottom: 1px solid var(--border);
    display: block;
    color: inherit;
    text-decoration: none;
    border-left: none;
    border-right: none;
    border-top: none;
    transition: background 0.15s;
}

.post-card:last-child[b-i5kh7j8ehd] {
    border-bottom: none;
}

.post-card:hover[b-i5kh7j8ehd] {
    background: var(--surface-2);
    opacity: 1;
    border-bottom: 1px solid var(--border);
}

.post-card:last-child:hover[b-i5kh7j8ehd] {
    border-bottom: none;
}

.post-meta[b-i5kh7j8ehd] {
    font-size: 8.5pt;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent-600);
    margin-bottom: 10px;
}

.post-meta .dot[b-i5kh7j8ehd] {
    color: var(--text-subtle);
    margin: 0 6px;
}

.post-card h3[b-i5kh7j8ehd] {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 600;
    font-size: 16pt;
    line-height: 1.3;
    color: var(--brand-900);
    margin-bottom: 10px;
    letter-spacing: -0.01em;
}

.post-excerpt[b-i5kh7j8ehd] {
    font-size: 10.5pt;
    line-height: 1.55;
    color: var(--text-muted);
    margin-bottom: 14px;
    max-width: 660px;
}

.post-readmore[b-i5kh7j8ehd] {
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--accent-600);
}
/* /Components/Pages/Consulting/Blog/Post6Signs.razor.rz.scp.css */
/* ---- Post hero ---- */
.post-hero[b-u4j6c506na] {
    background: var(--brand-900);
    padding: 48px 0 56px;
    border-bottom: 3px solid var(--accent-600);
}

.post-back[b-u4j6c506na] {
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 24px;
}

.post-back:hover[b-u4j6c506na] {
    color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    opacity: 1;
}

.post-meta-line[b-u4j6c506na] {
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #7FB5B2;
    margin-bottom: 16px;
}

.post-meta-line .dot[b-u4j6c506na] {
    color: rgba(127, 181, 178, 0.5);
    margin: 0 8px;
}

.post-hero h1[b-u4j6c506na] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(22pt, 3.5vw, 30pt);
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.18;
    letter-spacing: -0.01em;
    max-width: 640px;
}

/* ---- Post body ---- */
.post-body[b-u4j6c506na] {
    padding: 56px 0 32px;
    background: var(--surface);
}

.post-body p[b-u4j6c506na],
.post-body ul[b-u4j6c506na],
.post-body ol[b-u4j6c506na] {
    font-size: 11pt;
    line-height: 1.7;
    margin-bottom: 20px;
    color: var(--text);
    max-width: 100%;
}

.post-body ul[b-u4j6c506na],
.post-body ol[b-u4j6c506na] {
    padding-left: 22px;
}

.post-body li[b-u4j6c506na] {
    margin-bottom: 8px;
}

.post-body h2[b-u4j6c506na] {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 600;
    font-size: 17pt;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--brand-900);
    margin: 36px 0 16px;
}

.post-body strong[b-u4j6c506na] {
    font-weight: 600;
    color: var(--brand-900);
}

.post-body a[b-u4j6c506na] {
    color: var(--accent-600);
    text-decoration: none;
    border-bottom: 1px solid var(--accent-600);
}

.post-body a:hover[b-u4j6c506na] {
    opacity: 0.7;
}

/* ---- Byline ---- */
.post-byline[b-u4j6c506na] {
    border-top: 1px solid var(--border);
    padding-top: 24px;
    margin-top: 36px;
    font-size: 10pt;
    color: var(--text-muted);
    line-height: 1.6;
}

.post-byline strong[b-u4j6c506na] {
    color: var(--brand-900);
}

/* ---- Sources (collapsible) ---- */
.post-sources[b-u4j6c506na] {
    border-top: 1px solid var(--border);
    margin-top: 36px;
    padding-top: 20px;
}

.post-sources summary[b-u4j6c506na] {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding: 4px 0;
    user-select: none;
    transition: color 0.15s;
}

.post-sources summary[b-u4j6c506na]::-webkit-details-marker {
    display: none;
}

.post-sources summary[b-u4j6c506na]::marker {
    display: none;
}

.post-sources .sources-label[b-u4j6c506na] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 13pt;
    font-weight: 600;
    color: var(--brand-900);
    letter-spacing: -0.01em;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.post-sources .sources-label[b-u4j6c506na]::after {
    content: '+';
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 15pt;
    font-weight: 400;
    color: var(--accent-600);
    line-height: 1;
    display: inline-block;
}

.post-sources[open] .sources-label[b-u4j6c506na]::after {
    content: '\2212';
}

.post-sources .sources-hint[b-u4j6c506na] {
    font-size: 9.5pt;
    color: var(--text-subtle);
    font-style: italic;
}

.post-sources summary:hover .sources-label[b-u4j6c506na],
.post-sources summary:hover .sources-label[b-u4j6c506na]::after {
    color: var(--accent-600);
}

.post-sources summary:focus-visible[b-u4j6c506na] {
    outline: 2px solid var(--accent-600);
    outline-offset: 6px;
    border-radius: 2px;
}

.post-sources ul[b-u4j6c506na] {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 9.5pt;
}

.post-sources li[b-u4j6c506na] {
    font-size: 9.5pt;
    line-height: 1.55;
    margin-bottom: 14px;
    color: var(--text-muted);
}

.post-sources li a[b-u4j6c506na] {
    word-break: break-all;
    font-size: 9pt;
    color: var(--accent-600);
    border-bottom: 1px solid var(--accent-600);
    text-decoration: none;
}

.post-sources li a:hover[b-u4j6c506na] {
    opacity: 0.7;
}

/* ---- Post CTA ---- */
/* /Components/Pages/Consulting/Blog/PostAiHiringRisk.razor.rz.scp.css */
/* ---- Post hero ---- */
.post-hero[b-cmsd9zj2ez] {
    background: var(--brand-900);
    padding: 48px 0 56px;
    border-bottom: 3px solid var(--accent-600);
}

.post-back[b-cmsd9zj2ez] {
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 24px;
}

.post-back:hover[b-cmsd9zj2ez] {
    color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    opacity: 1;
}

.post-meta-line[b-cmsd9zj2ez] {
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #7FB5B2;
    margin-bottom: 16px;
}

.post-meta-line .dot[b-cmsd9zj2ez] {
    color: rgba(127, 181, 178, 0.5);
    margin: 0 8px;
}

.post-hero h1[b-cmsd9zj2ez] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(22pt, 3.5vw, 30pt);
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.18;
    letter-spacing: -0.01em;
    max-width: 640px;
}

/* ---- Post body ---- */
.post-body[b-cmsd9zj2ez] {
    padding: 56px 0 32px;
    background: var(--surface);
}

.post-body p[b-cmsd9zj2ez],
.post-body ul[b-cmsd9zj2ez],
.post-body ol[b-cmsd9zj2ez] {
    font-size: 11pt;
    line-height: 1.7;
    margin-bottom: 20px;
    color: var(--text);
    max-width: 100%;
}

.post-body ul[b-cmsd9zj2ez],
.post-body ol[b-cmsd9zj2ez] {
    padding-left: 22px;
}

.post-body li[b-cmsd9zj2ez] {
    margin-bottom: 8px;
}

.post-body h2[b-cmsd9zj2ez] {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 600;
    font-size: 17pt;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--brand-900);
    margin: 36px 0 16px;
}

.post-body strong[b-cmsd9zj2ez] {
    font-weight: 600;
    color: var(--brand-900);
}

.post-body a[b-cmsd9zj2ez] {
    color: var(--accent-600);
    text-decoration: none;
    border-bottom: 1px solid var(--accent-600);
}

.post-body a:hover[b-cmsd9zj2ez] {
    opacity: 0.7;
}

/* ---- Disclaimer ---- */
.post-disclaimer[b-cmsd9zj2ez] {
    margin-top: 28px;
    font-size: 9.5pt;
    font-style: italic;
    color: var(--text-muted);
}

/* ---- Byline ---- */
.post-byline[b-cmsd9zj2ez] {
    border-top: 1px solid var(--border);
    padding-top: 24px;
    margin-top: 36px;
    font-size: 10pt;
    color: var(--text-muted);
    line-height: 1.6;
}

.post-byline strong[b-cmsd9zj2ez] {
    color: var(--brand-900);
}

/* ---- Sources (collapsible) ---- */
.post-sources[b-cmsd9zj2ez] {
    border-top: 1px solid var(--border);
    margin-top: 36px;
    padding-top: 20px;
}

.post-sources summary[b-cmsd9zj2ez] {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding: 4px 0;
    user-select: none;
    transition: color 0.15s;
}

.post-sources summary[b-cmsd9zj2ez]::-webkit-details-marker {
    display: none;
}

.post-sources summary[b-cmsd9zj2ez]::marker {
    display: none;
}

.post-sources .sources-label[b-cmsd9zj2ez] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 13pt;
    font-weight: 600;
    color: var(--brand-900);
    letter-spacing: -0.01em;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.post-sources .sources-label[b-cmsd9zj2ez]::after {
    content: '+';
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 15pt;
    font-weight: 400;
    color: var(--accent-600);
    line-height: 1;
    display: inline-block;
}

.post-sources[open] .sources-label[b-cmsd9zj2ez]::after {
    content: '\2212';
}

.post-sources .sources-hint[b-cmsd9zj2ez] {
    font-size: 9.5pt;
    color: var(--text-subtle);
    font-style: italic;
}

.post-sources summary:hover .sources-label[b-cmsd9zj2ez],
.post-sources summary:hover .sources-label[b-cmsd9zj2ez]::after {
    color: var(--accent-600);
}

.post-sources summary:focus-visible[b-cmsd9zj2ez] {
    outline: 2px solid var(--accent-600);
    outline-offset: 6px;
    border-radius: 2px;
}

.post-sources ul[b-cmsd9zj2ez] {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 9.5pt;
}

.post-sources li[b-cmsd9zj2ez] {
    font-size: 9.5pt;
    line-height: 1.55;
    margin-bottom: 14px;
    color: var(--text-muted);
}

.post-sources li a[b-cmsd9zj2ez] {
    word-break: break-all;
    font-size: 9pt;
    color: var(--accent-600);
    border-bottom: 1px solid var(--accent-600);
    text-decoration: none;
}

.post-sources li a:hover[b-cmsd9zj2ez] {
    opacity: 0.7;
}

/* ---- Post CTA ---- */
/* /Components/Pages/Consulting/Blog/PostChoosingAts.razor.rz.scp.css */
/* ---- Post hero ---- */
.post-hero[b-cc3wyznkcc] {
    background: var(--brand-900);
    padding: 48px 0 56px;
    border-bottom: 3px solid var(--accent-600);
}

.post-back[b-cc3wyznkcc] {
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 24px;
}

.post-back:hover[b-cc3wyznkcc] {
    color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    opacity: 1;
}

.post-meta-line[b-cc3wyznkcc] {
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #7FB5B2;
    margin-bottom: 16px;
}

.post-meta-line .dot[b-cc3wyznkcc] {
    color: rgba(127, 181, 178, 0.5);
    margin: 0 8px;
}

.post-hero h1[b-cc3wyznkcc] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(22pt, 3.5vw, 30pt);
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.18;
    letter-spacing: -0.01em;
    max-width: 640px;
}

/* ---- Post body ---- */
.post-body[b-cc3wyznkcc] {
    padding: 56px 0 32px;
    background: var(--surface);
}

.post-body p[b-cc3wyznkcc],
.post-body ul[b-cc3wyznkcc],
.post-body ol[b-cc3wyznkcc] {
    font-size: 11pt;
    line-height: 1.7;
    margin-bottom: 20px;
    color: var(--text);
    max-width: 100%;
}

.post-body ul[b-cc3wyznkcc],
.post-body ol[b-cc3wyznkcc] {
    padding-left: 22px;
}

.post-body li[b-cc3wyznkcc] {
    margin-bottom: 8px;
}

.post-body h2[b-cc3wyznkcc] {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 600;
    font-size: 17pt;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--brand-900);
    margin: 36px 0 16px;
}

.post-body strong[b-cc3wyznkcc] {
    font-weight: 600;
    color: var(--brand-900);
}

.post-body a[b-cc3wyznkcc] {
    color: var(--accent-600);
    text-decoration: none;
    border-bottom: 1px solid var(--accent-600);
}

.post-body a:hover[b-cc3wyznkcc] {
    opacity: 0.7;
}

/* ---- Comparison table ---- */
.compare-table-wrap[b-cc3wyznkcc] {
    margin: 24px 0 32px;
    overflow-x: auto;
    border: 1px solid var(--border);
    background: var(--surface);
}

.compare-table[b-cc3wyznkcc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 10pt;
    line-height: 1.5;
    min-width: 720px;
}

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

.compare-table tr:last-child th[b-cc3wyznkcc],
.compare-table tr:last-child td[b-cc3wyznkcc] {
    border-bottom: none;
}

.compare-table th:last-child[b-cc3wyznkcc],
.compare-table td:last-child[b-cc3wyznkcc] {
    border-right: none;
}

.compare-table thead th[b-cc3wyznkcc] {
    background: var(--brand-900);
    color: #FFFFFF;
    font-weight: 600;
    font-size: 9.5pt;
    letter-spacing: 0.02em;
}

.compare-table tbody th[b-cc3wyznkcc] {
    background: var(--surface-2);
    font-weight: 600;
    color: var(--brand-900);
    font-size: 9.5pt;
    width: 130px;
}

.compare-table td[b-cc3wyznkcc] {
    color: var(--text);
}

/* ---- Disclaimer ---- */
.post-disclaimer[b-cc3wyznkcc] {
    margin-top: 28px;
    font-size: 9.5pt;
    font-style: italic;
    color: var(--text-muted);
}

/* ---- Byline ---- */
.post-byline[b-cc3wyznkcc] {
    border-top: 1px solid var(--border);
    padding-top: 24px;
    margin-top: 36px;
    font-size: 10pt;
    color: var(--text-muted);
    line-height: 1.6;
}

.post-byline strong[b-cc3wyznkcc] {
    color: var(--brand-900);
}

/* ---- Sources (collapsible) ---- */
.post-sources[b-cc3wyznkcc] {
    border-top: 1px solid var(--border);
    margin-top: 36px;
    padding-top: 20px;
}

.post-sources summary[b-cc3wyznkcc] {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding: 4px 0;
    user-select: none;
    transition: color 0.15s;
}

.post-sources summary[b-cc3wyznkcc]::-webkit-details-marker {
    display: none;
}

.post-sources summary[b-cc3wyznkcc]::marker {
    display: none;
}

.post-sources .sources-label[b-cc3wyznkcc] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 13pt;
    font-weight: 600;
    color: var(--brand-900);
    letter-spacing: -0.01em;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.post-sources .sources-label[b-cc3wyznkcc]::after {
    content: '+';
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 15pt;
    font-weight: 400;
    color: var(--accent-600);
    line-height: 1;
    display: inline-block;
}

.post-sources[open] .sources-label[b-cc3wyznkcc]::after {
    content: '\2212';
}

.post-sources .sources-hint[b-cc3wyznkcc] {
    font-size: 9.5pt;
    color: var(--text-subtle);
    font-style: italic;
}

.post-sources summary:hover .sources-label[b-cc3wyznkcc],
.post-sources summary:hover .sources-label[b-cc3wyznkcc]::after {
    color: var(--accent-600);
}

.post-sources summary:focus-visible[b-cc3wyznkcc] {
    outline: 2px solid var(--accent-600);
    outline-offset: 6px;
    border-radius: 2px;
}

.post-sources ul[b-cc3wyznkcc] {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 9.5pt;
}

.post-sources li[b-cc3wyznkcc] {
    font-size: 9.5pt;
    line-height: 1.55;
    margin-bottom: 14px;
    color: var(--text-muted);
}

.post-sources li a[b-cc3wyznkcc] {
    word-break: break-all;
    font-size: 9pt;
    color: var(--accent-600);
    border-bottom: 1px solid var(--accent-600);
    text-decoration: none;
}

.post-sources li a:hover[b-cc3wyznkcc] {
    opacity: 0.7;
}

/* ---- Post CTA ---- */
/* /Components/Pages/Consulting/Blog/PostCta.razor.rz.scp.css */
/* End-of-post CTA band. Lifted verbatim from the copies that were duplicated across
   Post6Signs, PostAiHiringRisk and PostChoosingAts so all four posts share one definition. */

.post-cta-section[b-w6zpvcnyt9] {
    padding: 48px 0 64px;
    background: var(--bg);
}

.post-cta[b-w6zpvcnyt9] {
    background: var(--accent-100);
    padding: 32px 36px;
}

.post-cta p[b-w6zpvcnyt9] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 13pt;
    line-height: 1.45;
    color: var(--brand-900);
    margin-bottom: 16px;
    max-width: 580px;
}

.post-cta .cta-links[b-w6zpvcnyt9] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    align-items: center;
    font-size: 9.5pt;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.post-cta .cta-links a[b-w6zpvcnyt9] {
    color: var(--accent-600);
    text-decoration: none;
    border-bottom: 1px solid var(--accent-600);
}

.post-cta .cta-links a:hover[b-w6zpvcnyt9] {
    opacity: 0.7;
}
/* /Components/Pages/Consulting/ConsultingFaq.razor.rz.scp.css */
/* The list wrapper only. Item styling lives in FaqItem.razor.css, because scoped CSS
   applies to one component's own markup and cannot reach a child component's. */

.faq-list[b-6lms5so727] {
    margin-top: 22px;
}
/* /Components/Pages/Consulting/ConsultingPricing.razor.rz.scp.css */
/* ---- Pricing comparison table ---- */
.pricing-table-wrap[b-m034xvbs2u] {
    margin: 28px 0 8px;
    border: 1px solid var(--border);
}

table.pricing-table[b-m034xvbs2u] {
    width: 100%;
    border-collapse: collapse;
    background: var(--surface);
    font-size: 10pt;
}

.pricing-table thead th[b-m034xvbs2u] {
    text-align: left;
    font-size: 8pt;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-subtle);
    padding: 13px 18px;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

.pricing-table tbody td[b-m034xvbs2u] {
    padding: 18px;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
    line-height: 1.5;
}

.pricing-table tbody tr:last-child td[b-m034xvbs2u] {
    border-bottom: none;
}

.pricing-table .pt-name[b-m034xvbs2u] {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 600;
    font-size: 12pt;
    color: var(--brand-900);
    line-height: 1.25;
    display: block;
}

.pricing-table .pt-structure[b-m034xvbs2u] {
    color: var(--text-muted);
    font-size: 9.5pt;
}

.pricing-table .pt-for[b-m034xvbs2u] {
    color: var(--text);
}

.pricing-table .pt-start a[b-m034xvbs2u] {
    display: inline-block;
    background: var(--brand-900);
    color: #FFFFFF;
    padding: 9px 16px;
    font-size: 8.5pt;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border: 1px solid var(--brand-900);
    border-bottom: 1px solid var(--brand-900);
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s;
}

.pricing-table .pt-start a:hover[b-m034xvbs2u] {
    background: var(--accent-600);
    border-color: var(--accent-600);
    border-bottom-color: var(--accent-600);
    color: #FFFFFF;
    opacity: 1;
}

@media (max-width: 640px) {
    .pricing-table[b-m034xvbs2u],
    .pricing-table tbody[b-m034xvbs2u],
    .pricing-table tr[b-m034xvbs2u],
    .pricing-table td[b-m034xvbs2u] {
        display: block;
        width: 100%;
    }

    .pricing-table thead[b-m034xvbs2u] {
        display: none;
    }

    .pricing-table tbody tr[b-m034xvbs2u] {
        border-bottom: 3px solid var(--border);
        padding: 8px 0;
    }

    .pricing-table tbody tr:last-child[b-m034xvbs2u] {
        border-bottom: none;
    }

    .pricing-table tbody td[b-m034xvbs2u] {
        border-bottom: none;
        padding: 7px 18px;
    }

    .pricing-table td[b-m034xvbs2u]::before {
        content: attr(data-label);
        display: block;
        font-size: 7.5pt;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--text-subtle);
        margin-bottom: 3px;
    }

    .pricing-table td.pt-name-cell[b-m034xvbs2u]::before {
        content: none;
    }

    .pricing-table td.pt-name-cell[b-m034xvbs2u] {
        padding-top: 14px;
    }
}

/* ---- Table note ---- */
.table-note[b-m034xvbs2u] {
    margin-top: 16px;
    font-size: 9pt;
    color: var(--text-subtle);
    font-style: italic;
    max-width: 700px;
}

/* ---- CTA row (overrides the base .button bg for this specific row) ---- */
.cta-row[b-m034xvbs2u] {
    margin-top: 24px;
    display: flex;
    gap: 16px 24px;
    flex-wrap: wrap;
    align-items: center;
}

.cta-row .button[b-m034xvbs2u] {
    background: var(--brand-900);
}

.cta-row .button:hover[b-m034xvbs2u] {
    background: var(--accent-600);
}

.cta-row .cta-secondary[b-m034xvbs2u] {
    font-size: 10pt;
    color: var(--text-muted);
    border-bottom: 1px solid var(--border);
    font-weight: 500;
    text-decoration: none;
    transition: color 0.15s, border-color 0.15s;
}

.cta-row .cta-secondary:hover[b-m034xvbs2u] {
    color: var(--brand-900);
    border-bottom-color: var(--brand-900);
    opacity: 1;
}
/* /Components/Pages/Consulting/FaqItem.razor.rz.scp.css */
/* The row's card, padding, semibold summary, focus ring and disclosure marker all come from
   .landing-faq__item in app.css - the Hiring Compliance FAQ's own rules, which this row opts into
   by carrying that class. Nothing is duplicated here.

   These two rules exist only to undo what `.consulting-site` would otherwise impose on top of it:
   it sets its own system-ui stack and a 10.5pt base size, which would render the summary and answer
   noticeably smaller and in a different face than the same component on the product side. Scoped
   CSS wins on specificity, so this is the layer that has to restore the product typography. */

.faq-q[b-ygkbyvgq6x] {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text);
}

.faq-a[b-ygkbyvgq6x] {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text-muted);
    margin: 0 0 var(--space-4);
}
/* /Components/Pages/Consulting/LeaveAReview.razor.rz.scp.css */
/* ---- Review hero (banner-style, matches legal-hero) ---- */
.review-hero[b-npg7strchy] {
    background: var(--brand-900);
    padding: 48px 0;
    border-bottom: 3px solid var(--accent-600);
}

.review-hero h1[b-npg7strchy] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(22pt, 3.5vw, 28pt);
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.18;
    letter-spacing: -0.01em;
}

.review-hero .lede[b-npg7strchy] {
    margin-top: 14px;
    font-size: 11pt;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.55;
    max-width: 620px;
}

/* ---- Form body section ---- */
.form-body[b-npg7strchy] {
    padding: 44px 0 56px;
    background: var(--bg);
}

.form-intro[b-npg7strchy] {
    font-size: 10.5pt;
    line-height: 1.65;
    color: var(--text-muted);
    margin-bottom: 24px;
    max-width: 660px;
}

/* ---- Form card ---- */
.form-card[b-npg7strchy] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-600);
    box-shadow: 0 2px 10px rgba(23, 42, 58, 0.05);
    padding: 32px;
}

/* ---- Field groups ---- */
.field-group[b-npg7strchy] {
    margin-bottom: 22px;
}

.field-label[b-npg7strchy] {
    display: block;
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent-600);
    margin-bottom: 8px;
}

.field-label .optional[b-npg7strchy] {
    color: var(--text-subtle);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    margin-left: 2px;
}

.field-label .role-prospective[b-npg7strchy] {
    color: var(--text-subtle);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    margin-left: 2px;
}

.field-input[b-npg7strchy],
.field-textarea[b-npg7strchy] {
    display: block;
    width: 100%;
    padding: 12px 14px;
    font-size: 10.5pt;
    font-family: inherit;
    line-height: 1.5;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--brand-900);
    border-radius: 2px;
    transition: border-color 0.15s;
    appearance: auto;
}

.field-input:focus[b-npg7strchy],
.field-textarea:focus[b-npg7strchy] {
    border-color: var(--accent-600);
    outline: none;
}

.field-textarea[b-npg7strchy] {
    min-height: 200px;
    resize: vertical;
}

.field-help[b-npg7strchy] {
    margin-top: 6px;
    font-size: 9pt;
    color: var(--text-subtle);
}

/* ---- Char counter ---- */
.char-counter[b-npg7strchy] {
    text-align: right;
    font-size: 9pt;
    color: var(--text-subtle);
    margin-top: 6px;
}

.char-counter.is-near-limit[b-npg7strchy] {
    color: var(--gold);
}

.char-counter.is-over-limit[b-npg7strchy] {
    color: #B33A3A;
    font-weight: 600;
}

/* ---- Consent notice ---- */
.consent-notice[b-npg7strchy] {
    font-size: 9.5pt;
    line-height: 1.55;
    color: var(--text-subtle);
    margin: 24px 0;
    max-width: 660px;
}

.consent-notice a[b-npg7strchy] {
    color: var(--accent-600);
    text-decoration: none;
    border-bottom: 1px solid var(--accent-600);
}

.consent-notice a:hover[b-npg7strchy] {
    opacity: 0.7;
}

/* ---- Honeypot — hidden from real users ---- */
.honeypot[b-npg7strchy] {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* ---- Submit row ---- */
.submit-row[b-npg7strchy] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.submit-button[b-npg7strchy] {
    display: inline-block;
    background: var(--brand-900);
    color: #FFFFFF;
    padding: 14px 32px;
    font-size: 10pt;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background 0.15s;
    font-family: inherit;
}

.submit-button:hover:not(:disabled)[b-npg7strchy] {
    background: var(--accent-600);
}

.submit-button:disabled[b-npg7strchy] {
    opacity: 0.5;
    cursor: not-allowed;
}

.submit-feedback[b-npg7strchy] {
    font-size: 10pt;
    color: var(--text-muted);
}

.submit-feedback.error[b-npg7strchy] {
    color: #B33A3A;
}

/* ---- Success state ---- */
.success-card[b-npg7strchy] {
    background: var(--accent-100);
    border: 1px solid rgba(63, 124, 121, 0.3);
    padding: 36px 32px;
    text-align: center;
}

.success-card h2[b-npg7strchy] {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 600;
    font-size: 18pt;
    color: var(--brand-900);
    margin-bottom: 12px;
}

.success-card p[b-npg7strchy] {
    font-size: 11pt;
    line-height: 1.55;
    color: var(--text);
    max-width: 520px;
    margin: 0 auto 20px;
}

.success-card a[b-npg7strchy] {
    color: var(--accent-600);
    text-decoration: none;
    border-bottom: 1px solid var(--accent-600);
    font-weight: 500;
}
/* /Components/Pages/Consulting/PrivacyAndLegal.razor.rz.scp.css */
/* ---- Legal hero ---- */
.legal-hero[b-r5b1d0xsy7] {
    background: var(--brand-900);
    padding: 48px 0;
    border-bottom: 3px solid var(--accent-600);
}

.legal-hero h1[b-r5b1d0xsy7] {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(22pt, 3.5vw, 28pt);
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.18;
    letter-spacing: -0.01em;
}

.updated[b-r5b1d0xsy7] {
    margin-top: 12px;
    font-size: 9pt;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #7FB5B2;
}

/* ---- Legal body ---- */
.legal-body[b-r5b1d0xsy7] {
    padding: 48px 0 56px;
    background: var(--surface);
}

.legal-body p[b-r5b1d0xsy7],
.legal-body ul[b-r5b1d0xsy7],
.legal-body ol[b-r5b1d0xsy7] {
    font-size: 10.5pt;
    line-height: 1.7;
    margin-bottom: 18px;
    color: var(--text);
    max-width: 100%;
}

.legal-body ul[b-r5b1d0xsy7],
.legal-body ol[b-r5b1d0xsy7] {
    padding-left: 22px;
}

.legal-body li[b-r5b1d0xsy7] {
    margin-bottom: 8px;
}

.legal-body h2[b-r5b1d0xsy7] {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 600;
    font-size: 14pt;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--brand-900);
    margin: 32px 0 14px;
}

.legal-body strong[b-r5b1d0xsy7] {
    font-weight: 600;
    color: var(--brand-900);
}

.legal-body a[b-r5b1d0xsy7] {
    color: var(--accent-600);
    text-decoration: none;
    border-bottom: 1px solid var(--accent-600);
}

.legal-body a:hover[b-r5b1d0xsy7] {
    opacity: 0.7;
}
/* /Components/Pages/CostOfHub.razor.rz.scp.css */
.cost-of-card[b-ados1diqjf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.cost-of-card:hover[b-ados1diqjf] {
    border-color: var(--accent-600);
    box-shadow: 0 2px 8px rgba(63, 124, 121, 0.08);
}

.cost-of-card__title[b-ados1diqjf] {
    margin: 0;
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--brand-900);
}

.cost-of-card__desc[b-ados1diqjf] {
    margin: 0;
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: 1.5;
    flex: 1;
}

.cost-of-card__cta[b-ados1diqjf] {
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: var(--accent-600);
}
/* /Components/Pages/CostOfRole.razor.rz.scp.css */
.cost-of-component[b-6y517daruw] {
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.cost-of-component h3[b-6y517daruw] {
    margin: 0 0 var(--space-2);
    font-family: var(--font-heading);
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--accent-600);
}

.cost-of-component p[b-6y517daruw] {
    margin: 0;
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: 1.5;
}
/* /Components/Pages/Dashboard/BenchmarkAdmin.razor.rz.scp.css */
.benchmark-admin[b-d6k5mbwcnx] { padding: 1.5rem; }
.benchmark-admin__header[b-d6k5mbwcnx] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.benchmark-admin__title[b-d6k5mbwcnx] { font-family: 'Source Serif 4', serif; font-size: 1.5rem; font-weight: 600; margin: 0; }
.benchmark-admin__status[b-d6k5mbwcnx] { display: flex; gap: 1rem; font-size: 0.85rem; }
.benchmark-admin__stat[b-d6k5mbwcnx] { padding: 0.25rem 0.5rem; border-radius: 4px; background: #f5f5f5; }
.benchmark-admin__stat--green[b-d6k5mbwcnx] { background: #e8f5e9; color: #2e7d32; }
.benchmark-admin__stat--yellow[b-d6k5mbwcnx] { background: #fff8e1; color: #f57f17; }
.benchmark-admin__stat--red[b-d6k5mbwcnx] { background: #ffebee; color: #c62828; }
.benchmark-admin__filters[b-d6k5mbwcnx] { margin-bottom: 1rem; }
.benchmark-admin__table[b-d6k5mbwcnx] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.benchmark-admin__table th[b-d6k5mbwcnx] { text-align: left; padding: 0.5rem; border-bottom: 2px solid #e5e5e5; color: #666; }
.benchmark-admin__table td[b-d6k5mbwcnx] { padding: 0.5rem; border-bottom: 1px solid #f0f0f0; }
.benchmark-admin__source[b-d6k5mbwcnx] { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.freshness-dot[b-d6k5mbwcnx] { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.freshness-dot--green[b-d6k5mbwcnx] { background: #2e7d32; }
.freshness-dot--yellow[b-d6k5mbwcnx] { background: #f57f17; }
.freshness-dot--red[b-d6k5mbwcnx] { background: #c62828; }
/* /Components/Pages/Dashboard/BillingPage.razor.rz.scp.css */
.billing-page[b-9m8vvkiqva] {
    max-width: 640px;
}

.billing-title[b-9m8vvkiqva] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-2);
}

/* Current plan summary */
.billing-current-plan[b-9m8vvkiqva] {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.billing-plan-row[b-9m8vvkiqva] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.billing-plan-label[b-9m8vvkiqva] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    min-width: 96px;
}

.billing-plan-value[b-9m8vvkiqva] {
    font-size: var(--fs-small);
    color: var(--text);
}

/* Tier badges */
.billing-tier-badge[b-9m8vvkiqva] {
    display: inline-block;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.billing-tier-badge--free[b-9m8vvkiqva] {
    background: var(--surface-3, #e8eaed);
    color: var(--text-muted);
}

.billing-tier-badge--founding[b-9m8vvkiqva] {
    background: #e9f2f1;
    color: #3F7C79;
    border: 1px solid #3F7C79;
    text-transform: none;
    letter-spacing: normal;
}

.billing-tier-badge--individual[b-9m8vvkiqva] {
    background: var(--brand-50, #eff6ff);
    color: var(--brand-700, #1d4ed8);
}

.billing-tier-badge--team[b-9m8vvkiqva] {
    background: #f0fdf4;
    color: #15803d;
}

.billing-tier-badge--agency[b-9m8vvkiqva] {
    background: #faf5ff;
    color: #7e22ce;
}

/* Status badges */
.billing-status[b-9m8vvkiqva] {
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
}

.billing-status--past-due[b-9m8vvkiqva] {
    background: var(--risk-high-bg);
    color: var(--risk-high);
}

.billing-status--canceled[b-9m8vvkiqva] {
    background: var(--surface-3, #e8eaed);
    color: var(--text-muted);
}

.billing-status--trialing[b-9m8vvkiqva] {
    background: var(--risk-low-bg);
    color: var(--risk-low);
}

/* Checkout result banners */
.billing-banner[b-9m8vvkiqva] {
    margin: 0 0 var(--space-5);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-sm);
    font-size: var(--fs-small);
    line-height: 1.5;
    border: 1px solid transparent;
}

.billing-banner--success[b-9m8vvkiqva] {
    background: #f3f7f7;
    border-color: #3F7C79;
    color: #2d5a57;
}

.billing-banner--canceled[b-9m8vvkiqva] {
    background: var(--surface-2);
    border-color: var(--border);
    color: var(--text-muted);
}

/* Upgrade section */
.billing-upgrade-section[b-9m8vvkiqva] {
    margin-top: var(--space-8);
}

.billing-section-title[b-9m8vvkiqva] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-2);
}

/* Plan cards */
.billing-plan-grid[b-9m8vvkiqva] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--space-4);
}

.billing-plan-card[b-9m8vvkiqva] {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    background: var(--surface);
}

.billing-plan-card__header[b-9m8vvkiqva] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.billing-plan-card__name[b-9m8vvkiqva] {
    font-family: var(--font-heading);
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

.billing-plan-card__desc[b-9m8vvkiqva] {
    font-size: var(--fs-caption);
    color: var(--text-muted);
    margin: 0;
    line-height: 1.4;
}

.billing-plan-card__pricing[b-9m8vvkiqva] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.billing-interval-toggle[b-9m8vvkiqva] {
    display: flex;
    gap: var(--space-1);
}

/* Founding member card — the launch offer */
.billing-plan-card--founding[b-9m8vvkiqva] {
    position: relative;
    border: 1px solid #3F7C79;
}

.billing-plan-card--spotlight[b-9m8vvkiqva] {
    border-width: 2px;
    box-shadow: 0 0 0 3px rgba(63, 124, 121, 0.12);
}

.billing-founding-badge[b-9m8vvkiqva] {
    align-self: flex-start;
    display: inline-block;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    background: #3F7C79;
    color: #ffffff;
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.billing-plan-card__price[b-9m8vvkiqva] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--text);
    line-height: 1.1;
}

.billing-plan-card__price-unit[b-9m8vvkiqva] {
    font-size: var(--fs-small);
    font-weight: var(--fw-regular, 400);
    color: var(--text-muted);
}

.billing-plan-card__price-note[b-9m8vvkiqva] {
    font-size: var(--fs-caption);
    color: #3F7C79;
    font-weight: var(--fw-semibold);
    margin: 0;
    line-height: 1.4;
}

.billing-plan-card__standard-note[b-9m8vvkiqva] {
    font-size: var(--fs-caption);
    color: var(--text-muted);
    margin: 0;
    line-height: 1.4;
}

/* Coming-soon plan cards */
.billing-plan-card--soon[b-9m8vvkiqva] {
    opacity: 0.7;
}
/* /Components/Pages/Dashboard/BriefDashboard.razor.rz.scp.css */
.brief-dashboard[b-9ncmjjnt5p] {
    padding: var(--space-5) var(--space-6);
    max-width: 1400px;
}

.brief-dashboard__header[b-9ncmjjnt5p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-5);
    flex-wrap: wrap;
    gap: var(--space-3);
}

.brief-dashboard__title[b-9ncmjjnt5p] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.5rem;
    color: #1a1a18;
    margin: 0;
}

.brief-dashboard__count[b-9ncmjjnt5p] {
    font-size: 0.8125rem;
    color: #6b6b67;
    margin: 0.25rem 0 0;
}

.brief-dashboard__filters[b-9ncmjjnt5p] {
    display: flex;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
    flex-wrap: wrap;
}

.filter-select[b-9ncmjjnt5p] {
    padding: 0.4rem 0.75rem;
    border: 1px solid #d4d3cf;
    border-radius: 6px;
    font-size: 0.8125rem;
    background: white;
    color: #1a1a18;
    cursor: pointer;
}

.filter-select:focus[b-9ncmjjnt5p] {
    outline: none;
    border-color: #3F7C79;
    box-shadow: 0 0 0 2px rgba(63, 124, 121, 0.15);
}

.brief-dashboard__table-wrap[b-9ncmjjnt5p] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
    border: 1px solid #e5e4e0;
}

.brief-table[b-9ncmjjnt5p] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.brief-table th[b-9ncmjjnt5p] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b6b67;
    border-bottom: 2px solid #e5e4e0;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    background: #fafaf8;
}

.brief-table th:hover[b-9ncmjjnt5p] { color: #3F7C79; }
.brief-table th.sorted[b-9ncmjjnt5p] { color: #3F7C79; }

.sort-arrow[b-9ncmjjnt5p] {
    font-size: 0.5rem;
    margin-left: 2px;
}

.brief-table td[b-9ncmjjnt5p] {
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid #f4f3f0;
    color: #1a1a18;
}

.brief-table__row[b-9ncmjjnt5p] {
    transition: background 0.1s;
}

.brief-table__row:hover[b-9ncmjjnt5p] {
    background: #f4f3f0;
}

/* Drift alert dot (task 11.2) */
.col-alert[b-9ncmjjnt5p] {
    width: 36px;
    white-space: nowrap;
}

.drift-dot[b-9ncmjjnt5p] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    vertical-align: middle;
}

.drift-dot--urgent[b-9ncmjjnt5p]  { background: #c62828; }
.drift-dot--warning[b-9ncmjjnt5p] { background: #e08a1a; }
.drift-dot--info[b-9ncmjjnt5p]    { background: #1a4e8a; }

.drift-dot__ack[b-9ncmjjnt5p] {
    background: none;
    border: none;
    color: #9b9b96;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0 2px;
    margin-left: 2px;
    line-height: 1;
    vertical-align: middle;
}

.drift-dot__ack:hover[b-9ncmjjnt5p] { color: #1a1a18; }

/* Per-row status menu (task 11.13) */
.col-actions[b-9ncmjjnt5p] { white-space: nowrap; }

.status-menu[b-9ncmjjnt5p] {
    position: relative;
    display: inline-block;
    margin-right: 0.375rem;
}

.status-menu__list[b-9ncmjjnt5p] {
    position: absolute;
    top: calc(100% + 2px);
    right: 0;
    z-index: 20;
    min-width: 170px;
    background: white;
    border: 1px solid #d4d3cf;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 0.25rem 0;
    display: flex;
    flex-direction: column;
}

.status-menu__item[b-9ncmjjnt5p] {
    background: none;
    border: none;
    text-align: left;
    padding: 0.4rem 0.75rem;
    font-size: 0.8125rem;
    color: #1a1a18;
    cursor: pointer;
}

.status-menu__item:hover[b-9ncmjjnt5p] {
    background: #f4f3f0;
    color: #3F7C79;
}

.btn-secondary.btn-sm[b-9ncmjjnt5p] {
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    border: 1px solid #d4d3cf;
    border-radius: 6px;
    background: white;
    color: #1a1a18;
    cursor: pointer;
}

.btn-secondary.btn-sm:hover[b-9ncmjjnt5p] {
    border-color: #3F7C79;
    color: #3F7C79;
}

.btn-primary.btn-sm[b-9ncmjjnt5p] {
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    border: none;
    cursor: pointer;
}

/* Inline Filled → Active departure confirm */
.brief-table__confirm-row td[b-9ncmjjnt5p] {
    background: #fdf8ef;
    border-bottom: 1px solid #f0e8d8;
}

.departure-confirm[b-9ncmjjnt5p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-size: 0.8125rem;
}

.departure-confirm__text[b-9ncmjjnt5p] { color: #6b6b67; }

.departure-confirm__check[b-9ncmjjnt5p] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    cursor: pointer;
}

.col-title[b-9ncmjjnt5p] { font-weight: 600; }

.col-currency[b-9ncmjjnt5p] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.col-path[b-9ncmjjnt5p] {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6b6b67;
    font-size: 0.75rem;
}

/* Status badges */
.status-badge[b-9ncmjjnt5p] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.status-badge--active[b-9ncmjjnt5p]  { background: #e1f0ef; color: #2a5654; }
.status-badge--onhold[b-9ncmjjnt5p]  { background: #f4f3f0; color: #6b6b67; }
.status-badge--frozen[b-9ncmjjnt5p]  { background: #e6f0f7; color: #1a4e8a; }
.status-badge--filling[b-9ncmjjnt5p] { background: #e8f0fb; color: #1a4e8a; }
.status-badge--filled[b-9ncmjjnt5p]  { background: #eaf3de; color: #2d6b1a; }
.status-badge--closed[b-9ncmjjnt5p]  { background: #f4f3f0; color: #9b9b96; }
.status-badge--neutral[b-9ncmjjnt5p] { background: #f4f3f0; color: #9b9b96; }

/* Business case badges */
.strength-badge[b-9ncmjjnt5p] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.strength-badge--strong[b-9ncmjjnt5p]   { background: #eaf3de; color: #2d6b1a; }
.strength-badge--moderate[b-9ncmjjnt5p] { background: #fdf3e0; color: #b57a1a; }
.strength-badge--weak[b-9ncmjjnt5p]     { background: #fdf0f0; color: #8a2222; }

/* Readiness badges */
.readiness-badge[b-9ncmjjnt5p] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.readiness-badge--strong[b-9ncmjjnt5p] { background: #eaf3de; color: #2d6b1a; }
.readiness-badge--mixed[b-9ncmjjnt5p]  { background: #fdf3e0; color: #b57a1a; }
.readiness-badge--weak[b-9ncmjjnt5p]   { background: #fdf0f0; color: #8a2222; }

.brief-dashboard__empty[b-9ncmjjnt5p] {
    text-align: center;
    padding: 4rem 1.5rem;
    color: #6b6b67;
}

.brief-dashboard__empty h3[b-9ncmjjnt5p] {
    font-family: 'Source Serif 4', Georgia, serif;
    color: #1a1a18;
    margin-bottom: 0.5rem;
}

.brief-dashboard__loading[b-9ncmjjnt5p] {
    padding: var(--space-4) 0;
}

.btn-primary[b-9ncmjjnt5p] {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    background: #3F7C79;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
}

.btn-primary:hover[b-9ncmjjnt5p] {
    background: #2a5654;
    color: white;
}

@media (max-width: 768px) {
    .brief-dashboard[b-9ncmjjnt5p] {
        padding: var(--space-4);
    }

    .brief-dashboard__table-wrap[b-9ncmjjnt5p] {
        font-size: 0.75rem;
    }
}
/* /Components/Pages/Dashboard/CheckInForm.razor.rz.scp.css */
.checkin-form[b-q6noqnkl0f] { max-width: 700px; padding: 1.5rem; }
.checkin-form__title[b-q6noqnkl0f] { font-family: 'Source Serif 4', serif; font-size: 1.5rem; font-weight: 600; margin: 0 0 1rem; }
.checkin-form__context[b-q6noqnkl0f] { padding: 0.75rem 1rem; background: #f8f8f8; border-radius: 6px; margin-bottom: 1.5rem; font-size: 0.9rem; }
.checkin-form__criteria[b-q6noqnkl0f] { margin: 0.5rem 0 0; color: #666; font-size: 0.85rem; }
.checkin-form__criteria--none[b-q6noqnkl0f] { font-style: italic; }
.checkin-form__question[b-q6noqnkl0f] { margin-bottom: 1.25rem; }
.checkin-form__label[b-q6noqnkl0f] { font-weight: 600; font-size: 0.95rem; margin-bottom: 0.5rem; }
.checkin-form__options[b-q6noqnkl0f] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.checkin-form__actions[b-q6noqnkl0f] { display: flex; gap: 0.75rem; margin-top: 1.5rem; }
.checkin-form__backfill[b-q6noqnkl0f] { margin-top: 1.5rem; padding: 1rem; background: #fff8f0; border: 1px solid #f0c070; border-radius: 6px; }
.checkin-form__backfill p[b-q6noqnkl0f] { margin: 0 0 0.75rem; font-weight: 500; }
/* /Components/Pages/Dashboard/CsvImportForm.razor.rz.scp.css */
.csv-import[b-80s7a66n26] { max-width: 900px; padding: 1.5rem; }
.csv-import__title[b-80s7a66n26] { font-family: 'Source Serif 4', serif; font-size: 1.5rem; font-weight: 600; margin: 0 0 0.25rem; }
.csv-import__subtitle[b-80s7a66n26] { color: #666; font-size: 0.9rem; margin: 0 0 1.5rem; }
.csv-import__upload[b-80s7a66n26] { padding: 2rem; border: 2px dashed #ddd; border-radius: 8px; text-align: center; }
.csv-import__hint[b-80s7a66n26] { color: #999; font-size: 0.85rem; margin-top: 0.75rem; }
.csv-import__preview[b-80s7a66n26] { margin-top: 1rem; }
.csv-import__table[b-80s7a66n26] { width: 100%; border-collapse: collapse; margin-bottom: 1rem; overflow-x: auto; display: block; }
.csv-import__table th[b-80s7a66n26] { text-align: left; padding: 0.5rem; border-bottom: 2px solid #e5e5e5; font-size: 0.8rem; color: #666; }
.csv-import__table td[b-80s7a66n26] { padding: 0.5rem; border-bottom: 1px solid #f0f0f0; font-size: 0.85rem; }
.csv-import__actions[b-80s7a66n26] { display: flex; gap: 0.75rem; }
.csv-import__result[b-80s7a66n26] { padding: 1.5rem; background: #e8f5e9; border-radius: 8px; margin-top: 1rem; }
.csv-import__result h2[b-80s7a66n26] { font-size: 1.1rem; margin: 0 0 0.5rem; }
.csv-import__errors[b-80s7a66n26] { color: #c62828; font-size: 0.85rem; margin-top: 0.5rem; }
/* /Components/Pages/Dashboard/DashboardIndex.razor.rz.scp.css */
.dashboard-loading[b-8tr0zkxhnd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.dashboard-page-header[b-8tr0zkxhnd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-5);
    flex-wrap: wrap;
    gap: var(--space-3);
}

.dashboard-page-title[b-8tr0zkxhnd] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

.dashboard-filter-select[b-8tr0zkxhnd],
.dashboard-filter-input[b-8tr0zkxhnd] {
    height: 36px;
    padding: 0 var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
    font-size: var(--fs-small);
    color: var(--text);
    min-width: 140px;
}

.dashboard-filter-input[b-8tr0zkxhnd] {
    flex: 1;
    min-width: 200px;
}

.dashboard-empty[b-8tr0zkxhnd] {
    padding: var(--space-8) var(--space-5);
    text-align: center;
    border: 1px dashed var(--border);
    border-radius: var(--radius-lg);
}

.job-profile-card__header[b-8tr0zkxhnd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.job-profile-card__title[b-8tr0zkxhnd] {
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-1);
}

.job-profile-card__meta[b-8tr0zkxhnd] {
    margin: 0;
    color: var(--text-muted);
}

.job-profile-card__actions[b-8tr0zkxhnd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: auto;
}

.wizard-btn--primary[b-8tr0zkxhnd] {
    background: var(--brand-900);
    color: var(--surface);
    border-color: var(--brand-900);
}

.wizard-btn--primary:hover[b-8tr0zkxhnd] {
    background: var(--brand-700);
    border-color: var(--brand-700);
}

.wizard-btn--sm[b-8tr0zkxhnd] {
    font-size: var(--fs-caption);
    padding: var(--space-1) var(--space-2);
}

.wizard-btn--ghost[b-8tr0zkxhnd] {
    background: transparent;
}

.wizard-btn--danger[b-8tr0zkxhnd] {
    color: var(--risk-high);
    border-color: var(--risk-high-bg);
    background: var(--risk-high-bg);
}

.wizard-btn--danger:hover[b-8tr0zkxhnd] {
    background: var(--risk-high);
    color: var(--surface);
    border-color: var(--risk-high);
}

/* Referral note banner */
.dashboard-referral-note[b-8tr0zkxhnd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-5);
    background: var(--surface-2, #f0f2f5);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-size: var(--fs-small);
    color: var(--text);
}

.dashboard-referral-note p[b-8tr0zkxhnd] {
    margin: 0;
}

/* Screen-reader-only utility */
.sr-only[b-8tr0zkxhnd] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Pages/Dashboard/DashboardList.razor.rz.scp.css */
.dashboard-list__table[b-k2p76nww3p] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.dashboard-list__table th[b-k2p76nww3p] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b6b67;
    border-bottom: 2px solid #e5e4e0;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.dashboard-list__table th:hover[b-k2p76nww3p] { color: #3F7C79; }
.dashboard-list__table th.sorted[b-k2p76nww3p] { color: #3F7C79; }

.sort-arrow[b-k2p76nww3p] {
    font-size: 0.5rem;
    margin-left: 2px;
}

.dashboard-list__table td[b-k2p76nww3p] {
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid #f4f3f0;
    color: #1a1a18;
}

.dashboard-list__row[b-k2p76nww3p] {
    cursor: pointer;
    transition: background 0.1s;
}

.dashboard-list__row:hover[b-k2p76nww3p] {
    background: #f4f3f0;
}

.col-title[b-k2p76nww3p] {
    font-weight: 600;
}

.col-currency[b-k2p76nww3p] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.status-badge[b-k2p76nww3p], .strength-badge[b-k2p76nww3p] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.status-badge--active[b-k2p76nww3p] { background: #eaf3de; color: #2d6b1a; }
.status-badge--filled[b-k2p76nww3p] { background: #e1f0ef; color: #2a5654; }
.status-badge--frozen[b-k2p76nww3p] { background: #e8f0fb; color: #1a4e8a; }
.status-badge--closed[b-k2p76nww3p] { background: #f4f3f0; color: #6b6b67; }

.strength-badge--strong[b-k2p76nww3p] { background: #eaf3de; color: #2d6b1a; }
.strength-badge--moderate[b-k2p76nww3p] { background: #fdf3e0; color: #b57a1a; }
.strength-badge--weak[b-k2p76nww3p] { background: #fdf0f0; color: #8a2222; }
.strength-badge--notprovided[b-k2p76nww3p] { background: #f4f3f0; color: #9b9b96; }

.dashboard-list__empty[b-k2p76nww3p] {
    text-align: center;
    padding: 3rem 1.5rem;
    color: #6b6b67;
}

.dashboard-list__empty h3[b-k2p76nww3p] {
    font-family: 'Source Serif 4', Georgia, serif;
    color: #1a1a18;
    margin-bottom: 0.5rem;
}

.btn-primary[b-k2p76nww3p] {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.5rem 1.25rem;
    background: #3F7C79;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
}

.btn-primary:hover[b-k2p76nww3p] {
    background: #2a5654;
}
/* /Components/Pages/Dashboard/DashboardOverview.razor.rz.scp.css */
.overview[b-7o0l8w3ike] { padding: 1.5rem; }
.overview__header[b-7o0l8w3ike] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.overview__title[b-7o0l8w3ike] { font-family: 'Source Serif 4', serif; font-size: 1.5rem; font-weight: 600; margin: 0; }
.overview__actions[b-7o0l8w3ike] { display: flex; align-items: center; gap: 0.75rem; }
.overview__loading[b-7o0l8w3ike] { color: #666; padding: 2rem; text-align: center; }
.overview__filters[b-7o0l8w3ike] { display: flex; gap: 0.75rem; margin-bottom: 1rem; }
.overview__charts[b-7o0l8w3ike] { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem; }
.overview__chart-block[b-7o0l8w3ike] { position: relative; }
.overview__chart-toggle[b-7o0l8w3ike] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; color: #6b6b67; margin-bottom: 0.25rem; cursor: pointer; }
@media (max-width: 768px) { .overview__charts[b-7o0l8w3ike] { grid-template-columns: 1fr; } }
/* /Components/Pages/Dashboard/DecisionQualitySignals.razor.rz.scp.css */
.dqs[b-6b4jplfk3k] {
    background: #fff;
    border: 1px solid #e5e4e0;
    border-radius: 8px;
    padding: 1.25rem;
}

.dqs__header[b-6b4jplfk3k] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
}

.dqs__title[b-6b4jplfk3k] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    color: #1a1a18;
}

.dqs__period[b-6b4jplfk3k] {
    font-size: 0.75rem;
    color: #9b9b96;
}

.dqs__subtext[b-6b4jplfk3k] {
    font-size: 0.8125rem;
    color: #6b6b67;
    margin: 0 0 1rem;
}

.dqs__grid[b-6b4jplfk3k] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.dqs__metric[b-6b4jplfk3k] {
    border: 1px solid #e5e4e0;
    border-radius: 6px;
    padding: 1rem 0.875rem;
    background: #fafaf8;
    text-align: center;
    border-top: 3px solid transparent;
}

.dqs__metric--green[b-6b4jplfk3k] { border-top-color: #16a34a; }
.dqs__metric--orange[b-6b4jplfk3k] { border-top-color: #d97706; }
.dqs__metric--red[b-6b4jplfk3k] { border-top-color: #dc2626; }

.dqs__metric-value[b-6b4jplfk3k] {
    display: block;
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.375rem;
}

.dqs__metric--green .dqs__metric-value[b-6b4jplfk3k] { color: #16a34a; }
.dqs__metric--orange .dqs__metric-value[b-6b4jplfk3k] { color: #d97706; }
.dqs__metric--red .dqs__metric-value[b-6b4jplfk3k] { color: #dc2626; }

.dqs__metric-label[b-6b4jplfk3k] {
    display: block;
    font-size: 0.6875rem;
    color: #6b6b67;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .dqs__grid[b-6b4jplfk3k] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 400px) {
    .dqs__grid[b-6b4jplfk3k] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Dashboard/HireOutcomeForm.razor.rz.scp.css */
.hire-form[b-3frwpgxj0o] { max-width: 700px; padding: 1.5rem; }
.hire-form__title[b-3frwpgxj0o] { font-family: 'Source Serif 4', serif; font-size: 1.5rem; font-weight: 600; margin: 0 0 0.25rem; }
.hire-form__subtitle[b-3frwpgxj0o] { color: #666; font-size: 0.9rem; margin: 0 0 1.5rem; }
.hire-form__prefill[b-3frwpgxj0o] { padding: 0.75rem 1rem; background: #f0f7f7; border-radius: 6px; margin-bottom: 1.5rem; font-size: 0.9rem; }
.hire-form__prefill-label[b-3frwpgxj0o] { color: #666; margin-right: 0.5rem; }
.hire-form__grid[b-3frwpgxj0o] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.hire-form__actions[b-3frwpgxj0o] { display: flex; gap: 0.75rem; margin-top: 1.5rem; }
@media (max-width: 768px) { .hire-form__grid[b-3frwpgxj0o] { grid-template-columns: 1fr; } }
/* /Components/Pages/Dashboard/JobProfileWizard.razor.rz.scp.css */
.job-wizard-header[b-qprxxd8z85] {
    margin-bottom: var(--space-5);
}

.job-wizard-title[b-qprxxd8z85] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}
/* /Components/Pages/Dashboard/OrgOnboarding.razor.rz.scp.css */
.onboarding-page[b-78qsp6gvps] {
    max-width: 720px;
}

.onboarding-header[b-78qsp6gvps] {
    margin-bottom: var(--space-6);
}

.onboarding-title[b-78qsp6gvps] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-2);
}

.wizard-fieldset[b-78qsp6gvps] {
    border: none;
    padding: 0;
    margin: 0;
}

.wizard-fieldset__legend[b-78qsp6gvps] {
    float: none;
    width: auto;
    font-size: var(--fs-body);
    font-weight: var(--fw-medium);
    color: var(--text);
    margin-bottom: var(--space-3);
    display: block;
}

.form-field__select[b-78qsp6gvps] {
    width: 100%;
    height: 40px;
    padding: 0 var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
    font-size: var(--fs-body);
    color: var(--text);
}

.onboarding-actions[b-78qsp6gvps] {
    margin-top: var(--space-4);
    display: flex;
    gap: var(--space-3);
    align-items: center;
}

.onboarding-header__title-row[b-78qsp6gvps] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-2);
}

.org-summary[b-78qsp6gvps] {
    display: grid;
    gap: 0;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.org-summary__row[b-78qsp6gvps] {
    display: flex;
    align-items: baseline;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-5);
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}

.org-summary__row:last-child[b-78qsp6gvps] {
    border-bottom: none;
}

.org-summary__label[b-78qsp6gvps] {
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: var(--text-muted);
    min-width: 160px;
}

.org-summary__value[b-78qsp6gvps] {
    font-size: var(--fs-body);
    color: var(--text);
    margin: 0;
}
/* /Components/Pages/Dashboard/OutcomeDashboard.razor.rz.scp.css */
.outcome-dashboard[b-5qy1udww65] { padding: 1.5rem; }
.outcome-dashboard__header[b-5qy1udww65] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
.outcome-dashboard__title[b-5qy1udww65] { font-family: 'Source Serif 4', serif; font-size: 1.5rem; font-weight: 600; margin: 0; }
.outcome-dashboard__count[b-5qy1udww65] { color: #666; font-size: 0.9rem; margin: 0.25rem 0 0; }
.outcome-dashboard__actions[b-5qy1udww65] { display: flex; gap: 0.5rem; }
.outcome-dashboard__filters[b-5qy1udww65] { display: flex; gap: 0.75rem; margin-bottom: 1rem; }
.outcome-dashboard__loading[b-5qy1udww65] { color: #666; padding: 2rem; text-align: center; }
.outcome-dashboard__empty[b-5qy1udww65] { text-align: center; padding: 3rem 1rem; }
.outcome-dashboard__empty h2[b-5qy1udww65] { font-family: 'Source Serif 4', serif; font-size: 1.25rem; margin-bottom: 0.5rem; }
.outcome-dashboard__empty p[b-5qy1udww65] { color: #666; margin-bottom: 1rem; }
.outcome-dashboard__table[b-5qy1udww65] { width: 100%; border-collapse: collapse; }
.outcome-dashboard__table th[b-5qy1udww65] { text-align: left; padding: 0.75rem; border-bottom: 2px solid #e5e5e5; font-size: 0.85rem; color: #666; cursor: pointer; user-select: none; }
.outcome-dashboard__table th:hover[b-5qy1udww65] { color: #333; }
.outcome-dashboard__row[b-5qy1udww65] { cursor: pointer; }
.outcome-dashboard__row:hover[b-5qy1udww65] { background: #f8f8f8; }
.outcome-dashboard__row td[b-5qy1udww65] { padding: 0.75rem; border-bottom: 1px solid #f0f0f0; font-size: 0.9rem; }
.qoh-badge[b-5qy1udww65] { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.8rem; font-weight: 600; }
.qoh-badge--green[b-5qy1udww65] { background: #e8f5e9; color: #2e7d32; }
.qoh-badge--yellow[b-5qy1udww65] { background: #fff8e1; color: #f57f17; }
.qoh-badge--red[b-5qy1udww65] { background: #ffebee; color: #c62828; }
.qoh-badge--pending[b-5qy1udww65] { background: #f5f5f5; color: #999; }
.qoh-badge--imported[b-5qy1udww65] { background: #e3f2fd; color: #1565c0; }
/* /Components/Pages/Dashboard/OutcomeDetail.razor.rz.scp.css */
.outcome-detail[b-pmhzfo6v02] { padding: 1.5rem; max-width: 900px; }
.outcome-detail__header[b-pmhzfo6v02] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
.outcome-detail__title[b-pmhzfo6v02] { font-family: 'Source Serif 4', serif; font-size: 1.5rem; font-weight: 600; margin: 0; }
.outcome-detail__meta[b-pmhzfo6v02] { color: #666; font-size: 0.9rem; margin: 0.25rem 0 0; }
.outcome-detail__qoh[b-pmhzfo6v02] { margin-bottom: 2rem; padding: 1.25rem; background: #fafafa; border-radius: 8px; }
.outcome-detail__qoh h2[b-pmhzfo6v02] { font-family: 'Source Serif 4', serif; font-size: 1.1rem; margin: 0 0 0.75rem; }
.outcome-detail__qoh-score[b-pmhzfo6v02] { font-size: 2.5rem; font-weight: 700; margin-bottom: 0.25rem; }
.outcome-detail__qoh-score--green[b-pmhzfo6v02] { color: #2e7d32; }
.outcome-detail__qoh-score--yellow[b-pmhzfo6v02] { color: #f57f17; }
.outcome-detail__qoh-score--red[b-pmhzfo6v02] { color: #c62828; }
.outcome-detail__qoh-completeness[b-pmhzfo6v02] { color: #666; font-size: 0.85rem; margin-bottom: 1rem; }
.outcome-detail__qoh-breakdown[b-pmhzfo6v02] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.outcome-detail__qoh-component[b-pmhzfo6v02] { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid #eee; font-size: 0.9rem; }
.outcome-detail__qoh-missing[b-pmhzfo6v02] { color: #999; font-size: 0.85rem; margin-top: 0.75rem; font-style: italic; }
.outcome-detail__qoh-context[b-pmhzfo6v02] { color: #666; font-size: 0.85rem; margin-top: 0.5rem; }
.outcome-detail__checkins[b-pmhzfo6v02] { margin-bottom: 2rem; }
.outcome-detail__checkins h2[b-pmhzfo6v02] { font-family: 'Source Serif 4', serif; font-size: 1.1rem; margin: 0 0 0.75rem; }
.checkin-row[b-pmhzfo6v02] { display: flex; align-items: center; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid #f0f0f0; }
.checkin-row__type[b-pmhzfo6v02] { font-weight: 600; width: 80px; }
.checkin-row__date[b-pmhzfo6v02] { color: #666; font-size: 0.9rem; width: 120px; }
.checkin-row__actions[b-pmhzfo6v02] { margin-left: auto; }
.checkin-row__editable[b-pmhzfo6v02] { font-size: 0.8rem; color: #3F7C79; }
.checkin-status[b-pmhzfo6v02] { font-size: 0.8rem; padding: 0.15rem 0.5rem; border-radius: 4px; }
.checkin-status--pending[b-pmhzfo6v02] { background: #fff8e1; color: #f57f17; }
.checkin-status--completed[b-pmhzfo6v02] { background: #e8f5e9; color: #2e7d32; }
.checkin-status--missed[b-pmhzfo6v02] { background: #ffebee; color: #c62828; }
.checkin-status--cancelled[b-pmhzfo6v02] { background: #f5f5f5; color: #999; }
.outcome-detail__actuals[b-pmhzfo6v02] { margin-bottom: 2rem; }
.outcome-detail__actuals h2[b-pmhzfo6v02] { font-family: 'Source Serif 4', serif; font-size: 1.1rem; margin: 0 0 0.75rem; }
.outcome-detail__actuals-grid[b-pmhzfo6v02] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.outcome-detail__actuals-grid > div[b-pmhzfo6v02] { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; font-size: 0.9rem; }
.outcome-detail__footer[b-pmhzfo6v02] { margin-top: 2rem; }
.outcome-detail__revenue[b-pmhzfo6v02] { margin-bottom: 2rem; padding: 1.25rem; background: #fafafa; border-radius: 8px; }
.outcome-detail__revenue h2[b-pmhzfo6v02] { font-family: 'Source Serif 4', serif; font-size: 1.1rem; margin: 0 0 0.75rem; }
.outcome-detail__revenue-grid[b-pmhzfo6v02] { display: grid; grid-template-columns: 1fr; gap: 0.25rem; }
.outcome-detail__revenue-grid > div[b-pmhzfo6v02] { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid #eee; font-size: 0.9rem; }
.outcome-detail__revenue-value[b-pmhzfo6v02] { font-weight: 600; font-variant-numeric: tabular-nums; }
.outcome-detail__revenue-summary[b-pmhzfo6v02] { color: #666; font-size: 0.85rem; margin: 0.75rem 0 0; }
.outcome-detail__actual-tdc[b-pmhzfo6v02] { display: flex; align-items: center; gap: 0.75rem; margin-top: 1rem; font-size: 0.9rem; flex-wrap: wrap; }
.outcome-detail__actual-tdc label[b-pmhzfo6v02] { font-weight: 600; }
.outcome-detail__actual-tdc input[b-pmhzfo6v02] { width: 160px; padding: 0.3rem 0.5rem; border: 1px solid #ddd; border-radius: 4px; font-size: 0.9rem; }
.outcome-detail__actual-tdc-value[b-pmhzfo6v02] { font-weight: 600; font-variant-numeric: tabular-nums; }
.outcome-detail__actuals-error[b-pmhzfo6v02] { color: #c62828; font-size: 0.85rem; }
.btn-primary.btn-sm[b-pmhzfo6v02], .btn-secondary.btn-sm[b-pmhzfo6v02] { padding: 0.25rem 0.625rem; font-size: 0.8rem; border-radius: 4px; cursor: pointer; }
.btn-secondary.btn-sm[b-pmhzfo6v02] { border: 1px solid #ddd; background: white; color: #333; }
.btn-primary.btn-sm[b-pmhzfo6v02] { border: none; background: #3F7C79; color: white; }
/* /Components/Pages/Dashboard/PortfolioPage.razor.rz.scp.css */
.portfolio-page[b-ecwivht64y] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.portfolio-header[b-ecwivht64y] {
    margin-bottom: var(--space-2);
}

.portfolio-section-title[b-ecwivht64y] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-3);
}

.portfolio-upload__dropzone[b-ecwivht64y] {
    border: 2px dashed var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-5);
    text-align: center;
    transition: border-color 0.12s ease;
}

.portfolio-upload__dropzone:hover[b-ecwivht64y] {
    border-color: var(--accent-600);
}

.portfolio-upload__hint[b-ecwivht64y] {
    margin: var(--space-3) 0 0;
    font-size: var(--fs-caption);
    color: var(--text-muted);
}

.portfolio-upload__hint code[b-ecwivht64y] {
    background: var(--surface-2, #f0f2f5);
    padding: 1px 4px;
    border-radius: var(--radius-sm);
    font-size: 0.9em;
}

.portfolio-status[b-ecwivht64y] {
    margin-top: var(--space-3);
    font-size: var(--fs-small);
    color: var(--accent-600);
}

.portfolio-upload-result[b-ecwivht64y] {
    margin-top: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-size: var(--fs-small);
}

.portfolio-upload-result__errors[b-ecwivht64y] {
    color: var(--risk-high);
}

.portfolio-batches-table[b-ecwivht64y] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-small);
}

.portfolio-batches-table th[b-ecwivht64y] {
    text-align: left;
    padding: var(--space-2) var(--space-3);
    border-bottom: 2px solid var(--border);
    color: var(--text-muted);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-caption);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.portfolio-batches-table td[b-ecwivht64y] {
    padding: var(--space-3);
    border-bottom: 1px solid var(--border);
}

.portfolio-batches-table__row[b-ecwivht64y] {
    cursor: pointer;
    transition: background 0.1s ease;
}

.portfolio-batches-table__row:hover[b-ecwivht64y] {
    background: var(--surface-2, #f0f2f5);
}
/* /Components/Pages/Dashboard/SettingsPage.razor.rz.scp.css */
.settings-header[b-ifjhnxjae9] {
    margin-bottom: var(--space-6);
}

.settings-header__title-row[b-ifjhnxjae9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

.settings-summary[b-ifjhnxjae9] {
    max-width: 600px;
}

.settings-form[b-ifjhnxjae9] {
    max-width: 600px;
}

.settings-actions[b-ifjhnxjae9] {
    display: flex;
    gap: var(--space-3);
    align-items: center;
    margin-top: var(--space-4);
}

/* API Key section */
.api-key-section[b-ifjhnxjae9] {
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border-top: 1px solid var(--border);
    max-width: 600px;
}

.api-key-section__title[b-ifjhnxjae9] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-2);
}

.api-key-section__desc[b-ifjhnxjae9] {
    color: var(--text-muted);
    font-size: var(--fs-small);
    margin: 0 0 var(--space-4);
    line-height: 1.5;
}

.api-key-section__desc code[b-ifjhnxjae9] {
    background: var(--surface-2, #f0f2f5);
    padding: 1px 4px;
    border-radius: var(--radius-sm);
    font-size: 0.9em;
}

.api-key-reveal[b-ifjhnxjae9] {
    background: var(--surface-2, #f0f2f5);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.api-key-reveal__warning[b-ifjhnxjae9] {
    margin: 0;
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    color: var(--risk-high);
}

.api-key-reveal__value[b-ifjhnxjae9] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: var(--space-2) var(--space-3);
    overflow-x: auto;
}

.api-key-reveal__value code[b-ifjhnxjae9] {
    font-size: var(--fs-small);
    word-break: break-all;
    flex: 1;
}

.api-key-status[b-ifjhnxjae9] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.api-key-status__badge[b-ifjhnxjae9] {
    display: inline-block;
    padding: var(--space-1) var(--space-2);
    background: var(--risk-low-bg);
    color: var(--risk-low);
    border-radius: var(--radius-sm);
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
}

.api-key-status__actions[b-ifjhnxjae9] {
    display: flex;
    gap: var(--space-2);
}

/* Privacy & Data toggles */
.settings-toggle-group[b-ifjhnxjae9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: 600px;
}

.settings-toggle-row[b-ifjhnxjae9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-3) 0;
    border-bottom: 1px solid var(--border);
}

.settings-toggle-row:last-child[b-ifjhnxjae9] {
    border-bottom: none;
}

.settings-toggle-row__info[b-ifjhnxjae9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    flex: 1;
    min-width: 0;
}

.settings-toggle-row__info strong[b-ifjhnxjae9] {
    font-size: var(--fs-body);
    font-weight: var(--fw-medium);
    color: var(--text);
}

.settings-toggle[b-ifjhnxjae9] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
    cursor: pointer;
}

.settings-toggle input[b-ifjhnxjae9] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.settings-toggle__slider[b-ifjhnxjae9] {
    position: absolute;
    inset: 0;
    background: var(--border-strong, #c4c9d1);
    border-radius: 12px;
    transition: background 0.2s ease;
}

.settings-toggle__slider[b-ifjhnxjae9]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.settings-toggle input:checked + .settings-toggle__slider[b-ifjhnxjae9] {
    background: var(--accent-600);
}

.settings-toggle input:checked + .settings-toggle__slider[b-ifjhnxjae9]::before {
    transform: translateX(20px);
}

.settings-privacy-section[b-ifjhnxjae9],
.settings-integrations-section[b-ifjhnxjae9] {
    max-width: 600px;
    padding-top: var(--space-6);
    border-top: 1px solid var(--border);
}

/* Danger zone — delete organization (9.21) */
.settings-danger-zone[b-ifjhnxjae9] {
    max-width: 600px;
    padding: var(--space-4);
    border: 1px solid var(--risk-high, #c0392b);
    border-radius: var(--radius-md);
    background: var(--risk-high-bg, #fdf2f2);
}

.settings-danger-zone__title[b-ifjhnxjae9] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--risk-high, #c0392b);
    margin: 0 0 var(--space-2);
}

.settings-delete-confirm[b-ifjhnxjae9] {
    margin-top: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}
/* /Components/Pages/Dashboard/TeamPage.razor.rz.scp.css */
.dashboard-page-header[b-0zmczq3blo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-5);
    flex-wrap: wrap;
    gap: var(--space-3);
}

.dashboard-page-title[b-0zmczq3blo] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

.team-section[b-0zmczq3blo] {
    margin-bottom: var(--space-7, 2.5rem);
}

.team-section-title[b-0zmczq3blo] {
    font-size: var(--fs-h4);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border);
}

.team-table-wrap[b-0zmczq3blo] {
    overflow-x: auto;
}

.team-table[b-0zmczq3blo] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-small);
}

.team-table th[b-0zmczq3blo] {
    background: var(--surface-2);
    border: 1px solid var(--border);
    padding: var(--space-2) var(--space-3);
    text-align: left;
    font-weight: var(--fw-semibold);
    color: var(--text-muted);
}

.team-table td[b-0zmczq3blo] {
    border: 1px solid var(--border);
    padding: var(--space-2) var(--space-3);
    color: var(--text);
}

.team-table tr:nth-child(even) td[b-0zmczq3blo] {
    background: var(--surface-2);
}

.team-invite-form[b-0zmczq3blo] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: 480px;
}

.form-field__select[b-0zmczq3blo] {
    width: 100%;
    height: 40px;
    padding: 0 var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
    font-size: var(--fs-body);
    color: var(--text);
}

.team-invite-success[b-0zmczq3blo] {
    color: var(--risk-low);
}
/* /Components/Pages/Dashboard/TrackAHireForm.razor.rz.scp.css */
.track-form[b-rfbmts9cxg] { max-width: 800px; padding: 1.5rem; }
.track-form__title[b-rfbmts9cxg] { font-family: 'Source Serif 4', serif; font-size: 1.5rem; font-weight: 600; margin: 0 0 0.25rem; }
.track-form__subtitle[b-rfbmts9cxg] { color: #666; font-size: 0.9rem; margin: 0 0 1.5rem; }
.track-form__grid[b-rfbmts9cxg] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; }
.track-form__actions[b-rfbmts9cxg] { display: flex; gap: 0.75rem; margin-top: 1.5rem; }
@media (max-width: 768px) { .track-form__grid[b-rfbmts9cxg] { grid-template-columns: 1fr; } }
/* /Components/Pages/Engine.razor.rz.scp.css */
/* ── /engine coming-soon page ─────────────────────────────────────────────── */
/*
   Ported from the retired static relioengine.com root page,
   mapped onto the app design tokens (same palette; Georgia → var(--font-heading)).
   Full-bleed breakout: MarketingLayout's .marketing-main applies BOTH max-width and
   padding, so negating the padding alone (HomeMarketing's pattern) still caps the
   colored bands at the container width on wide screens. Because .marketing-main is
   centered, `50% - 50vw` lands exactly on the viewport edge at every width, letting
   the dark strips run edge to edge like the consulting pages (whose layout is
   unconstrained). The scrollbar-width overhang of 100vw is clipped by
   .marketing-layout { overflow-x: clip }.
*/
.engine-page[b-0hhl0bj66b] {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: calc(-1 * var(--space-6));
    display: flex;
    flex-direction: column;
}

.engine-section__inner[b-0hhl0bj66b],
.engine-hero__inner[b-0hhl0bj66b] {
    /* The minimal site's shared 820px content column (matches .site-header__inner, so the
       hero title lines up under the Relio brand in the same navy block). */
    max-width: 820px;
    margin: 0 auto;
}

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.engine-hero[b-0hhl0bj66b] {
    background: var(--brand-900);
    padding: 72px var(--page-pad-desktop) 64px;
    border-bottom: 3px solid var(--accent-600);
}

.engine-hero__eyebrow[b-0hhl0bj66b] {
    display: inline-block;
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #7FB5B2;
    border: 1px solid rgba(127, 181, 178, 0.4);
    padding: 6px 12px;
    margin-bottom: 18px;
}

.engine-hero__title[b-0hhl0bj66b] {
    font-family: var(--font-heading);
    font-size: clamp(34px, 4.5vw, 45px);
    font-weight: var(--fw-semibold);
    color: #FFFFFF;
    line-height: 1.18;
    letter-spacing: -0.01em;
    max-width: 660px;
    margin: 0 0 20px;
}

.engine-hero__accent[b-0hhl0bj66b] {
    color: #7FB5B2;
    font-style: italic;
    font-weight: var(--fw-medium);
}

.engine-hero__lede[b-0hhl0bj66b] {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.6;
    max-width: 600px;
    margin: 0 0 26px;
}

.engine-hero__ctas[b-0hhl0bj66b] {
    display: flex;
    gap: 22px;
    align-items: center;
    flex-wrap: wrap;
}

.engine-button[b-0hhl0bj66b] {
    display: inline-block;
    background: var(--accent-600);
    color: #FFFFFF;
    padding: 13px 26px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: 1px solid var(--accent-600);
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
}

.engine-button:hover[b-0hhl0bj66b] {
    background: var(--accent-700);
    border-color: var(--accent-700);
    color: #FFFFFF;
}

.engine-hero__secondary[b-0hhl0bj66b] {
    color: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    text-decoration: none;
    font-size: 14px;
    font-weight: var(--fw-medium);
    transition: border-color 0.15s, color 0.15s;
}

.engine-hero__secondary:hover[b-0hhl0bj66b] {
    color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

/* Hero entrance, same staggered fade as the static page. */
@keyframes engineFadeUp-b-0hhl0bj66b {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.engine-hero__inner > *[b-0hhl0bj66b] {
    animation: engineFadeUp-b-0hhl0bj66b 0.7s ease-out backwards;
}

.engine-hero__eyebrow[b-0hhl0bj66b] { animation-delay: 0.05s; }
.engine-hero__title[b-0hhl0bj66b] { animation-delay: 0.15s; }
.engine-hero__lede[b-0hhl0bj66b] { animation-delay: 0.28s; }
.engine-hero__ctas[b-0hhl0bj66b] { animation-delay: 0.4s; }

@media (prefers-reduced-motion: reduce) {
    .engine-hero__inner > *[b-0hhl0bj66b] { animation: none; }
}

/* ── Sections ─────────────────────────────────────────────────────────────── */
.engine-section[b-0hhl0bj66b] {
    padding: 56px var(--page-pad-desktop);
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}

.engine-section--alt[b-0hhl0bj66b] {
    background: var(--bg);
}

.engine-section__label[b-0hhl0bj66b] {
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--accent-600);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.engine-section__label[b-0hhl0bj66b]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
}

.engine-section h2[b-0hhl0bj66b] {
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    font-size: 29px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--brand-900);
    margin: 0 0 18px;
}

.engine-section h3[b-0hhl0bj66b] {
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    font-size: 17px;
    line-height: 1.3;
    color: var(--brand-900);
    margin: 0 0 8px;
}

.engine-section p[b-0hhl0bj66b] {
    margin: 0 0 14px;
    max-width: 660px;
    color: var(--text);
}

.engine-standout[b-0hhl0bj66b] {
    font-family: var(--font-heading);
    font-weight: var(--fw-regular);
    font-size: 19px;
    line-height: 1.45;
    color: var(--text-muted);
    font-style: italic;
}

/* ── Three-column "what it does" cards ────────────────────────────────────── */
.engine-what-grid[b-0hhl0bj66b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin-top: 30px;
    border: 1px solid var(--border);
    background: var(--surface);
}

.engine-what-card[b-0hhl0bj66b] {
    padding: 26px 24px;
    border-right: 1px solid var(--border);
}

.engine-what-card:last-child[b-0hhl0bj66b] { border-right: none; }

.engine-what-card__num[b-0hhl0bj66b] {
    font-family: var(--font-heading);
    font-size: 13px;
    font-weight: var(--fw-semibold);
    color: var(--accent-600);
    letter-spacing: 0.04em;
    margin-bottom: 12px;
    font-variant-numeric: var(--numeric-tabular);
}

.engine-what-card p[b-0hhl0bj66b] {
    font-size: 14px;
    line-height: 1.55;
    color: var(--text-muted);
    margin-bottom: 0;
}

/* ── Example output strip ─────────────────────────────────────────────────── */
.engine-example[b-0hhl0bj66b] {
    margin-top: 28px;
    padding: 28px 30px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-left: 4px solid var(--accent-600);
}

.engine-example + .engine-example[b-0hhl0bj66b] { margin-top: 16px; }

.engine-example__label[b-0hhl0bj66b] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--accent-600);
    margin-bottom: 10px;
}

.engine-example__quote[b-0hhl0bj66b] {
    font-family: var(--font-heading);
    font-size: 17px;
    line-height: 1.55;
    color: var(--brand-900);
    margin-bottom: 12px;
}

.engine-example__actions[b-0hhl0bj66b] {
    font-size: 12px;
    color: var(--text-subtle);
    letter-spacing: 0.04em;
}

.engine-example-disclaimer[b-0hhl0bj66b] {
    margin-top: 18px;
    font-size: 12px;
    color: var(--text-subtle);
    font-style: italic;
}

/* ── Audience list ────────────────────────────────────────────────────────── */
.engine-audience-list[b-0hhl0bj66b] {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
    max-width: 720px;
}

.engine-audience-list li[b-0hhl0bj66b] {
    padding: 14px 0 14px 36px;
    border-bottom: 1px solid var(--border);
    position: relative;
    font-size: 15px;
    line-height: 1.55;
    color: var(--text);
}

.engine-audience-list li[b-0hhl0bj66b]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 22px;
    width: 18px;
    height: 1px;
    background: var(--accent-600);
}

.engine-audience-list li:last-child[b-0hhl0bj66b] { border-bottom: none; }

.engine-audience-list li strong[b-0hhl0bj66b] {
    display: inline-block;
    min-width: 200px;
    font-weight: var(--fw-semibold);
    color: var(--brand-900);
}

/* ── Waitlist form ────────────────────────────────────────────────────────── */
.engine-waitlist[b-0hhl0bj66b] {
    margin-top: 28px;
    padding: 32px 36px;
    background: var(--accent-100);
}

.engine-waitlist__kicker[b-0hhl0bj66b] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--accent-600);
    margin-bottom: 10px;
}

.engine-waitlist h3[b-0hhl0bj66b] {
    font-size: 21px;
    margin-bottom: 8px;
}

.engine-waitlist p[b-0hhl0bj66b] {
    font-size: 15px;
    margin-bottom: 18px;
    max-width: 580px;
}

.engine-waitlist__form[b-0hhl0bj66b] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 540px;
}

.engine-waitlist__input[b-0hhl0bj66b] {
    flex: 1;
    min-width: 240px;
    padding: 13px 16px;
    font-size: 15px;
    font-family: inherit;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0;
    outline: none;
    transition: border-color 0.15s;
}

.engine-waitlist__input:focus[b-0hhl0bj66b] {
    border-color: var(--accent-600);
}

/* Honeypot field: visually hidden but still in the DOM and submittable.
   Real users never see or fill it; bots auto-filling all fields trip it. */
.engine-waitlist__honeypot[b-0hhl0bj66b] {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.engine-waitlist__btn[b-0hhl0bj66b] {
    padding: 13px 26px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--brand-900);
    color: #FFFFFF;
    border: 1px solid var(--brand-900);
    border-radius: 0;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s, border-color 0.15s;
}

.engine-waitlist__btn:hover:not(:disabled)[b-0hhl0bj66b] {
    background: var(--accent-600);
    border-color: var(--accent-600);
}

.engine-waitlist__btn:disabled[b-0hhl0bj66b] {
    opacity: 0.5;
    cursor: not-allowed;
}

.engine-waitlist__feedback[b-0hhl0bj66b] {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.5;
    min-height: 22px;
    color: var(--text-muted);
}

.engine-waitlist__feedback--error[b-0hhl0bj66b] { color: #B8403F; }

.engine-waitlist__success[b-0hhl0bj66b] { padding: 20px 0; }

.engine-waitlist__success h3[b-0hhl0bj66b] {
    font-size: 20px;
    margin-bottom: 6px;
}

.engine-waitlist__success p[b-0hhl0bj66b] {
    margin-bottom: 0;
    color: var(--text-muted);
}

.engine-waitlist__success a[b-0hhl0bj66b] {
    color: var(--accent-600);
    text-decoration: none;
    border-bottom: 1px solid var(--accent-600);
}

.engine-waitlist__success a:hover[b-0hhl0bj66b] { opacity: 0.7; }

.engine-waitlist__fineprint[b-0hhl0bj66b] {
    margin-top: 14px;
    font-size: 11px;
    color: var(--text-subtle);
    letter-spacing: 0.02em;
}

/* ── Consulting cross-link ────────────────────────────────────────────────── */
.engine-consulting-link[b-0hhl0bj66b] {
    background: var(--brand-900);
    color: #FFFFFF;
    padding: 40px 36px;
    border-left: 4px solid var(--accent-600);
}

.engine-consulting-link__kicker[b-0hhl0bj66b] {
    display: block;
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #7FB5B2;
    margin-bottom: 12px;
}

.engine-consulting-link h3[b-0hhl0bj66b] {
    color: #FFFFFF;
    font-size: 24px;
    margin-bottom: 12px;
    max-width: 580px;
}

.engine-consulting-link p[b-0hhl0bj66b] {
    color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
    max-width: 580px;
    margin-bottom: 22px;
}

.engine-consulting-link__cta[b-0hhl0bj66b] {
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-weight: var(--fw-semibold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: border-color 0.15s;
}

.engine-consulting-link__cta:hover[b-0hhl0bj66b] {
    border-bottom-color: #FFFFFF;
}

.engine-tagline[b-0hhl0bj66b] {
    margin: 24px 0 0;
    font-size: 13px;
    font-style: italic;
    color: var(--text-subtle);
    text-align: center;
    max-width: none;
}

/* ── Mobile ───────────────────────────────────────────────────────────────── */
@media (max-width: 760px) {
    .engine-what-grid[b-0hhl0bj66b] { grid-template-columns: 1fr; }
    .engine-what-card[b-0hhl0bj66b] { border-right: none; border-bottom: 1px solid var(--border); }
    .engine-what-card:last-child[b-0hhl0bj66b] { border-bottom: none; }
}

@media (max-width: 640px) {
    .engine-hero[b-0hhl0bj66b] {
        padding: 48px var(--page-pad-mobile) 44px;
    }

    .engine-section[b-0hhl0bj66b] {
        padding: 40px var(--page-pad-mobile);
    }

    .engine-waitlist[b-0hhl0bj66b] { padding: 24px 20px; }
    .engine-consulting-link[b-0hhl0bj66b] { padding: 28px 22px; }
    .engine-audience-list li strong[b-0hhl0bj66b] { display: block; min-width: 0; margin-bottom: 4px; }
}
/* /Components/Pages/ForAgencies.razor.rz.scp.css */
.agency-feature-card[b-dm204uc1e5] {
    padding: var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.agency-feature-card h3[b-dm204uc1e5] {
    margin: 0 0 var(--space-2);
    font-family: var(--font-heading);
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--accent-600);
}

.agency-feature-card p[b-dm204uc1e5] {
    margin: 0;
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: 1.5;
}
/* /Components/Pages/HomeMarketing.razor.rz.scp.css */
/* ── Landing page breakout: override marketing-main constraints ─────────── */
/*
   MarketingLayout's .marketing-main applies max-width and horizontal padding.
   Landing sections need full viewport width. We achieve this by expanding
   .landing-page to break out of the container via negative horizontal margins
   and compensating padding on each section.
*/
.landing-page[b-15k9xs6rgp] {
    /* Pull back to the page edges by reversing the layout's padding. */
    margin-left: calc(-1 * var(--page-pad-desktop));
    margin-right: calc(-1 * var(--page-pad-desktop));
    /* Remove the top gap introduced by .marketing-main padding. */
    margin-top: calc(-1 * var(--space-6));
    display: flex;
    flex-direction: column;
}

/* ── Shared section shell ─────────────────────────────────────────────────── */
.landing-section[b-15k9xs6rgp] {
    padding: var(--space-8) var(--page-pad-desktop);
}

.landing-section--alt[b-15k9xs6rgp] {
    background: var(--surface-2);
}

.landing-section--dark[b-15k9xs6rgp] {
    background: var(--brand-900);
    color: var(--surface);
}

.landing-section--muted[b-15k9xs6rgp] {
    background: var(--surface-2);
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
}

/* Inner content constrained to container max-width and centered. */
.landing-section__inner[b-15k9xs6rgp] {
    max-width: var(--container-max);
    margin: 0 auto;
    width: 100%;
}

.landing-section__inner--narrow[b-15k9xs6rgp] {
    max-width: 680px;
}

.landing-section__lead[b-15k9xs6rgp] {
    margin-bottom: var(--space-7);
}

.landing-section__lead h2[b-15k9xs6rgp] {
    margin: 0 0 var(--space-3);
    color: var(--text);
}

.landing-section__lead--light h2[b-15k9xs6rgp] {
    color: var(--surface);
}

.landing-section__sub[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    margin: 0;
    max-width: 56ch;
}

/* ── Hero section ─────────────────────────────────────────────────────────── */
.landing-hero[b-15k9xs6rgp] {
    background: var(--brand-900);
    padding: var(--space-8) var(--page-pad-desktop);
}

.landing-hero__inner[b-15k9xs6rgp] {
    max-width: var(--container-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-8);
    align-items: center;
}

.landing-hero__headline[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: clamp(32px, 4.5vw, 52px);
    line-height: 1.1;
    color: var(--surface);
    font-weight: var(--fw-semibold);
    margin: 0 0 var(--space-5);
}

.landing-hero__sub[b-15k9xs6rgp] {
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    color: rgba(255, 255, 255, 0.82);
    margin: 0 0 var(--space-4);
    font-family: var(--font-heading);
    font-weight: var(--fw-regular);
}

.landing-hero__sub strong[b-15k9xs6rgp] {
    color: var(--surface);
    font-weight: var(--fw-semibold);
}

.landing-hero__note[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    color: rgba(255, 255, 255, 0.55);
    margin: 0 0 var(--space-6);
    max-width: 50ch;
}

.landing-hero__ctas[b-15k9xs6rgp] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    align-items: center;
}

.landing-hero__content[b-15k9xs6rgp] {
    max-width: 600px;
}

/* ── Hero chat box ────────────────────────────────────────────────────────── */
.landing-hero__chat-wrap[b-15k9xs6rgp] {
    max-width: 640px;
    margin: 0 auto;
    width: 100%;
}

.landing-hero__chat-label[b-15k9xs6rgp] {
    font-family: var(--font-body);
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.03em;
    margin-bottom: var(--space-3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
}

/* Override ChatInput styles when inside the hero — make it larger and more prominent */
.landing-hero__chat-wrap :deep(.chat-input-wrap)[b-15k9xs6rgp] {
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.07);
    border-radius: var(--radius-pill);
    padding: var(--space-2) var(--space-3) var(--space-2) var(--space-5);
    backdrop-filter: blur(8px);
    box-shadow: 0 0 40px rgba(63, 124, 121, 0.15), 0 4px 24px rgba(0, 0, 0, 0.2);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.landing-hero__chat-wrap :deep(.chat-input-wrap:focus-within)[b-15k9xs6rgp] {
    border-color: var(--accent-600);
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 50px rgba(63, 124, 121, 0.25), 0 4px 24px rgba(0, 0, 0, 0.25);
}

.landing-hero__chat-wrap :deep(.chat-input)[b-15k9xs6rgp] {
    color: var(--surface);
    font-size: var(--fs-body);
    padding: var(--space-2) 0;
    min-height: 32px;
}

.landing-hero__chat-wrap :deep(.chat-input::placeholder)[b-15k9xs6rgp] {
    color: rgba(255, 255, 255, 0.45);
    font-style: normal;
}

.landing-hero__chat-wrap :deep(.chat-send-btn)[b-15k9xs6rgp] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-pill);
    background: var(--accent-600);
}

.landing-hero__chat-wrap :deep(.chat-send-btn:hover)[b-15k9xs6rgp] {
    background: var(--accent-700);
}

.landing-hero__chat-hints[b-15k9xs6rgp] {
    display: flex;
    justify-content: center;
    gap: var(--space-5);
    margin-top: var(--space-4);
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.4);
}

.landing-hero__chat-hints span[b-15k9xs6rgp]::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--accent-600);
    margin-right: var(--space-2);
    vertical-align: middle;
    opacity: 0.7;
}

@media (max-width: 640px) {
    .landing-hero__chat-hints[b-15k9xs6rgp] {
        flex-direction: column;
        gap: var(--space-1);
        align-items: center;
    }
}

/* ── Hero ornament card (mock output preview in hero) ─────────────────────── */
.landing-hero__ornament[b-15k9xs6rgp] {
    flex-shrink: 0;
}

.landing-ornament-card[b-15k9xs6rgp] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.landing-ornament-row[b-15k9xs6rgp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
}

.landing-ornament-label[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    color: rgba(255, 255, 255, 0.55);
}

.landing-ornament-value[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    color: var(--surface);
    font-variant-numeric: tabular-nums;
}

.landing-ornament-badge[b-15k9xs6rgp] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: var(--radius-pill);
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
}

.landing-ornament-badge--elevated[b-15k9xs6rgp] {
    background: var(--risk-high-bg);
    color: var(--risk-high);
}

.landing-ornament-divider[b-15k9xs6rgp] {
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
    margin: var(--space-1) 0;
}

.landing-ornament-caption[b-15k9xs6rgp] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.38);
    margin: 0;
}

/* ── Real Cost stat callout grid (NEW) ────────────────────────────────────── */
.landing-real-cost[b-15k9xs6rgp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-5);
    margin-bottom: var(--space-6);
}

.landing-real-cost__stat[b-15k9xs6rgp] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.landing-real-cost__number[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--accent-700);
    line-height: 1.1;
}

.landing-real-cost__label[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: var(--lh-body);
}

/* ── Problem section ──────────────────────────────────────────────────────── */
.landing-opening-text[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text-muted);
    margin: 0 0 var(--space-6);
    max-width: 62ch;
}

.landing-problem-list[b-15k9xs6rgp] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.landing-problem-item[b-15k9xs6rgp] {
    display: flex;
    align-items: baseline;
    gap: var(--space-3);
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    color: var(--text);
}

.landing-problem-marker[b-15k9xs6rgp] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-600);
    flex-shrink: 0;
    /* Align marker to text cap-height. */
    position: relative;
    top: -2px;
}

/* Numbered problem list (NEW) */
.landing-problem-numbered[b-15k9xs6rgp] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    counter-reset: problem-counter;
}

.landing-problem-numbered li[b-15k9xs6rgp] {
    counter-increment: problem-counter;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text);
    padding-left: var(--space-7);
    position: relative;
}

.landing-problem-numbered li[b-15k9xs6rgp]::before {
    content: counter(problem-counter);
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--accent-600);
    line-height: 1;
}

.landing-bold-statement[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
    padding-top: var(--space-4);
    border-top: 2px solid var(--border-strong);
    max-width: 36ch;
}

/* ── "What it is NOT" block (NEW) ─────────────────────────────────────────── */
.landing-not-block[b-15k9xs6rgp] {
    background: var(--surface-2);
    border-radius: var(--radius-lg);
    padding: var(--space-5) var(--space-6);
    margin-top: var(--space-2);
}

.landing-not-block__heading[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-3);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--fs-small);
}

.landing-not-block__list[b-15k9xs6rgp] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.landing-not-block__list li[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    padding-left: var(--space-4);
    position: relative;
}

.landing-not-block__list li[b-15k9xs6rgp]::before {
    content: "\2014";
    position: absolute;
    left: 0;
    color: var(--text-subtle);
}

.landing-not-block__kicker[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

/* ── Before / After comparison ────────────────────────────────────────────── */
.landing-before-after[b-15k9xs6rgp] {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0 var(--space-6);
    align-items: start;
}

.landing-before-after__divider[b-15k9xs6rgp] {
    width: 1px;
    background: rgba(255, 255, 255, 0.15);
    align-self: stretch;
}

.landing-before-after__col[b-15k9xs6rgp] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.landing-before-after__header[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: var(--space-4);
    color: rgba(255, 255, 255, 0.45);
}

.landing-before-after__col--after .landing-before-after__header[b-15k9xs6rgp] {
    color: var(--accent-600);
}

.landing-before-after__row[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    padding: var(--space-3) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
}

.landing-before-after__row:last-child[b-15k9xs6rgp] {
    border-bottom: none;
}

.landing-before-after__col--after .landing-before-after__row[b-15k9xs6rgp] {
    color: var(--surface);
    font-weight: var(--fw-medium);
}

/* ── Scenario section (When It Matters Most) ─────────────────────────────── */
.landing-scenario[b-15k9xs6rgp] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
}

.landing-scenario__setup[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text);
    margin: 0 0 var(--space-4);
}

.landing-scenario__label[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-3);
}

.landing-scenario__points[b-15k9xs6rgp] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.landing-scenario__points li[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: var(--text);
    padding-left: var(--space-4);
    position: relative;
}

.landing-scenario__points li[b-15k9xs6rgp]::before {
    content: "\2014";
    position: absolute;
    left: 0;
    color: var(--accent-600);
    font-weight: var(--fw-semibold);
}

.landing-scenario__aside[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    font-style: italic;
    color: var(--text-muted);
    margin: 0 0 var(--space-3);
}

.landing-scenario__kicker[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

/* ── Hiring timeline ─────────────────────────────────────────────────────── */
.landing-timeline-caption[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    text-align: center;
    margin: 0 0 var(--space-5);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: var(--fw-semibold);
}

.landing-timeline[b-15k9xs6rgp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
    row-gap: var(--space-3);
}

.landing-timeline__step[b-15k9xs6rgp] {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: var(--radius-pill);
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    background: var(--surface);
    color: var(--text-muted);
    border: 1px solid var(--border);
    white-space: nowrap;
}

.landing-timeline__step--active[b-15k9xs6rgp] {
    background: var(--accent-600);
    color: var(--surface);
    border-color: var(--accent-600);
}

.landing-timeline__connector[b-15k9xs6rgp] {
    width: 24px;
    height: 2px;
    background: var(--border);
    flex-shrink: 0;
}

.landing-timeline__connector--active[b-15k9xs6rgp] {
    background: var(--accent-600);
}

.landing-timeline-sub[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    text-align: center;
    margin: var(--space-4) 0 0;
}

/* ── Two-column and three-column product grids ────────────────────────────── */
.landing-two-col[b-15k9xs6rgp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-5);
}

.landing-three-col[b-15k9xs6rgp] {
    grid-template-columns: 1fr 1fr 1fr;
}

/* ── Product cards ────────────────────────────────────────────────────────── */
.landing-product-card[b-15k9xs6rgp] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    box-shadow: var(--shadow-sm);
}

.landing-product-card--flagship[b-15k9xs6rgp] {
    border-color: var(--accent-600);
    box-shadow: 0 0 0 1px var(--accent-600), var(--shadow-sm);
}

.landing-product-card__badge[b-15k9xs6rgp] {
    display: inline-flex;
    align-self: flex-start;
    padding: 3px 10px;
    border-radius: var(--radius-pill);
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
    background: var(--surface-2);
    color: var(--text-muted);
    letter-spacing: 0.02em;
}

.landing-product-card__badge--flagship[b-15k9xs6rgp] {
    background: var(--accent-100);
    color: var(--accent-700);
}

.landing-product-card__heading[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

.landing-product-card__body[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    line-height: var(--lh-body);
    margin: 0;
    flex: 1;
}

/* ── Product preview mock-up ──────────────────────────────────────────────── */
.landing-product-preview[b-15k9xs6rgp] {
    background: var(--brand-900);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.landing-product-preview--flagship[b-15k9xs6rgp] {
    background: var(--brand-800);
}

.landing-preview-label[b-15k9xs6rgp] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: var(--fw-semibold);
    margin-bottom: var(--space-1);
}

.landing-preview-row[b-15k9xs6rgp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.landing-preview-row:last-child[b-15k9xs6rgp] {
    border-bottom: none;
}

.landing-preview-key[b-15k9xs6rgp] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.55);
}

.landing-preview-val[b-15k9xs6rgp] {
    font-size: var(--fs-caption);
    color: var(--surface);
    font-weight: var(--fw-semibold);
    font-variant-numeric: tabular-nums;
}

.landing-preview-badge[b-15k9xs6rgp] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: var(--radius-pill);
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
}

.landing-preview-badge--elevated[b-15k9xs6rgp] {
    background: var(--risk-high-bg);
    color: var(--risk-high);
}

.landing-preview-badge--risk[b-15k9xs6rgp] {
    background: var(--risk-critical-bg);
    color: var(--risk-critical);
}

/* ── Buyer persona grid (NEW) ─────────────────────────────────────────────── */
.landing-buyer-grid[b-15k9xs6rgp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

.landing-buyer-card[b-15k9xs6rgp] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
}

.landing-buyer-card__role[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-2);
}

.landing-buyer-card__desc[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    line-height: var(--lh-body);
    color: var(--text-muted);
    margin: 0;
}

/* ── Decision drift section ──────────────────────────────────────────────── */
.landing-drift-text[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text-muted);
    margin: 0 0 var(--space-5);
    max-width: 62ch;
}

.landing-drift-kicker[b-15k9xs6rgp] {
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

/* ── Time replaced section / Rigor section ─────────────────────────────── */
.landing-time-headline[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--surface);
    margin: 0 0 var(--space-5);
}

.landing-time-text[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: rgba(255, 255, 255, 0.72);
    margin: 0 0 var(--space-4);
}

.landing-time-kicker[b-15k9xs6rgp] {
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: var(--fw-semibold);
    color: var(--surface);
    margin: 0;
}

/* ── Access / pricing cards ──────────────────────────────────────────────── */
.landing-access-card[b-15k9xs6rgp] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
}

.landing-access-card--accent[b-15k9xs6rgp] {
    border-color: var(--accent-600);
    box-shadow: 0 0 0 1px var(--accent-600);
}

.landing-access-card__heading[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-4);
}

.landing-access-card__heading--accent[b-15k9xs6rgp] {
    color: var(--accent-700);
}

.landing-access-card__list[b-15k9xs6rgp] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.landing-access-card__list li[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    padding-left: var(--space-4);
    position: relative;
}

.landing-access-card__list li[b-15k9xs6rgp]::before {
    content: "\2022";
    position: absolute;
    left: 0;
    color: var(--text-subtle);
}

.landing-access-card--accent .landing-access-card__list li[b-15k9xs6rgp]::before {
    color: var(--accent-600);
}

/* ── Philosophy quote band ───────────────────────────────────────────────── */
.landing-philosophy[b-15k9xs6rgp] {
    border: none;
    padding: 0;
    margin: 0;
}

.landing-philosophy__quote[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: clamp(18px, 2.5vw, 24px);
    line-height: 1.4;
    font-weight: var(--fw-regular);
    font-style: italic;
    color: var(--text);
    margin: 0 0 var(--space-5);
}

.landing-philosophy__statement[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-4);
}

.landing-philosophy__footer[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    font-style: normal;
    margin: 0;
}

/* ── Built For section ────────────────────────────────────────────────────── */
.landing-built-for[b-15k9xs6rgp] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.landing-built-for li[b-15k9xs6rgp] {
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    color: var(--text);
    padding-left: var(--space-4);
    border-left: 3px solid var(--accent-600);
}

.landing-exclusion-note[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    color: var(--text-subtle);
    margin: 0;
}

/* ── Cost / quote section ─────────────────────────────────────────────────── */
.landing-cost-quote[b-15k9xs6rgp] {
    border: none;
    padding: 0;
    margin: 0 0 var(--space-6);
}

.landing-cost-quote p[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: clamp(20px, 3vw, 28px);
    line-height: 1.35;
    color: var(--text);
    margin: 0 0 var(--space-3);
    font-weight: var(--fw-semibold);
}

.landing-cost-quote__footer[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    margin-top: var(--space-4);
    font-style: normal;
}

.landing-cost-cta[b-15k9xs6rgp] {
    margin-top: var(--space-2);
}

/* ── Team section ────────────────────────────────────────────────────────── */
.landing-team[b-15k9xs6rgp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.landing-team__member[b-15k9xs6rgp] {
    padding-left: var(--space-4);
    border-left: 3px solid var(--accent-600);
}

.landing-team__name[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-1);
}

.landing-team__bio[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text-muted);
    margin: 0;
}

/* ── Clarification note ──────────────────────────────────────────────────── */
.landing-clarification[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text-muted);
    margin: 0;
    text-align: center;
}

.landing-clarification strong[b-15k9xs6rgp] {
    color: var(--text);
}

/* ── Close CTA section ───────────────────────────────────────────────────── */
.landing-close[b-15k9xs6rgp] {
    text-align: center;
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
}

.landing-close__brand[b-15k9xs6rgp] {
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.4);
    margin: 0 0 var(--space-4);
}

.landing-close__headline[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: clamp(22px, 3vw, 32px);
    line-height: 1.25;
    font-weight: var(--fw-semibold);
    color: var(--surface);
    margin: 0 0 var(--space-4);
}

.landing-close__sub[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: rgba(255, 255, 255, 0.65);
    margin: 0 0 var(--space-6);
}

.landing-close__ctas[b-15k9xs6rgp] {
    display: flex;
    gap: var(--space-3);
    justify-content: center;
    flex-wrap: wrap;
}

/* ── Brochure download CTAs ───────────────────────────────────────────────── */
.landing-brochure-ctas[b-15k9xs6rgp] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

/* ── Interest form ────────────────────────────────────────────────────────── */
.landing-interest-form[b-15k9xs6rgp] {
    max-width: 680px;
}

.landing-optional-label[b-15k9xs6rgp] {
    font-weight: var(--fw-regular);
    color: var(--text-subtle);
    font-size: var(--fs-caption);
    margin-left: var(--space-1);
}

/* ── Interest success state ───────────────────────────────────────────────── */
.landing-interest-success[b-15k9xs6rgp] {
    max-width: 560px;
    padding: var(--space-7) var(--space-6);
    background: var(--accent-100);
    border: 1px solid var(--accent-600);
    border-radius: var(--radius-lg);
    text-align: center;
}

.landing-interest-success__heading[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0 0 var(--space-2);
}

.landing-interest-success__body[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    margin: 0;
}

/* ── Responsive breakpoints ───────────────────────────────────────────────── */
@media (max-width: 960px) {
    .landing-hero__inner[b-15k9xs6rgp] {
        grid-template-columns: 1fr;
    }

    .landing-hero__ornament[b-15k9xs6rgp] {
        display: none;
    }

    .landing-two-col[b-15k9xs6rgp],
    .landing-three-col[b-15k9xs6rgp] {
        grid-template-columns: 1fr;
    }

    .landing-buyer-grid[b-15k9xs6rgp] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .landing-before-after[b-15k9xs6rgp] {
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }

    .landing-before-after__divider[b-15k9xs6rgp] {
        display: none;
    }

    .landing-timeline[b-15k9xs6rgp] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .landing-timeline__connector[b-15k9xs6rgp] {
        width: 16px;
    }

    .landing-real-cost[b-15k9xs6rgp] {
        grid-template-columns: repeat(2, 1fr);
    }

    .landing-buyer-grid[b-15k9xs6rgp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .landing-page[b-15k9xs6rgp] {
        margin-left: calc(-1 * var(--page-pad-mobile));
        margin-right: calc(-1 * var(--page-pad-mobile));
    }

    .landing-hero[b-15k9xs6rgp],
    .landing-section[b-15k9xs6rgp] {
        padding-left: var(--page-pad-mobile);
        padding-right: var(--page-pad-mobile);
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }

    .landing-hero__headline[b-15k9xs6rgp] {
        font-size: 28px;
    }

    .landing-hero__sub[b-15k9xs6rgp] {
        font-size: var(--fs-body);
    }

    .landing-hero__ctas[b-15k9xs6rgp] {
        flex-direction: column;
        align-items: stretch;
    }

    .landing-btn[b-15k9xs6rgp] {
        width: 100%;
        justify-content: center;
    }

    .landing-problem-item[b-15k9xs6rgp] {
        font-size: var(--fs-body);
    }

    .landing-bold-statement[b-15k9xs6rgp] {
        font-size: var(--fs-h3);
    }

    .landing-close__ctas[b-15k9xs6rgp] {
        flex-direction: column;
        align-items: stretch;
    }

    .landing-timeline__step[b-15k9xs6rgp] {
        font-size: var(--fs-caption);
        padding: 4px 10px;
    }

    .landing-timeline__connector[b-15k9xs6rgp] {
        width: 12px;
    }

    .landing-real-cost[b-15k9xs6rgp] {
        grid-template-columns: 1fr;
    }

    .trending-grid[b-15k9xs6rgp] {
        grid-template-columns: 1fr;
    }
}

/* ── Trending / Insights Feed ── */
.landing-section--trending[b-15k9xs6rgp] {
    border-bottom: 1px solid var(--border);
    padding-bottom: var(--space-6);
}

.trending-heading[b-15k9xs6rgp] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--text-muted);
    margin: 0 0 var(--space-4);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: var(--fs-caption);
}

.trending-grid[b-15k9xs6rgp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-3);
}

.trending-card[b-15k9xs6rgp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.trending-card:hover[b-15k9xs6rgp] {
    border-color: var(--accent-600);
    box-shadow: 0 2px 8px rgba(63, 124, 121, 0.08);
}

.trending-card__label[b-15k9xs6rgp] {
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
    color: var(--accent-600);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.trending-card__text[b-15k9xs6rgp] {
    font-size: var(--fs-body);
    color: var(--text);
    line-height: var(--lh-body);
}
/* /Components/Pages/Integrations.razor.rz.scp.css */
.integrations-page[b-h4czhj30pd] {
    max-width: 900px;
    margin: 0 auto;
}

.integrations-grid[b-h4czhj30pd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.integration-card[b-h4czhj30pd] {
    padding: 1.5rem;
    border: 1px solid #e5e4e0;
    border-radius: 8px;
    background: white;
    position: relative;
}

.integration-card--available[b-h4czhj30pd] {
    border-color: #3F7C79;
    border-width: 2px;
}

.integration-card--coming[b-h4czhj30pd] {
    opacity: 0.75;
}

.integration-card__status[b-h4czhj30pd] {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.1875rem 0.5rem;
    border-radius: 4px;
    background: #3F7C79;
    color: white;
    margin-bottom: 0.75rem;
}

.integration-card__status--coming[b-h4czhj30pd] {
    background: #9b9b96;
}

.integration-card__title[b-h4czhj30pd] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #1a1a18;
    margin-bottom: 0.5rem;
}

.integration-card__desc[b-h4czhj30pd] {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #6b6b67;
    margin-bottom: 0.75rem;
}

.integration-card__note[b-h4czhj30pd] {
    font-size: 0.75rem;
    color: #9b9b96;
}

.integration-card__note a[b-h4czhj30pd] {
    color: #3F7C79;
}

.integration-card__link[b-h4czhj30pd] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #3F7C79;
    text-decoration: none;
}

.integration-card__link:hover[b-h4czhj30pd] {
    text-decoration: underline;
}

.integrations-note[b-h4czhj30pd] {
    padding: 1.5rem;
    background: #fafaf8;
    border: 1px solid #e5e4e0;
    border-radius: 6px;
    margin-top: 1.5rem;
}

.integrations-note p[b-h4czhj30pd] {
    font-size: 0.8125rem;
    line-height: 1.6;
    color: #6b6b67;
    margin-bottom: 0.5rem;
}

.integrations-note p:last-child[b-h4czhj30pd] {
    margin-bottom: 0;
}

.integrations-note a[b-h4czhj30pd] {
    color: #3F7C79;
}

@media (max-width: 640px) {
    .integrations-grid[b-h4czhj30pd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/MethodologyAppendix.razor.rz.scp.css */
.methodology-page[b-4i0vx56vsq] {
    max-width: 800px;
}

.methodology-intro[b-4i0vx56vsq] {
    font-size: 1.0625rem;
    color: var(--text-muted);
    line-height: 1.65;
    margin-bottom: var(--space-7);
    max-width: 680px;
}

.methodology-section[b-4i0vx56vsq] {
    margin-bottom: var(--space-8);
}

.methodology-section h2[b-4i0vx56vsq] {
    font-family: var(--font-serif);
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid var(--border);
}

.methodology-section h3[b-4i0vx56vsq] {
    font-size: 1rem;
    font-weight: 600;
    margin-top: var(--space-5);
    margin-bottom: var(--space-2);
}

.methodology-section p[b-4i0vx56vsq] {
    margin-bottom: var(--space-4);
    line-height: 1.7;
}

.methodology-list[b-4i0vx56vsq] {
    margin-bottom: var(--space-4);
    padding-left: var(--space-5);
}

.methodology-list li[b-4i0vx56vsq] {
    margin-bottom: var(--space-3);
    line-height: 1.65;
}

.confidence-legend[b-4i0vx56vsq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin-top: var(--space-4);
}

.confidence-item[b-4i0vx56vsq] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

.confidence-item .confidence-dot[b-4i0vx56vsq] {
    flex-shrink: 0;
    margin-top: 0.25rem;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.confidence-dot--green[b-4i0vx56vsq] {
    background-color: #22c55e;
}

.confidence-dot--blue[b-4i0vx56vsq] {
    background-color: #3b82f6;
}

.confidence-dot--orange[b-4i0vx56vsq] {
    background-color: #f97316;
}

.confidence-dot--gray[b-4i0vx56vsq] {
    background-color: #9ca3af;
}

.confidence-dot--directional[b-4i0vx56vsq] {
    background-color: #fdba74;
}

.confidence-item strong[b-4i0vx56vsq] {
    display: block;
    margin-bottom: var(--space-1);
    font-size: 0.9375rem;
}

.confidence-item p[b-4i0vx56vsq] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-muted);
    line-height: 1.55;
}

@media (max-width: 640px) {
    .methodology-section h2[b-4i0vx56vsq] {
        font-size: 1.25rem;
    }

    .methodology-intro[b-4i0vx56vsq] {
        font-size: 1rem;
    }
}
/* /Components/Pages/MetricsHub.razor.rz.scp.css */
.metrics-grid[b-p685nbj7q1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--space-4);
}

.metrics-card[b-p685nbj7q1] {
    padding: var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.metrics-card__title[b-p685nbj7q1] {
    margin: 0;
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
    color: var(--brand-900);
}

.metrics-card__formula[b-p685nbj7q1] {
    margin: 0;
}

.metrics-card__formula code[b-p685nbj7q1] {
    font-size: var(--fs-caption);
    background: var(--surface-2, #f0f2f5);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    display: inline-block;
    word-break: break-word;
}

.metrics-card__desc[b-p685nbj7q1] {
    margin: 0;
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: 1.5;
    flex: 1;
}

.metrics-card__link[b-p685nbj7q1] {
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: var(--accent-600);
    text-decoration: none;
}

.metrics-card__link:hover[b-p685nbj7q1] {
    text-decoration: underline;
}
/* /Components/Pages/Monitor/MonitorReport.razor.rz.scp.css */
/* What is left here is the report page's own, after the surface shell it used to define alone
   (hero band, segmented tabs, boxed empty states, card and change-row treatments) moved into
   app.css. The Portfolio Monitoring workspace is the same kind of surface and now renders from
   that same source; keeping the rules scoped here meant its [b-*] selectors applied to this
   component only, and every other surface reusing the class names quietly fell back to the older,
   plainer global rules. Anything below is genuinely specific to this page.

   Blazor appends this component's [b-xxx] attribute to the last simple selector in each rule, so
   these safely out-specify the shared .scan-* rules they sit on top of. */

/* "What we could not check" keeps .scan-gate's muted surface-2 tone (a caveat, not a clean
   result) and "Posting relationships reviewed" keeps .scan-exposure's white surface; both gain a
   neutral left edge so they read as their own modules rather than paragraphs floating between the
   metrics and the disclaimers. */
.monitor-unreachable[b-3l9wjfygtm],
.monitor-relations[b-3l9wjfygtm] {
    border-left: 3px solid var(--border-strong);
}
/* /Components/Pages/Monitor/MonitorStarted.razor.rz.scp.css */
/* Confirmation badge sits above the h1 with the same rhythm as the rest of the page-title block. */
.monitor-started__badge[b-yj2zmukh33] {
    margin-bottom: var(--space-3);
}

/* Goal: a genuinely prominent primary CTA on this confirmation moment. Mirrors the
   .landing-cta .rl-button--primary teal-fill precedent (app.css) without editing the shared
   navy default every other .rl-button--primary on the site still uses. Scoped CSS emits a
   [b-xxxxx] attribute selector, so this only touches buttons this component renders. */
.rl-button--primary[b-yj2zmukh33] {
    background: var(--accent-600);
    color: #FFFFFF;
}

.rl-button--primary:hover[b-yj2zmukh33] {
    background: var(--accent-700);
}
/* /Components/Pages/PreLaunch.razor.rz.scp.css */
/* ── Pre-launch page ─────────────────────────────────────────────────────── */
.prelaunch-page[b-yvpkhu0pam] {
    display: flex;
    flex-direction: column;
}

/* ── Shared section shell ────────────────────────────────────────────────── */
.prelaunch-section[b-yvpkhu0pam] {
    padding: var(--space-8) var(--page-pad-desktop);
}

.prelaunch-section--alt[b-yvpkhu0pam] {
    background: var(--surface-2);
}

.prelaunch-section--dark[b-yvpkhu0pam] {
    background: var(--brand-900);
    color: var(--surface);
}

.prelaunch-section__inner[b-yvpkhu0pam] {
    max-width: var(--container-max);
    margin: 0 auto;
    width: 100%;
}

.prelaunch-section__inner--narrow[b-yvpkhu0pam] {
    max-width: 680px;
}

.prelaunch-section__lead[b-yvpkhu0pam] {
    margin-bottom: var(--space-7);
}

.prelaunch-section__lead h2[b-yvpkhu0pam] {
    margin: 0 0 var(--space-3);
    color: var(--text);
}

.prelaunch-section__lead--light h2[b-yvpkhu0pam] {
    color: var(--surface);
}

.prelaunch-section__sub[b-yvpkhu0pam] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    margin: 0;
    max-width: 56ch;
}

.prelaunch-section__context[b-yvpkhu0pam] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    margin: 0 0 var(--space-4);
}

/* ── Hero ────────────────────────────────────────────────────────────────── */
.prelaunch-hero[b-yvpkhu0pam] {
    background: var(--brand-900);
    padding: var(--space-8) var(--page-pad-desktop);
}

.prelaunch-hero__inner[b-yvpkhu0pam] {
    max-width: var(--container-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-8);
    align-items: center;
}

.prelaunch-hero__content[b-yvpkhu0pam] {
    max-width: 600px;
}

.prelaunch-hero__headline[b-yvpkhu0pam] {
    font-family: var(--font-heading);
    font-size: clamp(32px, 4.5vw, 52px);
    line-height: 1.1;
    color: var(--surface);
    font-weight: var(--fw-semibold);
    margin: 0 0 var(--space-5);
}

.prelaunch-hero__sub[b-yvpkhu0pam] {
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    color: rgba(255, 255, 255, 0.82);
    margin: 0 0 var(--space-4);
    font-family: var(--font-heading);
    font-weight: var(--fw-regular);
}

.prelaunch-hero__eyebrow[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    color: var(--accent-600);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: var(--fw-semibold);
    margin: 0 0 var(--space-3);
}

.prelaunch-hero__note[b-yvpkhu0pam] {
    font-size: var(--fs-small);
    color: rgba(255, 255, 255, 0.55);
    margin: 0 0 var(--space-6);
    max-width: 50ch;
}

.prelaunch-hero__ctas[b-yvpkhu0pam] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    align-items: center;
}

/* ── Hero ornament cards ─────────────────────────────────────────────────── */
.prelaunch-hero__ornament[b-yvpkhu0pam] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.prelaunch-ornament-card[b-yvpkhu0pam] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.prelaunch-ornament-header[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: var(--fw-semibold);
}

.prelaunch-ornament-row[b-yvpkhu0pam] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
}

.prelaunch-ornament-label[b-yvpkhu0pam] {
    font-size: var(--fs-small);
    color: rgba(255, 255, 255, 0.55);
}

.prelaunch-ornament-value[b-yvpkhu0pam] {
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    color: var(--surface);
    font-variant-numeric: tabular-nums;
}

.prelaunch-ornament-value--pair[b-yvpkhu0pam] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

.prelaunch-ornament-badge[b-yvpkhu0pam] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: var(--radius-pill);
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
}

.prelaunch-ornament-badge--elevated[b-yvpkhu0pam] {
    background: var(--risk-high-bg);
    color: var(--risk-high);
}

.prelaunch-ornament-tag[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
    padding: 1px 8px;
    border-radius: var(--radius-pill);
}

.prelaunch-ornament-tag--low[b-yvpkhu0pam] {
    background: var(--risk-low-bg);
    color: var(--risk-low);
}

.prelaunch-ornament-tag--mod[b-yvpkhu0pam] {
    background: var(--risk-high-bg);
    color: var(--risk-high);
}

.prelaunch-ornament-divider[b-yvpkhu0pam] {
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
    margin: var(--space-1) 0;
}

.prelaunch-ornament-caption[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.38);
    margin: 0;
}

/* ── Timeline ────────────────────────────────────────────────────────────── */
.prelaunch-timeline[b-yvpkhu0pam] {
    display: flex;
    align-items: center;
    gap: 0;
    max-width: 720px;
}

.prelaunch-timeline__step[b-yvpkhu0pam] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    background: var(--surface);
    border: 1px solid var(--border);
    flex-shrink: 0;
}

.prelaunch-timeline__step--active[b-yvpkhu0pam] {
    background: var(--brand-900);
    border-color: var(--brand-900);
    box-shadow: 0 0 0 3px var(--accent-100);
}

.prelaunch-timeline__step--active .prelaunch-timeline__label[b-yvpkhu0pam] {
    color: var(--surface);
    font-weight: var(--fw-semibold);
}

.prelaunch-timeline__label[b-yvpkhu0pam] {
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: var(--text-muted);
    white-space: nowrap;
}

.prelaunch-timeline__connector[b-yvpkhu0pam] {
    flex: 1;
    min-width: 16px;
    height: 2px;
    background: var(--border);
}

/* ── Problem section ─────────────────────────────────────────────────────── */
.prelaunch-problem-list[b-yvpkhu0pam] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.prelaunch-problem-item[b-yvpkhu0pam] {
    display: flex;
    align-items: baseline;
    gap: var(--space-3);
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    color: var(--text);
}

.prelaunch-problem-marker[b-yvpkhu0pam] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-600);
    flex-shrink: 0;
    position: relative;
    top: -2px;
}

.prelaunch-bold-statement[b-yvpkhu0pam] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
    padding-top: var(--space-4);
    border-top: 2px solid var(--border-strong);
    max-width: 40ch;
}

/* ── Section aside ──────────────────────────────────────────────────────── */
.prelaunch-section__aside[b-yvpkhu0pam] {
    font-family: var(--font-heading);
    font-size: var(--fs-body);
    font-style: italic;
    color: var(--text-muted);
    margin: var(--space-5) 0 0;
    max-width: 50ch;
}

.prelaunch-section__sub--light[b-yvpkhu0pam] {
    color: rgba(255, 255, 255, 0.65);
}

/* ── Cost comparisons ───────────────────────────────────────────────────── */
.prelaunch-cost-comparisons[b-yvpkhu0pam] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
    margin-bottom: var(--space-6);
}

.prelaunch-cost-card[b-yvpkhu0pam] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    display: flex;
    align-items: center;
}

.prelaunch-cost-card__label[b-yvpkhu0pam] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: var(--fw-semibold);
    color: var(--surface);
}

.prelaunch-cost-cta[b-yvpkhu0pam] {
    font-size: var(--fs-body);
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    max-width: 56ch;
    font-style: italic;
}

/* ── Lean teams ─────────────────────────────────────────────────────────── */
.prelaunch-lean-body[b-yvpkhu0pam] {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text-muted);
    margin: 0 0 var(--space-4);
    max-width: 60ch;
}

.prelaunch-lean-body:last-child[b-yvpkhu0pam] {
    margin-bottom: 0;
}

.prelaunch-lean-body--emphasis[b-yvpkhu0pam] {
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    color: var(--text);
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    padding-top: var(--space-4);
    border-top: 2px solid var(--border-strong);
}

/* ── Three layers ────────────────────────────────────────────────────────── */
.prelaunch-layers[b-yvpkhu0pam] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-5);
}

.prelaunch-layer[b-yvpkhu0pam] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.prelaunch-layer__number[b-yvpkhu0pam] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--brand-900);
    color: var(--surface);
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    flex-shrink: 0;
}

.prelaunch-layer__name[b-yvpkhu0pam] {
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

.prelaunch-layer__desc[b-yvpkhu0pam] {
    font-size: var(--fs-body);
    color: var(--text);
    line-height: var(--lh-body);
    margin: 0;
}

.prelaunch-layer__detail[b-yvpkhu0pam] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: var(--lh-small);
    margin: 0;
}

/* ── Output preview grid ─────────────────────────────────────────────────── */
.prelaunch-output-grid[b-yvpkhu0pam] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-5);
    align-items: start;
}

.prelaunch-output-card[b-yvpkhu0pam] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.prelaunch-output-card__header[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: var(--fw-semibold);
    margin-bottom: var(--space-1);
}

.prelaunch-output-card__row[b-yvpkhu0pam] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.prelaunch-output-card__row:last-of-type[b-yvpkhu0pam] {
    border-bottom: none;
}

.prelaunch-output-card__label[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.55);
}

.prelaunch-output-card__value[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    color: var(--surface);
    font-weight: var(--fw-semibold);
    font-variant-numeric: tabular-nums;
}

.prelaunch-output-card__footer[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.38);
    padding-top: var(--space-2);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* ── Output comparison table ─────────────────────────────────────────────── */
.prelaunch-output-table[b-yvpkhu0pam] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.prelaunch-output-table__head[b-yvpkhu0pam],
.prelaunch-output-table__row[b-yvpkhu0pam] {
    display: grid;
    grid-template-columns: 1fr 60px 60px;
    gap: var(--space-2);
    padding: var(--space-2) 0;
    align-items: center;
}

.prelaunch-output-table__head[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.4);
    font-weight: var(--fw-semibold);
    text-align: center;
}

.prelaunch-output-table__head span:first-child[b-yvpkhu0pam] {
    text-align: left;
}

.prelaunch-output-table__row[b-yvpkhu0pam] {
    font-size: var(--fs-caption);
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    text-align: center;
}

.prelaunch-output-table__row:last-child[b-yvpkhu0pam] {
    border-bottom: none;
}

.prelaunch-output-table__row span:first-child[b-yvpkhu0pam] {
    text-align: left;
    color: rgba(255, 255, 255, 0.55);
}

.prelaunch-tag--low[b-yvpkhu0pam] {
    color: var(--risk-low);
    font-weight: var(--fw-semibold);
}

.prelaunch-tag--mod[b-yvpkhu0pam] {
    color: var(--risk-high);
    font-weight: var(--fw-semibold);
}

.prelaunch-tag--warn[b-yvpkhu0pam] {
    color: var(--risk-critical);
    font-weight: var(--fw-semibold);
}

/* ── Rigor deep dive ────────────────────────────────────────────────────── */
.prelaunch-rigor-grid[b-yvpkhu0pam] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-5);
    margin-bottom: var(--space-6);
}

.prelaunch-rigor-item[b-yvpkhu0pam] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
}

.prelaunch-rigor-item__title[b-yvpkhu0pam] {
    font-family: var(--font-heading);
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

.prelaunch-rigor-item__desc[b-yvpkhu0pam] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: var(--lh-small);
    margin: 0;
}

.prelaunch-rigor-closing[b-yvpkhu0pam] {
    font-family: var(--font-heading);
    font-size: var(--fs-body);
    font-style: italic;
    color: var(--text-muted);
    margin: 0;
    max-width: 60ch;
}

/* ── Built For ───────────────────────────────────────────────────────────── */
.prelaunch-built-for[b-yvpkhu0pam] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.prelaunch-built-for li[b-yvpkhu0pam] {
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    color: var(--text);
    padding-left: var(--space-4);
    border-left: 3px solid var(--accent-600);
}

.prelaunch-exclusion-note[b-yvpkhu0pam] {
    font-size: var(--fs-small);
    color: var(--text-subtle);
    margin: 0;
}

/* ── How You Can Use Relio ───────────────────────────────────────────────── */
.prelaunch-usage[b-yvpkhu0pam] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.prelaunch-usage li[b-yvpkhu0pam] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border);
}

.prelaunch-usage li:last-child[b-yvpkhu0pam] {
    border-bottom: none;
    padding-bottom: 0;
}

.prelaunch-usage__name[b-yvpkhu0pam] {
    font-weight: var(--fw-semibold);
    color: var(--text);
    font-size: var(--fs-body);
}

.prelaunch-usage__desc[b-yvpkhu0pam] {
    font-size: var(--fs-small);
    color: var(--text-muted);
}

.prelaunch-usage__link[b-yvpkhu0pam] {
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: var(--brand-700);
    text-decoration: none;
}

.prelaunch-usage__link:hover[b-yvpkhu0pam] {
    color: var(--brand-900);
}

/* ── Interest form ───────────────────────────────────────────────────────── */
.prelaunch-interest-form[b-yvpkhu0pam] {
    max-width: 680px;
}

/* ── Interest success state ──────────────────────────────────────────────── */
.prelaunch-interest-success[b-yvpkhu0pam] {
    max-width: 560px;
    padding: var(--space-7) var(--space-6);
    background: var(--accent-100);
    border: 1px solid var(--accent-600);
    border-radius: var(--radius-lg);
    text-align: center;
}

.prelaunch-interest-success__heading[b-yvpkhu0pam] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--brand-900);
    margin: 0 0 var(--space-2);
}

.prelaunch-interest-success__body[b-yvpkhu0pam] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    margin: 0;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 960px) {
    .prelaunch-hero__inner[b-yvpkhu0pam] {
        grid-template-columns: 1fr;
    }

    .prelaunch-hero__ornament[b-yvpkhu0pam] {
        display: none;
    }

    .prelaunch-layers[b-yvpkhu0pam] {
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }

    .prelaunch-output-grid[b-yvpkhu0pam] {
        grid-template-columns: 1fr 1fr;
    }

    .prelaunch-output-grid > :last-child[b-yvpkhu0pam] {
        grid-column: 1 / -1;
    }

    .prelaunch-cost-comparisons[b-yvpkhu0pam] {
        grid-template-columns: 1fr;
    }

    .prelaunch-rigor-grid[b-yvpkhu0pam] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .prelaunch-output-grid[b-yvpkhu0pam] {
        grid-template-columns: 1fr;
    }

    .prelaunch-output-grid > :last-child[b-yvpkhu0pam] {
        grid-column: auto;
    }

    .prelaunch-timeline[b-yvpkhu0pam] {
        flex-wrap: wrap;
        gap: var(--space-2);
        justify-content: center;
    }

    .prelaunch-timeline__connector[b-yvpkhu0pam] {
        min-width: 8px;
        flex: 0 0 8px;
    }

    .prelaunch-timeline__step[b-yvpkhu0pam] {
        padding: var(--space-2) var(--space-3);
    }

    .prelaunch-timeline__label[b-yvpkhu0pam] {
        font-size: var(--fs-caption);
    }
}

@media (max-width: 640px) {
    .prelaunch-hero[b-yvpkhu0pam],
    .prelaunch-section[b-yvpkhu0pam] {
        padding-left: var(--page-pad-mobile);
        padding-right: var(--page-pad-mobile);
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }

    .prelaunch-hero__headline[b-yvpkhu0pam] {
        font-size: 28px;
    }

    .prelaunch-hero__sub[b-yvpkhu0pam] {
        font-size: var(--fs-body);
    }

    .prelaunch-hero__ctas[b-yvpkhu0pam] {
        flex-direction: column;
        align-items: stretch;
    }

    .prelaunch-hero__ctas .landing-btn[b-yvpkhu0pam] {
        width: 100%;
        justify-content: center;
    }

    .prelaunch-problem-item[b-yvpkhu0pam] {
        font-size: var(--fs-body);
    }

    .prelaunch-bold-statement[b-yvpkhu0pam] {
        font-size: var(--fs-h3);
    }

    .prelaunch-timeline__step[b-yvpkhu0pam] {
        padding: var(--space-1) var(--space-2);
    }
}
/* /Components/Pages/Prompts.razor.rz.scp.css */
/* ── Prompts page layout ── */
.prompts-page[b-ezcd5oy4t1] {
    display: grid;
    /* minmax(0, 1fr) (not the implicit `auto`) so the single column can't be widened past the
       container by a nowrap child (the filter/section-nav strips). Without this, those strips'
       intrinsic min-width blows out the whole grid track, pushing the question list off-screen
       and forcing horizontal page scroll. */
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
    padding-bottom: var(--space-8);
}

/* ── Hero ── */
.prompts-hero[b-ezcd5oy4t1] {
    padding: var(--space-7) 0 var(--space-5);
    border-bottom: 1px solid var(--border);
}

.prompts-hero h1[b-ezcd5oy4t1] {
    margin: 0 0 var(--space-3);
    color: var(--brand-900);
}

.prompts-hero__subtitle[b-ezcd5oy4t1] {
    margin: 0;
    font-size: var(--fs-body);
    color: var(--text-muted);
    max-width: 60ch;
}

/* ── Search ── */
.prompts-search-wrap[b-ezcd5oy4t1] {
    display: grid;
    gap: var(--space-2);
}

.prompts-search__label[b-ezcd5oy4t1] {
    font-weight: var(--fw-medium);
    font-size: var(--fs-small);
    color: var(--text-muted);
    /* visually hidden but accessible */
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.prompts-search__input-wrap[b-ezcd5oy4t1] {
    position: relative;
    display: flex;
    align-items: center;
}

.prompts-search__input[b-ezcd5oy4t1] {
    width: 100%;
    min-height: var(--input-height);
    padding: 0 var(--space-5) 0 var(--space-4);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-md);
    background: var(--surface);
    font-family: var(--font-body);
    font-size: var(--fs-body);
    color: var(--text);
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.prompts-search__input:focus[b-ezcd5oy4t1] {
    outline: none;
    border-color: var(--accent-600);
    box-shadow: var(--focus-ring);
}

.prompts-search__input[b-ezcd5oy4t1]::placeholder {
    color: var(--text-subtle);
}

.prompts-search__clear[b-ezcd5oy4t1] {
    position: absolute;
    right: var(--space-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--text-subtle);
    cursor: pointer;
    border-radius: var(--radius-sm);
    padding: 0;
    transition: color 0.1s ease, background 0.1s ease;
}

.prompts-search__clear:hover[b-ezcd5oy4t1] {
    color: var(--text);
    background: var(--surface-2);
}

.prompts-search__count[b-ezcd5oy4t1] {
    margin: 0;
    font-size: var(--fs-small);
    color: var(--text-muted);
}

.prompts-search__count em[b-ezcd5oy4t1] {
    font-style: normal;
    color: var(--text);
    font-weight: var(--fw-medium);
}

/* ── "What not to ask" exclusions panel ── */
.prompts-exclusions[b-ezcd5oy4t1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.prompts-exclusions__summary[b-ezcd5oy4t1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-5);
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.prompts-exclusions__summary[b-ezcd5oy4t1]::-webkit-details-marker {
    display: none;
}

.prompts-exclusions__title[b-ezcd5oy4t1] {
    flex: 1;
    font-weight: var(--fw-semibold);
    font-size: var(--fs-body);
    color: var(--text);
}

.prompts-exclusions__chevron[b-ezcd5oy4t1] {
    color: var(--text-subtle);
    transition: transform 0.2s ease;
    display: inline-flex;
    flex-shrink: 0;
}

.prompts-exclusions[open] .prompts-exclusions__chevron[b-ezcd5oy4t1] {
    transform: rotate(180deg);
}

.prompts-exclusions__body[b-ezcd5oy4t1] {
    padding: 0 var(--space-5) var(--space-5);
    border-top: 1px solid var(--border);
}

.prompts-exclusions__intro[b-ezcd5oy4t1] {
    margin: var(--space-4) 0 var(--space-3);
    color: var(--text-muted);
    font-size: var(--fs-small);
}

.prompts-exclusions__list[b-ezcd5oy4t1] {
    margin: 0;
    padding-left: var(--space-5);
    display: grid;
    gap: var(--space-3);
}

.prompts-exclusions__list li[b-ezcd5oy4t1] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: var(--lh-small);
}

.prompts-exclusions__list strong[b-ezcd5oy4t1] {
    color: var(--text);
}

/* ── Section navigation ── */
.prompts-section-nav[b-ezcd5oy4t1] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bg);
    padding: var(--space-3) 0;
    margin: 0 calc(-1 * var(--space-1));
    border-bottom: 1px solid var(--border);
}

.prompts-section-nav__scroll[b-ezcd5oy4t1] {
    display: flex;
    gap: var(--space-2);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* Show a slim horizontal scrollbar on THIS element when the section list overflows,
       so the cut-off links are reachable (the page itself no longer scrolls sideways). */
    scrollbar-width: thin;
    padding: var(--space-1) var(--space-1) var(--space-2);
    /* allow the flex container to shrink inside the grid column so overflow-x scrolls
       within the strip instead of expanding the page */
    min-width: 0;
}

.prompts-section-nav__scroll[b-ezcd5oy4t1]::-webkit-scrollbar {
    height: 8px;
}

.prompts-section-nav__scroll[b-ezcd5oy4t1]::-webkit-scrollbar-thumb {
    background: var(--border-strong);
    border-radius: var(--radius-pill);
}

.prompts-section-nav__scroll[b-ezcd5oy4t1]::-webkit-scrollbar-track {
    background: transparent;
}

.prompts-section-nav__link[b-ezcd5oy4t1] {
    display: inline-block;
    white-space: nowrap;
    padding: var(--space-2) var(--space-3);
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: var(--text-muted);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    text-decoration: none;
    transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease;
    flex-shrink: 0;
}

.prompts-section-nav__link:hover[b-ezcd5oy4t1] {
    color: var(--brand-800);
    border-color: var(--border-strong);
    background: var(--surface-2);
}

/* ── Filter chips ── */
.prompts-filters[b-ezcd5oy4t1] {
    margin-top: calc(-1 * var(--space-3));
}

.prompts-filters__scroll[b-ezcd5oy4t1] {
    display: flex;
    /* Wrap the persona filter chips so every category is visible at once — no horizontal
       scrolling to read the options. There are only a handful of chips, so this stays compact. */
    flex-wrap: wrap;
    gap: var(--space-2);
    min-width: 0;
    padding-bottom: var(--space-1);
}

.prompts-filter-chip[b-ezcd5oy4t1] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    white-space: nowrap;
    padding: var(--space-2) var(--space-3);
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: var(--text-muted);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease;
    flex-shrink: 0;
    font-family: var(--font-body);
}

.prompts-filter-chip:hover[b-ezcd5oy4t1] {
    color: var(--brand-800);
    border-color: var(--border-strong);
    background: var(--surface-2);
}

.prompts-filter-chip--active[b-ezcd5oy4t1] {
    color: #fff;
    background: var(--brand-900);
    border-color: var(--brand-900);
}

.prompts-filter-chip--active:hover[b-ezcd5oy4t1] {
    color: #fff;
    background: var(--brand-800);
    border-color: var(--brand-800);
}

.prompts-filter-chip__count[b-ezcd5oy4t1] {
    font-size: var(--fs-caption);
    font-weight: var(--fw-regular);
    opacity: 0.7;
    font-variant-numeric: tabular-nums;
}

/* ── Sections container ── */
.prompts-sections[b-ezcd5oy4t1] {
    display: grid;
    gap: var(--space-3);
}

/* ── Individual section ── */
.prompts-section[b-ezcd5oy4t1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
    scroll-margin-top: calc(44px + var(--space-6));
}

.prompts-section__details[b-ezcd5oy4t1] {
    /* no additional styles needed — uses .prompts-section container */
}

.prompts-section__summary[b-ezcd5oy4t1] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-5);
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.prompts-section__summary[b-ezcd5oy4t1]::-webkit-details-marker {
    display: none;
}

.prompts-section__header-content[b-ezcd5oy4t1] {
    flex: 1;
    min-width: 0;
}

.prompts-section__title[b-ezcd5oy4t1] {
    margin: 0;
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    font-weight: var(--fw-semibold);
    color: var(--brand-900);
}

.prompts-section__subtitle[b-ezcd5oy4t1] {
    margin: var(--space-1) 0 0;
    font-size: var(--fs-small);
    color: var(--text-muted);
}

.prompts-section__count[b-ezcd5oy4t1] {
    flex-shrink: 0;
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
    color: var(--text-subtle);
    background: var(--surface-2);
    border-radius: var(--radius-pill);
    padding: 2px var(--space-2);
    font-variant-numeric: tabular-nums;
}

.prompts-section__chevron[b-ezcd5oy4t1] {
    color: var(--text-subtle);
    transition: transform 0.2s ease;
    display: inline-flex;
    flex-shrink: 0;
}

.prompts-section__details[open] .prompts-section__chevron[b-ezcd5oy4t1] {
    transform: rotate(180deg);
}

/* ── Questions list ── */
.prompts-list[b-ezcd5oy4t1] {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--border);
}

.prompts-list--search-results[b-ezcd5oy4t1] {
    border-top: none;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    overflow: hidden;
}

.prompts-question[b-ezcd5oy4t1] {
    display: grid;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-5);
    border-bottom: 1px solid var(--border);
}

.prompts-question:last-child[b-ezcd5oy4t1] {
    border-bottom: none;
}

.prompts-question__link[b-ezcd5oy4t1] {
    display: block;
    font-size: var(--fs-body);
    color: var(--text);
    text-decoration: none;
    line-height: var(--lh-body);
    transition: color 0.12s ease;
}

.prompts-question__link:hover[b-ezcd5oy4t1] {
    color: var(--brand-700);
    text-decoration: underline;
}

.prompts-question__who[b-ezcd5oy4t1] {
    font-size: var(--fs-caption);
    color: var(--text-subtle);
    line-height: var(--lh-caption);
}

.prompts-question__meta[b-ezcd5oy4t1] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.prompts-question__section[b-ezcd5oy4t1] {
    font-size: var(--fs-caption);
    color: var(--accent-600);
    font-weight: var(--fw-medium);
}

/* ── Loading / error / empty states ── */
.prompts-loading[b-ezcd5oy4t1] {
    padding: var(--space-6) 0;
    color: var(--text-muted);
    font-size: var(--fs-small);
}

.prompts-error[b-ezcd5oy4t1] {
    padding: var(--space-4) var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-muted);
}

.prompts-empty[b-ezcd5oy4t1] {
    padding: var(--space-7) 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
}

.prompts-empty p[b-ezcd5oy4t1] {
    margin: 0;
    color: var(--text-muted);
}

.prompts-empty p em[b-ezcd5oy4t1] {
    font-style: normal;
    color: var(--text);
    font-weight: var(--fw-medium);
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .prompts-hero[b-ezcd5oy4t1] {
        padding-top: var(--space-5);
    }

    .prompts-section__summary[b-ezcd5oy4t1] {
        padding: var(--space-3) var(--space-4);
    }

    .prompts-question[b-ezcd5oy4t1] {
        padding: var(--space-3) var(--space-4);
    }

    .prompts-exclusions__body[b-ezcd5oy4t1] {
        padding: 0 var(--space-4) var(--space-4);
    }
}

/* ── Coming Soon sections ── */
.prompts-coming-soon-divider[b-ezcd5oy4t1] {
    padding: 2rem 0 1rem;
    border-top: 2px solid #e5e4e0;
    margin-top: 1.5rem;
}

.prompts-coming-soon-divider h2[b-ezcd5oy4t1] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.25rem;
    color: #9b9b96;
    margin-bottom: 0.25rem;
}

.prompts-coming-soon-divider p[b-ezcd5oy4t1] {
    font-size: 0.8125rem;
    color: #9b9b96;
}

.prompts-section--coming-soon[b-ezcd5oy4t1] {
    opacity: 0.55;
}

.prompts-section__summary--coming-soon[b-ezcd5oy4t1] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    cursor: default;
}

.prompts-section__badge-coming[b-ezcd5oy4t1] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    background: #e5e4e0;
    color: #9b9b96;
    white-space: nowrap;
}

.prompts-section__badge-available[b-ezcd5oy4t1] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    background: #e8f5f4;
    color: #3F7C79;
    white-space: nowrap;
}

.prompts-section-nav__link--coming[b-ezcd5oy4t1] {
    color: #c8c7c2;
}
/* /Components/Pages/Review.razor.rz.scp.css */
.wedge-page[b-wojd9pbepm] {
    max-width: 720px;
    margin: 0 auto;
    padding: 4rem 1.5rem;
}

.wedge-page__hero[b-wojd9pbepm] {
    text-align: center;
    margin-bottom: 3rem;
}

.wedge-page__headline[b-wojd9pbepm] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a18;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.wedge-page__sub[b-wojd9pbepm] {
    font-size: 1rem;
    line-height: 1.7;
    color: #6b6b67;
    margin-bottom: 2rem;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.wedge-page__cta[b-wojd9pbepm] {
    display: inline-block;
    padding: 0.75rem 2rem;
    background: #3F7C79;
    color: white;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Inter', system-ui, sans-serif;
    text-decoration: none;
    transition: background 0.15s;
}

.wedge-page__cta:hover[b-wojd9pbepm] {
    background: #356a67;
}

.wedge-page__proof[b-wojd9pbepm] {
    display: flex;
    justify-content: center;
    gap: 3rem;
    padding: 2rem 0;
    border-top: 1px solid #e5e4e0;
    border-bottom: 1px solid #e5e4e0;
    margin-bottom: 3rem;
}

.wedge-page__stat[b-wojd9pbepm] {
    text-align: center;
}

.wedge-page__stat-number[b-wojd9pbepm] {
    display: block;
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: #3F7C79;
}

.wedge-page__stat-label[b-wojd9pbepm] {
    font-size: 0.8125rem;
    color: #9b9b96;
}

.wedge-page__how h2[b-wojd9pbepm] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.25rem;
    color: #1a1a18;
    margin-bottom: 1rem;
}

.wedge-page__steps[b-wojd9pbepm] {
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wedge-page__steps li[b-wojd9pbepm] {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #6b6b67;
}

@media (max-width: 560px) {
    .wedge-page__headline[b-wojd9pbepm] {
        font-size: 1.5rem;
    }

    .wedge-page__proof[b-wojd9pbepm] {
        flex-direction: column;
        gap: 1.5rem;
    }
}
/* /Components/Pages/RiskMethodology.razor.rz.scp.css */
.methodology-block[b-d5crfuokz3] {
    margin-top: var(--space-6);
}

.methodology-block h2[b-d5crfuokz3] {
    margin-bottom: var(--space-2);
    font-size: var(--fs-h3);
}

.methodology-block ul[b-d5crfuokz3] {
    margin: var(--space-2) 0;
    padding-left: 1.25rem;
}

.methodology-block li[b-d5crfuokz3] {
    margin-bottom: var(--space-1);
}

.methodology-block .references-list[b-d5crfuokz3] {
    list-style: decimal;
    padding-left: 1.5rem;
}

.methodology-block .references-list li[b-d5crfuokz3] {
    margin-bottom: var(--space-3);
}

.methodology-block sup[b-d5crfuokz3] {
    font-size: 0.75em;
}

.methodology-block.references[b-d5crfuokz3] {
    margin-top: var(--space-7);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
}
/* /Components/Pages/Sample.razor.rz.scp.css */
.sample-page[b-e56l3ejwsm] {
    max-width: 800px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
}

.sample-page__header[b-e56l3ejwsm] {
    text-align: center;
    margin-bottom: 2rem;
}

.sample-page__title[b-e56l3ejwsm] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a18;
    margin-bottom: 0.5rem;
}

.sample-page__sub[b-e56l3ejwsm] {
    font-size: 0.9375rem;
    color: #6b6b67;
}

.sample-page__cta[b-e56l3ejwsm] {
    text-align: center;
    padding: 2rem 0;
    margin-top: 2rem;
    border-top: 1px solid #e5e4e0;
}

.sample-page__cta p[b-e56l3ejwsm] {
    font-size: 0.9375rem;
    color: #6b6b67;
    margin-bottom: 1rem;
}

.sample-page__btn[b-e56l3ejwsm] {
    display: inline-block;
    padding: 0.625rem 1.5rem;
    background: #3F7C79;
    color: white;
    border-radius: 6px;
    font-size: 0.9375rem;
    font-weight: 600;
    font-family: 'Inter', system-ui, sans-serif;
    text-decoration: none;
    transition: background 0.15s;
}

.sample-page__btn:hover[b-e56l3ejwsm] {
    background: #356a67;
}

.sample-page__methodology[b-e56l3ejwsm] {
    padding: 1.5rem;
    margin-top: 1.5rem;
    background: #fafaf8;
    border: 1px solid #e5e4e0;
    border-radius: 6px;
}

.sample-page__methodology p[b-e56l3ejwsm] {
    font-size: 0.8125rem;
    line-height: 1.6;
    color: #9b9b96;
}
/* /Components/Pages/SharedAnalysis.razor.rz.scp.css */
.shared-page[b-sephctm4sl] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.shared-page__loading[b-sephctm4sl] {
    text-align: center;
    padding: 4rem 0;
    color: #9b9b96;
    font-size: 0.9375rem;
}

.shared-page__error[b-sephctm4sl] {
    text-align: center;
    padding: 4rem 0;
}

.shared-page__error h2[b-sephctm4sl] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.5rem;
    color: #1a1a18;
    margin-bottom: 0.5rem;
}

.shared-page__error p[b-sephctm4sl] {
    color: #6b6b67;
    margin-bottom: 1.5rem;
}

.shared-page__banner[b-sephctm4sl] {
    background: #f8fafa;
    border: 1px solid #d4e5e4;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}

.shared-page__banner-inner[b-sephctm4sl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.shared-page__banner-text[b-sephctm4sl] {
    font-size: 0.9375rem;
    color: #1a1a18;
    line-height: 1.5;
    flex: 1;
    min-width: 200px;
}

.shared-page__cta-btn[b-sephctm4sl] {
    display: inline-block;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: white;
    background: #3F7C79;
    border: none;
    border-radius: 6px;
    padding: 0.5rem 1.25rem;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.shared-page__cta-btn:hover[b-sephctm4sl] {
    background: #356a67;
}

.shared-page__content[b-sephctm4sl] {
    margin-bottom: 2rem;
}

.shared-page__footer-cta[b-sephctm4sl] {
    text-align: center;
    padding: 2rem 1.5rem;
    border-top: 1px solid #e5e4e0;
    margin-top: 1rem;
}

.shared-page__footer-cta p[b-sephctm4sl] {
    font-size: 0.875rem;
    color: #6b6b67;
    margin-bottom: 1rem;
    line-height: 1.5;
}

/* ── Shared brief conversion flow ─────────────────────────────────────── */

.shared-brief__banner[b-sephctm4sl] {
    background: #f3f8f7;
    border: 1px solid #c8dedd;
    border-radius: 8px;
    padding: 0.875rem 1.25rem;
    margin-bottom: 1.5rem;
}

.shared-brief__banner p[b-sephctm4sl] {
    font-size: 0.9375rem;
    color: #1a1a18;
    margin: 0;
    line-height: 1.5;
}

.shared-brief__hooks[b-sephctm4sl] {
    background: #fafaf8;
    border: 1px solid #e5e4e0;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.shared-brief__hooks h3[b-sephctm4sl] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.0625rem;
    color: #1a1a18;
    margin: 0 0 0.75rem;
    font-weight: 600;
}

.shared-brief__hooks ul[b-sephctm4sl] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.shared-brief__hooks ul li[b-sephctm4sl] {
    font-size: 0.9375rem;
    color: #3F7C79;
    padding-left: 1rem;
    position: relative;
    line-height: 1.5;
}

.shared-brief__hooks ul li[b-sephctm4sl]::before {
    content: "\2192";
    position: absolute;
    left: 0;
    color: #3F7C79;
    font-size: 0.875rem;
}

.shared-brief__cta[b-sephctm4sl] {
    text-align: center;
    padding: 2rem 1.5rem;
    border-top: 1px solid #e5e4e0;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.btn-primary[b-sephctm4sl] {
    display: inline-block;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: white;
    background: #3F7C79;
    border: none;
    border-radius: 6px;
    padding: 0.625rem 1.75rem;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.btn-primary:hover[b-sephctm4sl] {
    background: #356a67;
}

.btn-secondary[b-sephctm4sl] {
    display: inline-block;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #3F7C79;
    background: transparent;
    border: 1px solid #3F7C79;
    border-radius: 6px;
    padding: 0.5rem 1.5rem;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
}

.btn-secondary:hover[b-sephctm4sl] {
    background: #f3f8f7;
}

.shared-brief__founding[b-sephctm4sl] {
    font-size: 0.8125rem;
    color: #9b9b96;
    margin: 0;
    line-height: 1.5;
}

.shared-brief__auth-actions[b-sephctm4sl] {
    text-align: center;
    padding: 1.5rem 0;
    border-top: 1px solid #e5e4e0;
    margin-top: 0.5rem;
}

.shared-brief__legal[b-sephctm4sl] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem 0 0.5rem;
    border-top: 1px solid #f4f3f0;
    margin-top: 0.5rem;
    font-size: 11px;
    color: #9b9b96;
}

.shared-brief__legal a[b-sephctm4sl] {
    color: #9b9b96;
    text-decoration: none;
}

.shared-brief__legal a:hover[b-sephctm4sl] {
    text-decoration: underline;
    color: #6b6b67;
}

@media (max-width: 640px) {
    .shared-page[b-sephctm4sl] {
        padding: 1rem;
    }

    .shared-page__banner-inner[b-sephctm4sl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .shared-brief__cta[b-sephctm4sl] {
        padding: 1.5rem 1rem;
    }
}
/* /Components/Pages/SuperAdmin/SuperAdminDashboard.razor.rz.scp.css */
/* ── SuperAdmin dashboard page ────────────────────────────────────────────── */
.superadmin-page[b-r3jmwhp4ai] {
    max-width: 900px;
}

.superadmin-header[b-r3jmwhp4ai] {
    display: flex;
    align-items: baseline;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
    flex-wrap: wrap;
}

.superadmin-title[b-r3jmwhp4ai] {
    margin: 0;
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.superadmin-count[b-r3jmwhp4ai] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    font-weight: var(--fw-medium);
    background: var(--surface-2);
    padding: 2px 10px;
    border-radius: var(--radius-pill);
}

/* ── State messages (loading / error / empty) ─────────────────────────────── */
.superadmin-state[b-r3jmwhp4ai] {
    padding: var(--space-7) 0;
}

.superadmin-state--error[b-r3jmwhp4ai] {
    background: var(--risk-critical-bg);
    border: 1px solid var(--risk-critical);
    border-radius: var(--radius-md);
    padding: var(--space-5) var(--space-6);
}

.superadmin-state__heading[b-r3jmwhp4ai] {
    font-weight: var(--fw-semibold);
    color: var(--risk-critical);
    margin: 0 0 var(--space-2);
}

.superadmin-state__body[b-r3jmwhp4ai] {
    color: var(--text-muted);
    margin: 0;
    font-size: var(--fs-small);
}

/* ── Table container with horizontal scroll on narrow viewports ───────────── */
.superadmin-table-wrap[b-r3jmwhp4ai] {
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

/* ── Data table ───────────────────────────────────────────────────────────── */
.superadmin-table[b-r3jmwhp4ai] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-small);
}

.superadmin-table thead[b-r3jmwhp4ai] {
    background: var(--surface-2);
    border-bottom: 1px solid var(--border);
}

.superadmin-table th[b-r3jmwhp4ai] {
    padding: var(--space-3) var(--space-4);
    text-align: left;
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.superadmin-table td[b-r3jmwhp4ai] {
    padding: var(--space-3) var(--space-4);
    vertical-align: top;
    border-bottom: 1px solid var(--border);
    color: var(--text);
    line-height: var(--lh-small);
}

.superadmin-table tbody tr:last-child td[b-r3jmwhp4ai] {
    border-bottom: none;
}

.superadmin-table tbody tr:hover td[b-r3jmwhp4ai] {
    background: var(--bg);
}

.superadmin-table__center[b-r3jmwhp4ai] {
    text-align: center;
}

.superadmin-table__email[b-r3jmwhp4ai] {
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

.superadmin-table__message[b-r3jmwhp4ai] {
    max-width: 280px;
    color: var(--text-muted);
    line-height: var(--lh-small);
}

.superadmin-table__date[b-r3jmwhp4ai] {
    white-space: nowrap;
    color: var(--text-muted);
}

.superadmin-time[b-r3jmwhp4ai] {
    font-size: var(--fs-caption);
    color: var(--text-subtle);
}

/* ── Check / cross indicators ─────────────────────────────────────────────── */
.superadmin-check[b-r3jmwhp4ai] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--fw-semibold);
}

.superadmin-check--yes[b-r3jmwhp4ai] {
    color: var(--risk-moderate);
}

.superadmin-check--no[b-r3jmwhp4ai] {
    color: var(--text-subtle);
}

.superadmin-empty-cell[b-r3jmwhp4ai] {
    color: var(--text-subtle);
}
/* /Components/Pages/Templates.razor.rz.scp.css */
/* ── Templates page layout ── */
.templates-page[b-nwve4mrhed] {
    display: grid;
    gap: var(--space-6);
    padding-bottom: var(--space-8);
}

/* ── Hero ── */
.templates-hero[b-nwve4mrhed] {
    padding: var(--space-7) 0 var(--space-5);
    border-bottom: 1px solid var(--border);
}

.templates-hero h1[b-nwve4mrhed] {
    margin: 0 0 var(--space-3);
    color: var(--brand-900);
}

.templates-hero__subtitle[b-nwve4mrhed] {
    margin: 0;
    font-size: var(--fs-body);
    color: var(--text-muted);
    max-width: 56ch;
}

/* ── Section header ── */
.templates-section__title[b-nwve4mrhed] {
    margin: 0 0 var(--space-5);
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    line-height: var(--lh-h2);
    font-weight: var(--fw-semibold);
    color: var(--brand-900);
}

/* ── Grid ── */
.templates-grid[b-nwve4mrhed] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
}

/* ── Card ── */
.templates-card[b-nwve4mrhed] {
    display: flex;
    flex-direction: column;
}

.templates-card .rl-card__header[b-nwve4mrhed] {
    display: grid;
    gap: var(--space-2);
}

.templates-card__icon[b-nwve4mrhed] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-100);
    border-radius: var(--radius-sm);
    color: var(--accent-700);
    flex-shrink: 0;
}

.templates-card .rl-card__header h3[b-nwve4mrhed] {
    margin: 0;
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
    color: var(--brand-900);
}

.templates-card .rl-card__content[b-nwve4mrhed] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: var(--space-3);
}

.templates-card__desc[b-nwve4mrhed] {
    margin: 0;
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--text-muted);
}

.templates-card__meta[b-nwve4mrhed] {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-1) var(--space-2);
    align-items: baseline;
}

.templates-card__meta dt[b-nwve4mrhed] {
    font-size: var(--fs-caption);
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-subtle);
}

.templates-card__meta dd[b-nwve4mrhed] {
    margin: 0;
    font-size: var(--fs-caption);
    color: var(--text-muted);
}

.templates-card .rl-card__actions[b-nwve4mrhed] {
    margin-top: auto;
    padding-top: var(--space-4);
}

.templates-card__cta[b-nwve4mrhed] {
    width: 100%;
    justify-content: center;
}

/* ── Note at the bottom ── */
.templates-note[b-nwve4mrhed] {
    padding: var(--space-5);
    background: var(--surface-2);
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
}

.templates-note p[b-nwve4mrhed] {
    margin: 0;
    font-size: var(--fs-small);
    color: var(--text-muted);
}

/* ── Responsive: 2-col at medium, 1-col at mobile ── */
@media (max-width: 900px) {
    .templates-grid[b-nwve4mrhed] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .templates-grid[b-nwve4mrhed] {
        grid-template-columns: 1fr;
    }

    .templates-hero[b-nwve4mrhed] {
        padding-top: var(--space-5);
    }

    .templates-section__title[b-nwve4mrhed] {
        font-size: var(--fs-h3);
        line-height: var(--lh-h3);
    }
}

/* ── Expandable template detail ── */
.templates-card__detail[b-nwve4mrhed] {
    margin-top: var(--space-3);
    border-top: 1px solid var(--border, #e5e4e0);
    padding-top: var(--space-2);
}

.templates-card__detail summary[b-nwve4mrhed] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #3F7C79;
    cursor: pointer;
    list-style: none;
}

.templates-card__detail summary[b-nwve4mrhed]::-webkit-details-marker {
    display: none;
}

.templates-card__detail summary[b-nwve4mrhed]::before {
    content: '+ ';
}

.templates-card__detail[open] summary[b-nwve4mrhed]::before {
    content: '- ';
}

.templates-card__detail-body[b-nwve4mrhed] {
    margin-top: var(--space-3);
    font-size: 0.8125rem;
    line-height: 1.6;
}

.templates-card__detail-body p[b-nwve4mrhed] {
    margin-bottom: var(--space-2);
}

.templates-card__detail-body ul[b-nwve4mrhed] {
    margin-bottom: var(--space-2);
    padding-left: 1.25rem;
}
/* /Components/Pages/Tools/ScanUpgrade.razor.rz.scp.css */
/* Waiting state for the checkout post. The page is static SSR, so there is no circuit to drive a
   staged progress bar here; the browser stays on this page for the whole request and a small script
   reveals this block on submit. Deliberately indeterminate: the wait is a live fetch of someone
   else's careers site, and a percentage would be invented. */

.checkout-waiting[b-b4pqg03ot8] {
    display: flex;
    gap: var(--space-3);
    align-items: flex-start;
    padding: var(--card-pad);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.checkout-waiting__spinner[b-b4pqg03ot8] {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    border: 2px solid var(--border-strong);
    border-top-color: var(--accent-600);
    border-radius: 50%;
    animation: checkout-waiting-spin-b-b4pqg03ot8 900ms linear infinite;
}

@keyframes checkout-waiting-spin-b-b4pqg03ot8 {
    to { transform: rotate(360deg); }
}

.checkout-waiting__title[b-b4pqg03ot8] {
    margin: 0;
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.checkout-waiting__sub[b-b4pqg03ot8] {
    margin: var(--space-1) 0 0;
    font-size: var(--fs-caption);
    color: var(--text-muted);
}

@media (prefers-reduced-motion: reduce) {
    .checkout-waiting__spinner[b-b4pqg03ot8] {
        animation: none;
        border-top-color: var(--border-strong);
    }
}
/* /Components/UI/Badge.razor.rz.scp.css */
.rl-badge[b-ozidc6ek0k] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-pill);
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    font-weight: var(--fw-medium);
}

.rl-badge--neutral[b-ozidc6ek0k] {
    background: var(--surface-2);
    color: var(--text-muted);
}

.rl-badge--brand[b-ozidc6ek0k] {
    background: var(--accent-100);
    color: var(--accent-700);
}
/* /Components/UI/BenchmarkFeedback.razor.rz.scp.css */
.benchmark-feedback[b-bwp6sar22i] { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0; font-size: 0.85rem; color: #666; }
.benchmark-feedback__question[b-bwp6sar22i] { white-space: nowrap; }
.benchmark-feedback__options[b-bwp6sar22i] { display: flex; gap: 0.35rem; flex-wrap: wrap; }
.benchmark-feedback__btn[b-bwp6sar22i] { font-size: 0.8rem; padding: 0.2rem 0.5rem; border: 1px solid #ddd; border-radius: 4px; background: #fff; cursor: pointer; color: #666; }
.benchmark-feedback__btn:hover[b-bwp6sar22i] { border-color: #3F7C79; color: #3F7C79; }
.benchmark-feedback__dismiss[b-bwp6sar22i] { font-size: 0.75rem; color: #999; background: none; border: none; cursor: pointer; }
.benchmark-feedback--thanks[b-bwp6sar22i] { color: #3F7C79; font-style: italic; }
/* /Components/UI/Button.razor.rz.scp.css */
.rl-button[b-imucs5erqq] {
    min-height: var(--btn-height);
    padding: 0 var(--space-4);
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    font-weight: var(--fw-medium);
    font-size: var(--fs-body);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    text-decoration: none;
    transition: 120ms ease;
}

.rl-button--primary[b-imucs5erqq] {
    background: var(--brand-800);
    color: var(--surface);
}

.rl-button--primary:hover[b-imucs5erqq] {
    background: var(--brand-900);
}

.rl-button--secondary[b-imucs5erqq] {
    background: var(--surface);
    color: var(--brand-800);
    border-color: var(--border-strong);
}

.rl-button--secondary:hover[b-imucs5erqq] {
    background: var(--surface-2);
}

.rl-button.is-disabled[b-imucs5erqq],
.rl-button:disabled[b-imucs5erqq] {
    opacity: 0.55;
    pointer-events: none;
}

.rl-button__icon[b-imucs5erqq] {
    display: inline-flex;
}
/* /Components/UI/Card.razor.rz.scp.css */
.rl-card[b-nzioim4bvk] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    padding: var(--card-pad);
}

.rl-card__header h3[b-nzioim4bvk] {
    margin: 0;
}

.rl-card__header .caption[b-nzioim4bvk] {
    margin: var(--space-1) 0 0;
}

.rl-card__content[b-nzioim4bvk] {
    margin-top: var(--space-4);
}

.rl-card__actions[b-nzioim4bvk] {
    margin-top: var(--space-4);
    display: flex;
    gap: var(--space-2);
}
/* /Components/UI/Cards/AiAdjustedBlock.razor.rz.scp.css */
.ai-adj-columns[b-3yiexoctam] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.ai-adj-column[b-3yiexoctam] {
    border: 1px solid #e5e4e0;
    border-radius: 6px;
    padding: 0.875rem;
    background: #fafaf8;
}

.ai-adj-column--adjusted[b-3yiexoctam] {
    border-color: #3F7C79;
    background: #f0f7f6;
}

.ai-adj-column__title[b-3yiexoctam] {
    font-size: 0.8125rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: #1a1a18;
}

.ai-adj-column__tdc[b-3yiexoctam] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a18;
}

.ai-adj-column__subtitle[b-3yiexoctam] {
    font-size: 0.75rem;
    color: #3F7C79;
    margin-top: 0.25rem;
}

.ai-adj-savings[b-3yiexoctam] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 0;
    border-top: 1px solid #e5e4e0;
    border-bottom: 1px solid #e5e4e0;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.ai-adj-savings__item[b-3yiexoctam] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.ai-adj-savings__label[b-3yiexoctam] {
    font-size: 0.6875rem;
    color: #9b9b96;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ai-adj-savings__value[b-3yiexoctam] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a18;
}

.ai-adj-savings__value--captured[b-3yiexoctam] {
    color: #3F7C79;
}

.ai-adj-savings__value--gap[b-3yiexoctam] {
    color: #b57a1a;
}

.ai-adj-meta[b-3yiexoctam] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.ai-adj-badge[b-3yiexoctam] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ai-adj-badge--capable[b-3yiexoctam] { background: #eaf3de; color: #2d6b1a; }
.ai-adj-badge--adoptive[b-3yiexoctam] { background: #e0f0f0; color: #2F5B7C; }
.ai-adj-badge--transformative[b-3yiexoctam] { background: #f3e8ff; color: #6b21a8; }

.ai-adj-function[b-3yiexoctam] {
    font-size: 0.8125rem;
    color: #6b6b67;
}

.ai-adj-warning[b-3yiexoctam] {
    border-left: 3px solid #b57a1a;
    background: #fdf3e0;
    padding: 0.625rem 0.75rem;
    font-size: 0.8125rem;
    color: #6b4a0a;
    border-radius: 0 4px 4px 0;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.ai-adj-recommendation[b-3yiexoctam] {
    font-size: 0.8125rem;
    color: #1a1a18;
    line-height: 1.5;
}

@media (max-width: 480px) {
    .ai-adj-columns[b-3yiexoctam] { grid-template-columns: 1fr; }
    .ai-adj-savings[b-3yiexoctam] { flex-direction: column; gap: 0.75rem; }
}
/* /Components/UI/Cards/AIvsHeadcountComparison.razor.rz.scp.css */
.ai-vs-headcount__grid[b-cunc1ilzrb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.ai-vs-headcount__card[b-cunc1ilzrb] {
    padding: 1rem;
    border: 1px solid var(--border-color, #e5e5e5);
    border-radius: 6px;
    background: var(--card-bg, #fafafa);
}

.ai-vs-headcount__card--recommended[b-cunc1ilzrb] {
    border-color: var(--accent-color, #3F7C79);
    background: var(--accent-bg, #f0f7f7);
}

.ai-vs-headcount__name[b-cunc1ilzrb] {
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

.ai-vs-headcount__tag[b-cunc1ilzrb] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--accent-color, #3F7C79);
    background: var(--accent-bg, #e8f4f3);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}

.ai-vs-headcount__row[b-cunc1ilzrb] {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--border-light, #f0f0f0);
}

.ai-vs-headcount__label[b-cunc1ilzrb] {
    font-size: 0.85rem;
    color: var(--text-muted, #666);
}

.ai-vs-headcount__value[b-cunc1ilzrb] {
    font-weight: 600;
    font-size: 0.85rem;
}

.ai-vs-headcount__value--text[b-cunc1ilzrb] {
    font-weight: 400;
    font-size: 0.8rem;
    text-align: right;
    max-width: 60%;
}

.ai-vs-headcount__risk[b-cunc1ilzrb] {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: var(--text-muted, #666);
    font-style: italic;
}

.ai-vs-headcount__best-when[b-cunc1ilzrb] {
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: var(--text-muted, #666);
}

.ai-vs-headcount__warnings[b-cunc1ilzrb] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: #fff8f0;
    border: 1px solid #f0c070;
    border-radius: 6px;
}

.ai-vs-headcount__warnings-label[b-cunc1ilzrb] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #b07020;
    margin-bottom: 0.25rem;
}

.ai-vs-headcount__warning[b-cunc1ilzrb] {
    font-size: 0.85rem;
    color: #8a5a10;
    padding: 0.15rem 0;
}

.ai-vs-headcount__rationale[b-cunc1ilzrb] {
    margin-top: 0.75rem;
    font-size: 0.9rem;
    color: var(--text-primary, #333);
}

.ai-vs-headcount__budget-note[b-cunc1ilzrb] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-muted, #666);
    font-style: italic;
}

@media (max-width: 768px) {
    .ai-vs-headcount__grid[b-cunc1ilzrb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/UI/Cards/AlternateRoleShapesCard.razor.rz.scp.css */
.alternate-shapes__current[b-muh760f5cq] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border-default, #e5e4e0);
    margin-bottom: var(--space-3);
}

.alternate-shapes__current-label[b-muh760f5cq] {
    font-size: var(--fs-caption);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
}

.alternate-shapes__current-title[b-muh760f5cq] {
    font-size: var(--fs-body);
    font-weight: 600;
    color: var(--text-primary);
}

.alternate-shapes__fit-badge[b-muh760f5cq] {
    display: inline-block;
    padding: 2px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--fs-caption);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: var(--lh-small);
}

.alternate-shapes__fit-badge--blue[b-muh760f5cq] {
    background: #e6f0fa;
    color: #1f4d80;
    border: 1px solid #c2d8ee;
}

.alternate-shapes__fit-badge--orange[b-muh760f5cq] {
    background: #fdf3e0;
    color: #b57a1a;
    border: 1px solid #f0ddb3;
}

.alternate-shapes__fit-badge--red[b-muh760f5cq] {
    background: #fce8e8;
    color: #8a2222;
    border: 1px solid #f0c3c3;
}

.alternate-shapes__fit-badge--gray[b-muh760f5cq] {
    background: #f0f0ee;
    color: #4a4a4a;
    border: 1px solid var(--border-default, #e5e4e0);
}

.alternate-shapes__suggestion[b-muh760f5cq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.alternate-shapes__suggestion-label[b-muh760f5cq] {
    font-size: var(--fs-caption);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
}

.alternate-shapes__suggestion-text[b-muh760f5cq] {
    margin: 0;
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--text-secondary);
}

.alternate-shapes__no-suggestions[b-muh760f5cq] {
    margin: 0;
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--text-muted);
    font-style: italic;
}
/* /Components/UI/Cards/ApprovalReadinessCard.razor.rz.scp.css */
.approval-readiness__rating[b-lhhgsrn2h6] {
    display: inline-flex;
    align-items: center;
    margin-bottom: var(--space-3);
}

.approval-readiness__badge[b-lhhgsrn2h6] {
    display: inline-block;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-sm);
    font-size: var(--fs-small);
    font-weight: 600;
    line-height: var(--lh-small);
}

.approval-readiness__rating--ready .approval-readiness__badge[b-lhhgsrn2h6] {
    background: #e8f5e2;
    color: #2d6b1a;
    border: 1px solid #c3e6b5;
}

.approval-readiness__rating--warning .approval-readiness__badge[b-lhhgsrn2h6] {
    background: #fdf3e0;
    color: #b57a1a;
    border: 1px solid #f0ddb3;
}

.approval-readiness__rating--challenged .approval-readiness__badge[b-lhhgsrn2h6] {
    background: #fce8e8;
    color: #8a2222;
    border: 1px solid #f0c3c3;
}

.approval-readiness__note[b-lhhgsrn2h6] {
    margin: 0;
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--text-secondary);
}
/* /Components/UI/Cards/BackfillReviewCard.razor.rz.scp.css */
/* BackfillReviewCard — backfill assessment with prior person, team status, recommendation, cost comparison */

.backfill-review__section[b-721acgjn1u] {
    padding: 0.75rem 0;
    border-bottom: 1px solid #f4f3f0;
}

.backfill-review__section:last-child[b-721acgjn1u] {
    border-bottom: none;
    padding-bottom: 0;
}

.backfill-review__section-title[b-721acgjn1u] {
    font-family: system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    color: #9b9b96;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.375rem;
}

/* Prior Person row */

.backfill-review__prior-row[b-721acgjn1u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.backfill-review__prior-title[b-721acgjn1u] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a18;
}

.backfill-review__tag[b-721acgjn1u] {
    font-size: 0.6875rem;
    padding: 1px 8px;
    border-radius: 3px;
    background: #f4f3f0;
    color: #6b6b67;
}

.backfill-review__tag--muted[b-721acgjn1u] {
    color: #9b9b96;
}

/* Performance badge */

.backfill-review__badge[b-721acgjn1u] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.backfill-review__badge--green[b-721acgjn1u] { background: #eaf3de; color: #2d6b1a; }
.backfill-review__badge--blue[b-721acgjn1u] { background: #e8f0f8; color: #2F5B7C; }
.backfill-review__badge--red[b-721acgjn1u] { background: #fdf0f0; color: #8a2222; }

/* Detail rows */

.backfill-review__detail-row[b-721acgjn1u] {
    font-size: 0.8125rem;
    color: #1a1a18;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}

.backfill-review__detail-label[b-721acgjn1u] {
    font-weight: 600;
    margin-right: 0.375rem;
}

/* Business impact quote */

.backfill-review__impact[b-721acgjn1u] {
    margin: 0;
    padding: 0.625rem 1rem;
    border-left: 3px solid #e5e4e0;
    background: #fafaf8;
    border-radius: 0 4px 4px 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #1a1a18;
    font-style: italic;
}

/* Recommendation */

.backfill-review__rec[b-721acgjn1u] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.backfill-review__rec-badge[b-721acgjn1u] {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    width: fit-content;
}

.backfill-review__rec-badge--blue[b-721acgjn1u] { background: #e8f0f8; color: #2F5B7C; }
.backfill-review__rec-badge--teal[b-721acgjn1u] { background: #e6f2f1; color: #3F7C79; }
.backfill-review__rec-badge--orange[b-721acgjn1u] { background: #fdf3e0; color: #b57a1a; }
.backfill-review__rec-badge--gray[b-721acgjn1u] { background: #f4f3f0; color: #6b6b67; }
.backfill-review__rec-badge--red[b-721acgjn1u] { background: #fdf0f0; color: #8a2222; }

.backfill-review__rec-rationale[b-721acgjn1u] {
    font-size: 0.8125rem;
    color: #6b6b67;
    line-height: 1.5;
    margin: 0;
}

/* Cost comparison table */

.backfill-review__table-wrap[b-721acgjn1u] {
    overflow-x: auto;
}

.backfill-review__table[b-721acgjn1u] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.backfill-review__table th[b-721acgjn1u] {
    text-align: left;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #9b9b96;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0.375rem 0.5rem;
    border-bottom: 1px solid #e5e4e0;
}

.backfill-review__table td[b-721acgjn1u] {
    padding: 0.5rem;
    color: #1a1a18;
    border-bottom: 1px solid #f4f3f0;
}

.backfill-review__table tr:last-child td[b-721acgjn1u] {
    border-bottom: none;
}

.backfill-review__row--lowest[b-721acgjn1u] {
    background: #f0f9f8;
}

.backfill-review__tdc[b-721acgjn1u] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-weight: 700;
    white-space: nowrap;
}

.backfill-review__lowest-tag[b-721acgjn1u] {
    display: inline-block;
    font-family: system-ui, sans-serif;
    font-size: 0.5625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #3F7C79;
    margin-left: 0.375rem;
    vertical-align: middle;
}

.backfill-review__note[b-721acgjn1u] {
    color: #6b6b67;
    font-size: 0.75rem;
}

/* Responsive */

@media (max-width: 480px) {
    .backfill-review__prior-row[b-721acgjn1u] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}
/* /Components/UI/Cards/BriefActions.razor.rz.scp.css */
/* BriefActions — CTA bar after completed analysis */

.brief-actions[b-cxmwph2i7t] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #e5e4e0;
    flex-wrap: wrap;
}

.brief-actions__btn[b-cxmwph2i7t] {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 4px;
    padding: 0.4375rem 1rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    white-space: nowrap;
}

.brief-actions__btn--primary[b-cxmwph2i7t] {
    background: #3F7C79;
    color: white;
    border: 1px solid #3F7C79;
}

.brief-actions__btn--primary:hover[b-cxmwph2i7t] {
    background: #356a67;
    border-color: #356a67;
}

.brief-actions__btn--outline[b-cxmwph2i7t] {
    background: none;
    color: #3F7C79;
    border: 1px solid #3F7C79;
}

.brief-actions__btn--outline:hover:not(:disabled)[b-cxmwph2i7t] {
    background: #3F7C79;
    color: white;
}

.brief-actions__btn--outline:disabled[b-cxmwph2i7t] {
    opacity: 0.5;
    cursor: not-allowed;
}

.brief-actions__error[b-cxmwph2i7t] {
    margin: 0 1.25rem 0.75rem;
    padding: 0.5rem 0.75rem;
    background: #fce8e8;
    border: 1px solid #f0c3c3;
    border-radius: 4px;
    color: #8a2222;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.75rem;
    line-height: 1.4;
}

.brief-actions__btn--text[b-cxmwph2i7t] {
    background: none;
    border: none;
    color: #6b6b67;
    padding: 0.4375rem 0.5rem;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.brief-actions__btn--text:hover[b-cxmwph2i7t] {
    color: #1a1a18;
}

/* Responsive: stack on mobile */

@media (max-width: 480px) {
    .brief-actions[b-cxmwph2i7t] {
        flex-direction: column;
        align-items: stretch;
    }

    .brief-actions__btn[b-cxmwph2i7t] {
        text-align: center;
    }
}
/* /Components/UI/Cards/BriefOutput.razor.rz.scp.css */
.brief-output[b-aovnf94dlq] {
    border: 1px solid #c8c7c2;
}

.brief-output__sections[b-aovnf94dlq] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.brief-output__section[b-aovnf94dlq] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f4f3f0;
}

.brief-output__section:last-child[b-aovnf94dlq] {
    border-bottom: none;
}

.brief-output__section-header[b-aovnf94dlq] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a18;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.brief-output__section-number[b-aovnf94dlq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #3F7C79;
    color: white;
    font-family: system-ui, sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    flex-shrink: 0;
}

.brief-output__text[b-aovnf94dlq] {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #1a1a18;
}

.brief-output__text--mono[b-aovnf94dlq] {
    font-family: 'SF Mono', 'Cascadia Code', monospace;
    font-size: 0.8125rem;
    color: #6b6b67;
    background: #fafaf8;
    padding: 0.75rem;
    border-radius: 4px;
    border: 1px solid #e5e4e0;
}

/* Abbreviated-brief upgrade block (free / anonymous users) */
.brief-output__upgrade[b-aovnf94dlq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
    margin: 0.75rem 1.25rem;
    padding: 0.875rem 1rem;
    background: #f3f7f7;
    border: 1px solid #3F7C79;
    border-left-width: 3px;
    border-radius: 4px;
}

.brief-output__upgrade-text[b-aovnf94dlq] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a18;
    margin: 0;
}

.brief-output__upgrade-btn[b-aovnf94dlq] {
    display: inline-block;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #ffffff;
    background: #3F7C79;
    border: 1px solid #3F7C79;
    border-radius: 4px;
    padding: 0.4375rem 0.875rem;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
}

.brief-output__upgrade-btn:hover[b-aovnf94dlq] {
    background: #346663;
    border-color: #346663;
    color: #ffffff;
}

.brief-output__actions[b-aovnf94dlq] {
    display: flex;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-top: 1px solid #e5e4e0;
}

.brief-output__action-btn[b-aovnf94dlq] {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: #3F7C79;
    background: none;
    border: 1px solid #3F7C79;
    border-radius: 4px;
    padding: 0.3125rem 0.75rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.brief-output__action-btn:hover:not(:disabled)[b-aovnf94dlq] {
    background: #3F7C79;
    color: white;
}

.brief-output__action-btn:disabled[b-aovnf94dlq] {
    opacity: 0.5;
    cursor: not-allowed;
}

.brief-output__action-error[b-aovnf94dlq] {
    margin: 0 1.25rem 0.625rem;
    padding: 0.5rem 0.75rem;
    background: #fce8e8;
    border: 1px solid #f0c3c3;
    border-radius: 4px;
    color: #8a2222;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.75rem;
    line-height: 1.4;
}

.brief-output__footer[b-aovnf94dlq] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.625rem 1.25rem;
    border-top: 1px solid #e5e4e0;
    font-size: 0.6875rem;
    color: #9b9b96;
}

.brief-output__engine[b-aovnf94dlq] {
    font-weight: 600;
    color: #3F7C79;
}
/* /Components/UI/Cards/BriefRerunMenu.razor.rz.scp.css */
.brief-rerun[b-h6o0592vte] {
    position: relative;
    display: inline-block;
}

.brief-rerun__toggle[b-h6o0592vte] {
    /* Inherits .brief-output__action-btn from parent for layout consistency */
}

.brief-rerun__menu[b-h6o0592vte] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 18rem;
    background: white;
    border: 1px solid #d4d2cc;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    padding: 0.25rem;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.brief-rerun__item[b-h6o0592vte] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.5rem 0.625rem;
    background: transparent;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
    position: relative;
    transition: background-color 0.15s ease;
}

.brief-rerun__item:hover:not(:disabled)[b-h6o0592vte] {
    background: #f0eee7;
}

.brief-rerun__item:disabled[b-h6o0592vte] {
    cursor: not-allowed;
}

.brief-rerun__item--disabled[b-h6o0592vte] {
    opacity: 0.55;
}

.brief-rerun__item-title[b-h6o0592vte] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1a1a18;
}

.brief-rerun__item-desc[b-h6o0592vte] {
    font-size: 0.6875rem;
    color: #6b6b66;
    line-height: 1.4;
}

.brief-rerun__item-status[b-h6o0592vte] {
    position: absolute;
    top: 0.4375rem;
    right: 0.625rem;
    font-size: 0.5625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #9b9b96;
    background: #f0eee7;
    padding: 1px 6px;
    border-radius: 99px;
}

.brief-rerun__error[b-h6o0592vte] {
    margin-top: 0.375rem;
    font-size: 0.75rem;
    color: #8a2222;
}

.brief-rerun__success[b-h6o0592vte] {
    margin-top: 0.375rem;
    font-size: 0.75rem;
    color: #2d6b1a;
}

.brief-rerun__success a[b-h6o0592vte] {
    color: #2d6b1a;
    text-decoration: underline;
}
/* /Components/UI/Cards/BusinessCaseCard.razor.rz.scp.css */
.business-case__badge[b-f0wp4ets2m] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.business-case__badge--strong[b-f0wp4ets2m] { background: #eaf3de; color: #2d6b1a; }
.business-case__badge--moderate[b-f0wp4ets2m] { background: #fdf3e0; color: #b57a1a; }
.business-case__badge--weak[b-f0wp4ets2m] { background: #fdf0f0; color: #8a2222; }

.business-case--strong[b-f0wp4ets2m] { border-left: 3px solid #2d6b1a; }
.business-case--moderate[b-f0wp4ets2m] { border-left: 3px solid #b57a1a; }
.business-case--weak[b-f0wp4ets2m] { border-left: 3px solid #8a2222; }

.business-case__problem[b-f0wp4ets2m] {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 0.75rem;
}

.business-case__metric[b-f0wp4ets2m],
.business-case__cost[b-f0wp4ets2m],
.business-case__payback[b-f0wp4ets2m] {
    font-size: 0.8125rem;
    color: #6b6b67;
    margin-bottom: 0.375rem;
}

.business-case__metric-label[b-f0wp4ets2m] {
    font-weight: 600;
    margin-right: 0.25rem;
}

.business-case__metric-range[b-f0wp4ets2m] {
    color: #9b9b96;
    margin-left: 0.25rem;
}

.business-case__missing[b-f0wp4ets2m] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e5e4e0;
}

.business-case__missing-label[b-f0wp4ets2m] {
    display: block;
    font-size: 0.75rem;
    color: #9b9b96;
    margin-bottom: 0.375rem;
}

.business-case__missing-tag[b-f0wp4ets2m] {
    display: inline-block;
    font-size: 0.6875rem;
    padding: 1px 6px;
    border-radius: 3px;
    background: #f4f3f0;
    color: #6b6b67;
    margin-right: 4px;
    margin-bottom: 4px;
}
/* /Components/UI/Cards/CapturedValueBlock.razor.rz.scp.css */
.cv-bar[b-zyofoegxci] {
    margin-bottom: 0.75rem;
}

.cv-bar__track[b-zyofoegxci] {
    position: relative;
    height: 1.25rem;
    background: #e5e4e0;
    border-radius: 4px;
    overflow: hidden;
}

.cv-bar__fill[b-zyofoegxci] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #3F7C79;
    border-radius: 4px 0 0 4px;
    transition: width 0.3s ease;
}

.cv-bar__gap[b-zyofoegxci] {
    position: absolute;
    top: 0;
    height: 100%;
    background: #d97706;
    opacity: 0.25;
}

.cv-amounts[b-zyofoegxci] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.cv-amounts__item[b-zyofoegxci] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.cv-amounts__label[b-zyofoegxci] {
    font-size: 0.6875rem;
    color: #9b9b96;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cv-amounts__value[b-zyofoegxci] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a18;
}

.cv-amounts__value--captured[b-zyofoegxci] { color: #3F7C79; }
.cv-amounts__value--gap[b-zyofoegxci] { color: #b57a1a; }

.cv-meta[b-zyofoegxci] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.cv-risk-badge[b-zyofoegxci] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cv-risk-badge--low[b-zyofoegxci] { background: #eaf3de; color: #2d6b1a; }
.cv-risk-badge--medium[b-zyofoegxci] { background: #fdf3e0; color: #b57a1a; }
.cv-risk-badge--high[b-zyofoegxci] { background: #fdf0f0; color: #8a2222; }

.cv-enablement[b-zyofoegxci] {
    font-size: 0.75rem;
    font-weight: 600;
}

.cv-enablement--present[b-zyofoegxci] { color: #16a34a; }
.cv-enablement--absent[b-zyofoegxci] { color: #b57a1a; }

.cv-confidence-note[b-zyofoegxci] {
    font-size: 0.75rem;
    color: #9b9b96;
    line-height: 1.5;
}

@media (max-width: 480px) {
    .cv-amounts[b-zyofoegxci] { flex-direction: column; gap: 0.75rem; }
}
/* /Components/UI/Cards/ContractorSubstitutionCard.razor.rz.scp.css */
.csub-card[b-3d2l5zjtwd] { border-left: 3px solid #c97a3a; }
.csub-card--saves[b-3d2l5zjtwd] { border-left-color: #4a7a4d; }
.csub-card--premium[b-3d2l5zjtwd] { border-left-color: #c97a3a; }
.csub-grid[b-3d2l5zjtwd] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; text-align: center; margin-bottom: 0.625rem; }
.csub-metric__label[b-3d2l5zjtwd] { font-size: 0.6875rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 0.125rem; }
.csub-metric__value[b-3d2l5zjtwd] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.25rem; font-weight: 700; color: #1a1a17; }
.csub-verdict[b-3d2l5zjtwd] { font-size: 0.875rem; color: #1a1a17; text-align: center; padding: 0.5rem 0; border-top: 1px solid #e5e4e0; }
.csub-verdict strong[b-3d2l5zjtwd] { font-weight: 700; }
.csub-verdict__monthly[b-3d2l5zjtwd] { color: #6b6b67; font-size: 0.75rem; margin-left: 0.25rem; }
.csub-detail[b-3d2l5zjtwd] { font-size: 0.75rem; color: #9b9b96; text-align: center; padding-top: 0.375rem; border-top: 1px solid #e5e4e0; }
/* /Components/UI/Cards/CostOfDelayCard.razor.rz.scp.css */
.cod-card[b-p8jhazjml8] { border-left: 3px solid #c97a3a; }
.cod-grid[b-p8jhazjml8] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; text-align: center; margin-bottom: 0.5rem; }
.cod-metric__value[b-p8jhazjml8] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.25rem; font-weight: 700; color: #1a1a17; }
.cod-metric__label[b-p8jhazjml8] { font-size: 0.6875rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.3px; }
.cod-detail[b-p8jhazjml8] { font-size: 0.75rem; color: #9b9b96; text-align: center; padding-top: 0.5rem; border-top: 1px solid #e5e4e0; }
/* /Components/UI/Cards/CostOfDoingNothingCard.razor.rz.scp.css */
.cdn-card[b-0h3ro0knp9] { border-left: 3px solid #c97a3a; }
.cdn-hero[b-0h3ro0knp9] { text-align: center; padding: 0.5rem 0 0.75rem; }
.cdn-hero__value[b-0h3ro0knp9] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.625rem; font-weight: 700; color: #1a1a17; }
.cdn-hero__label[b-0h3ro0knp9] { font-size: 0.75rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 0.125rem; }
.cdn-detail[b-0h3ro0knp9] { font-size: 0.8125rem; color: #6b6b67; text-align: center; padding-top: 0.5rem; border-top: 1px solid #e5e4e0; }
/* /Components/UI/Cards/ExpectationInflationCard.razor.rz.scp.css */
.ei-assessment[b-c4yzr8o0i0] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 0.5rem;
}

.ei-assessment--aligned[b-c4yzr8o0i0] { background: #eaf3de; color: #2d6b1a; }
.ei-assessment--moderate-gap[b-c4yzr8o0i0] { background: #fdf3e0; color: #b57a1a; }
.ei-assessment--significant-gap[b-c4yzr8o0i0] { background: #fdf0f0; color: #8a2222; }

.ei-bar[b-c4yzr8o0i0] {
    margin-bottom: 0.75rem;
}

.ei-bar__track[b-c4yzr8o0i0] {
    position: relative;
    height: 1.25rem;
    background: #fdf0f0;
    border-radius: 4px;
    overflow: hidden;
}

.ei-bar__fill[b-c4yzr8o0i0] {
    height: 100%;
    background: #3F7C79;
    border-radius: 4px 0 0 4px;
    transition: width 0.3s ease;
}

.ei-bar__legend[b-c4yzr8o0i0] {
    display: flex;
    gap: 1rem;
    margin-top: 0.375rem;
    font-size: 0.75rem;
    color: #4b4b46;
}

.ei-bar__legend-item[b-c4yzr8o0i0] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.ei-bar__swatch[b-c4yzr8o0i0] {
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 2px;
}

.ei-bar__swatch--captured[b-c4yzr8o0i0] { background: #3F7C79; }
.ei-bar__swatch--gap[b-c4yzr8o0i0] { background: #fdf0f0; border: 1px solid #d97706; }

.ei-amounts[b-c4yzr8o0i0] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.ei-amounts__item[b-c4yzr8o0i0] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.ei-amounts__label[b-c4yzr8o0i0] {
    font-size: 0.6875rem;
    color: #9b9b96;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ei-amounts__value[b-c4yzr8o0i0] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a18;
}

.ei-amounts__value--captured[b-c4yzr8o0i0] { color: #3F7C79; }
.ei-amounts__value--gap[b-c4yzr8o0i0] { color: #b57a1a; }

.ei-enablement[b-c4yzr8o0i0] {
    margin-bottom: 0.75rem;
    padding: 0.625rem 0.75rem;
    background: #f7f6f2;
    border-radius: 4px;
}

.ei-enablement__header[b-c4yzr8o0i0] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.5rem;
}

.ei-enablement__title[b-c4yzr8o0i0] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #4b4b46;
}

.ei-enablement__score[b-c4yzr8o0i0] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1a1a18;
}

.ei-enablement__list[b-c4yzr8o0i0] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.ei-enablement__item[b-c4yzr8o0i0] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.ei-enablement__item--present[b-c4yzr8o0i0] { color: #1a1a18; }
.ei-enablement__item--absent[b-c4yzr8o0i0] { color: #6b6b66; }

.ei-enablement__icon[b-c4yzr8o0i0] {
    flex-shrink: 0;
    font-weight: 700;
    width: 1rem;
}

.ei-enablement__item--present .ei-enablement__icon[b-c4yzr8o0i0] { color: #16a34a; }
.ei-enablement__item--absent .ei-enablement__icon[b-c4yzr8o0i0] { color: #b57a1a; }

.ei-warning[b-c4yzr8o0i0] {
    font-size: 0.8125rem;
    color: #4b4b46;
    line-height: 1.5;
    padding: 0.625rem 0.75rem;
    background: #fdf3e0;
    border-left: 3px solid #d97706;
    border-radius: 0 4px 4px 0;
}

@media (max-width: 480px) {
    .ei-amounts[b-c4yzr8o0i0] { flex-direction: column; gap: 0.75rem; }
    .ei-bar__legend[b-c4yzr8o0i0] { flex-direction: column; gap: 0.25rem; }
}
/* /Components/UI/Cards/FinanceChallengePoints.razor.rz.scp.css */
.finance-challenges[b-889dnnw7au] {
    border-left: 3px solid #3F7C79;
}

.finance-challenges__list[b-889dnnw7au] {
    margin: 0;
    padding-left: 1.25rem;
    list-style: decimal;
}

.finance-challenges__item[b-889dnnw7au] {
    padding: 0.375rem 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #1a1a18;
}

.finance-challenges__item + .finance-challenges__item[b-889dnnw7au] {
    border-top: 1px solid #e5e4e0;
}
/* /Components/UI/Cards/FreezeBreakEvenCard.razor.rz.scp.css */
.fbe-card[b-r3344ulj0y] { border-left: 3px solid #6b6b67; }
.fbe-card--saving[b-r3344ulj0y] { border-left-color: #4a7a4d; }
.fbe-card--passed[b-r3344ulj0y] { border-left-color: #b04a3a; }

.fbe-badge[b-r3344ulj0y] { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.3px; padding: 0.125rem 0.5rem; border-radius: 999px; font-weight: 600; }
.fbe-badge--saving[b-r3344ulj0y] { background: #e6f0e7; color: #2f5732; }
.fbe-badge--passed[b-r3344ulj0y] { background: #f5dcd6; color: #7a2c1f; }

.fbe-hero[b-r3344ulj0y] { text-align: center; padding: 0.5rem 0 0.75rem; }
.fbe-hero__value[b-r3344ulj0y] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.625rem; font-weight: 700; color: #1a1a17; }
.fbe-hero__label[b-r3344ulj0y] { font-size: 0.75rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 0.125rem; }

.fbe-breakdown[b-r3344ulj0y] { display: flex; flex-direction: column; gap: 0.375rem; padding-top: 0.5rem; border-top: 1px solid #e5e4e0; }
.fbe-row[b-r3344ulj0y] { display: flex; justify-content: space-between; font-size: 0.8125rem; }
.fbe-row__label[b-r3344ulj0y] { color: #6b6b67; }
.fbe-row__value[b-r3344ulj0y] { font-weight: 600; color: #1a1a17; }
.fbe-row--net[b-r3344ulj0y] { padding-top: 0.375rem; border-top: 1px dashed #e5e4e0; margin-top: 0.125rem; }
/* /Components/UI/Cards/InferredVsProvided.razor.rz.scp.css */
/* InferredVsProvided — analysis input transparency panel */

.inferred-vs-provided[b-svunuixb5b] {
    margin-top: 0.5rem;
}

.inferred-vs-provided__sections[b-svunuixb5b] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Section (details/summary) */

.ivp-section[b-svunuixb5b] {
    border-top: 1px solid #e5e4e0;
    overflow: hidden;
}

.ivp-section__toggle[b-svunuixb5b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1a1a18;
    list-style: none;
    transition: background 0.15s;
}

.ivp-section__toggle:hover[b-svunuixb5b] {
    background: #f0efec;
}

.ivp-section__toggle[b-svunuixb5b]::-webkit-details-marker {
    display: none;
}

.ivp-section__toggle[b-svunuixb5b]::before {
    content: '\25B6';
    font-size: 0.5rem;
    color: #9b9b96;
    transition: transform 0.2s;
}

.ivp-section[open] > .ivp-section__toggle[b-svunuixb5b]::before {
    transform: rotate(90deg);
}

.ivp-section__count[b-svunuixb5b] {
    font-weight: 600;
    font-size: 0.6875rem;
    padding: 0 6px;
    border-radius: 99px;
    background: #f4f3f0;
    color: #6b6b67;
}

/* Left border variants */

.ivp-section--provided[b-svunuixb5b] { border-left: 3px solid #2d6b1a; }
.ivp-section--inferred[b-svunuixb5b] { border-left: 3px solid #b57a1a; }
.ivp-section--missing[b-svunuixb5b] { border-left: 3px solid #8a2222; }

/* Section body */

.ivp-section__body[b-svunuixb5b] {
    padding: 0.375rem 1rem 0.75rem;
}

/* Row layout */

.ivp-row[b-svunuixb5b] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.3125rem 0;
    font-size: 0.8125rem;
    flex-wrap: wrap;
}

.ivp-row + .ivp-row[b-svunuixb5b] {
    border-top: 1px solid #f4f3f0;
}

.ivp-row__field[b-svunuixb5b] {
    font-weight: 600;
    color: #1a1a18;
    min-width: 7rem;
    flex-shrink: 0;
}

.ivp-row__value[b-svunuixb5b] {
    color: #1a1a18;
    flex: 1;
}

.ivp-row__source[b-svunuixb5b],
.ivp-row__basis[b-svunuixb5b] {
    font-size: 0.75rem;
    color: #9b9b96;
    width: 100%;
}

.ivp-row__basis[b-svunuixb5b] {
    font-style: italic;
}

/* Missing list */

.ivp-missing-list[b-svunuixb5b] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    color: #6b6b67;
    line-height: 1.5;
}

.ivp-missing-list li[b-svunuixb5b] {
    margin-bottom: 0.125rem;
}

/* Responsive */

@media (max-width: 480px) {
    .ivp-row[b-svunuixb5b] {
        flex-direction: column;
        gap: 0.125rem;
    }

    .ivp-row__field[b-svunuixb5b] {
        min-width: auto;
    }
}
/* /Components/UI/Cards/InterviewBurdenCard.razor.rz.scp.css */
.ib-grid[b-xis72cve3r] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; text-align: center; margin-bottom: 0.75rem; }
.ib-metric__value[b-xis72cve3r] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.25rem; font-weight: 700; }
.ib-metric__label[b-xis72cve3r] { font-size: 0.6875rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.3px; }
.ib-detail[b-xis72cve3r] { font-size: 0.75rem; color: #9b9b96; text-align: center; padding-top: 0.5rem; border-top: 1px solid #e5e4e0; }
/* /Components/UI/Cards/KeyAssumptionsCard.razor.rz.scp.css */
.ka-list[b-9r5u8enuka] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ka-list__item[b-9r5u8enuka] {
    padding: 0.75rem 0;
}

.ka-list__item + .ka-list__item[b-9r5u8enuka] {
    border-top: 1px solid #e5e4e0;
}

.ka-list__header[b-9r5u8enuka] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.5rem;
}

.ka-list__name[b-9r5u8enuka] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a18;
}

.ka-list__current[b-9r5u8enuka] {
    font-size: 0.75rem;
    color: #6b6b67;
}

.ka-range[b-9r5u8enuka] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.375rem;
}

.ka-range__low-label[b-9r5u8enuka],
.ka-range__high-label[b-9r5u8enuka] {
    font-size: 0.6875rem;
    font-weight: 600;
    min-width: 3rem;
}

.ka-range__low-label[b-9r5u8enuka] {
    color: #8a2222;
    text-align: right;
}

.ka-range__high-label[b-9r5u8enuka] {
    color: #2d6b1a;
    text-align: left;
}

.ka-range__track[b-9r5u8enuka] {
    flex: 1;
    height: 0.5rem;
    background: #f4f3f0;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
}

.ka-range__low[b-9r5u8enuka] {
    position: absolute;
    right: 50%;
    height: 100%;
    background: #ef4444;
    opacity: 0.6;
    border-radius: 4px 0 0 4px;
}

.ka-range__center[b-9r5u8enuka] {
    position: absolute;
    left: calc(50% - 1px);
    width: 2px;
    height: 0.875rem;
    background: #1a1a18;
    border-radius: 1px;
    z-index: 1;
}

.ka-range__high[b-9r5u8enuka] {
    position: absolute;
    left: 50%;
    height: 100%;
    background: #16a34a;
    opacity: 0.6;
    border-radius: 0 4px 4px 0;
}

.ka-list__explanation[b-9r5u8enuka] {
    font-size: 0.75rem;
    color: #6b6b67;
    line-height: 1.5;
}
/* /Components/UI/Cards/OutputDisclaimer.razor.rz.scp.css */
.output-disclaimer[b-qf9vkql3ld] {
    font-size: 11px;
    color: #9b9b96;
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid #f4f3f0;
    line-height: 1.4;
}

.output-disclaimer a[b-qf9vkql3ld] {
    color: #6b6b67;
    text-decoration: underline;
}
/* /Components/UI/Cards/PathComparison.razor.rz.scp.css */
.path-comparison__grid[b-kryuex5dj2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.path-comparison__card[b-kryuex5dj2] {
    border: 1px solid #e5e4e0;
    border-radius: 6px;
    padding: 0.875rem;
    background: #fafaf8;
}

.path-comparison__card--lowest[b-kryuex5dj2] {
    border-color: #3F7C79;
    background: #f0f9f8;
}

.path-comparison__name[b-kryuex5dj2] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1a1a18;
    margin-bottom: 0.25rem;
}

.path-comparison__cost[b-kryuex5dj2] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a18;
}

.path-comparison__tag[b-kryuex5dj2] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #3F7C79;
    margin-top: 0.25rem;
}

.path-comparison__quality[b-kryuex5dj2] {
    font-size: 0.6875rem;
    color: #6b6b67;
    margin-top: 0.25rem;
}

.path-comparison__tradeoffs[b-kryuex5dj2] {
    margin: 0.5rem 0 0;
    padding-left: 1rem;
    font-size: 0.75rem;
    color: #6b6b67;
    line-height: 1.4;
}

.path-comparison__tradeoffs li[b-kryuex5dj2] {
    margin-bottom: 0.125rem;
}
/* /Components/UI/Cards/PaybackPeriodCard.razor.rz.scp.css */
.pp-card[b-8m0g49hinr] { border-left: 3px solid #6b6b67; }
.pp-card--normal[b-8m0g49hinr] { border-left-color: #4a7a4d; }
.pp-card--long[b-8m0g49hinr] { border-left-color: #c97a3a; }
.pp-card--negative[b-8m0g49hinr] { border-left-color: #b04a3a; }

.pp-badge[b-8m0g49hinr] { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.3px; padding: 0.125rem 0.5rem; border-radius: 999px; font-weight: 600; }
.pp-badge--normal[b-8m0g49hinr] { background: #e6f0e7; color: #2f5732; }
.pp-badge--long[b-8m0g49hinr] { background: #f5e7d8; color: #7c4a1f; }
.pp-badge--negative[b-8m0g49hinr] { background: #f5dcd6; color: #7a2c1f; }

.pp-hero[b-8m0g49hinr] { text-align: center; padding: 0.5rem 0 0.75rem; }
.pp-hero__value[b-8m0g49hinr] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.625rem; font-weight: 700; color: #1a1a17; }
.pp-hero__label[b-8m0g49hinr] { font-size: 0.75rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 0.125rem; }

.pp-breakdown[b-8m0g49hinr] { display: flex; flex-direction: column; gap: 0.375rem; padding-top: 0.5rem; border-top: 1px solid #e5e4e0; }
.pp-row[b-8m0g49hinr] { display: flex; justify-content: space-between; font-size: 0.8125rem; }
.pp-row__label[b-8m0g49hinr] { color: #6b6b67; }
.pp-row__value[b-8m0g49hinr] { font-weight: 600; color: #1a1a17; }
.pp-row--net[b-8m0g49hinr] { padding-top: 0.375rem; border-top: 1px dashed #e5e4e0; margin-top: 0.125rem; }
/* /Components/UI/Cards/PortfolioTriageCard.razor.rz.scp.css */
.ptr-summary[b-iurjsvc4vp] {
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b6b66;
}

.ptr-flags[b-iurjsvc4vp] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.875rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ptr-flags__item[b-iurjsvc4vp] {
    padding: 0.4375rem 0.625rem;
    border-radius: 4px;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.ptr-flags__item--high[b-iurjsvc4vp] { background: #fdf0f0; color: #8a2222; border-left: 3px solid #b22a2a; }
.ptr-flags__item--medium[b-iurjsvc4vp] { background: #fdf3e0; color: #b57a1a; border-left: 3px solid #d97706; }
.ptr-flags__item--low[b-iurjsvc4vp] { background: #eaf3de; color: #2d6b1a; border-left: 3px solid #2d6b1a; }

.ptr-table-wrap[b-iurjsvc4vp] {
    overflow-x: auto;
    margin-bottom: 0.75rem;
}

.ptr-table[b-iurjsvc4vp] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.ptr-table thead th[b-iurjsvc4vp] {
    text-align: left;
    padding: 0.5rem 0.625rem;
    background: #f7f6f2;
    border-bottom: 1px solid #ece9e0;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #6b6b66;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.ptr-table tbody td[b-iurjsvc4vp] {
    padding: 0.5rem 0.625rem;
    border-bottom: 1px solid #ece9e0;
    vertical-align: top;
}

.ptr-table tbody tr:last-of-type td[b-iurjsvc4vp] {
    border-bottom: none;
}

.ptr-table__rank[b-iurjsvc4vp] {
    font-weight: 700;
    color: #1a1a18;
    width: 2rem;
}

.ptr-table__role[b-iurjsvc4vp] {
    min-width: 9rem;
}

.ptr-table__title[b-iurjsvc4vp] {
    font-weight: 600;
    color: #1a1a18;
    line-height: 1.3;
}

.ptr-table__dept[b-iurjsvc4vp] {
    font-size: 0.6875rem;
    color: #9b9b96;
    margin-top: 0.125rem;
}

.ptr-table__tdc[b-iurjsvc4vp] {
    font-weight: 600;
    color: #1a1a18;
    white-space: nowrap;
}

.ptr-table__dim[b-iurjsvc4vp] {
    color: #b6b3a8;
}

.ptr-table__challenges[b-iurjsvc4vp] {
    background: #fafaf6;
}

.ptr-table__challenges-label[b-iurjsvc4vp] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #b57a1a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 0.5rem;
}

.ptr-table__challenges-text[b-iurjsvc4vp] {
    font-size: 0.75rem;
    color: #4b4b46;
    line-height: 1.4;
}

.ptr-badge[b-iurjsvc4vp] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 99px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.ptr-badge--ok[b-iurjsvc4vp] { background: #eaf3de; color: #2d6b1a; }
.ptr-badge--warn[b-iurjsvc4vp] { background: #fdf3e0; color: #b57a1a; }
.ptr-badge--bad[b-iurjsvc4vp] { background: #fdf0f0; color: #8a2222; }
.ptr-badge--neutral[b-iurjsvc4vp] { background: #f0eee7; color: #6b6b66; }

.ptr-backfill[b-iurjsvc4vp] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4b4b46;
}

.ptr-action[b-iurjsvc4vp] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.ptr-action--ok[b-iurjsvc4vp] { background: #3F7C79; color: white; }
.ptr-action--warn[b-iurjsvc4vp] { background: #fdf3e0; color: #b57a1a; border: 1px solid #d97706; }
.ptr-action--bad[b-iurjsvc4vp] { background: #fdf0f0; color: #8a2222; border: 1px solid #b22a2a; }
.ptr-action--neutral[b-iurjsvc4vp] { background: #f0eee7; color: #6b6b66; }

.ptr-footnote[b-iurjsvc4vp] {
    font-size: 0.75rem;
    color: #6b6b66;
    line-height: 1.5;
    padding-top: 0.625rem;
    border-top: 1px solid #ece9e0;
}

.ptr-footnote code[b-iurjsvc4vp] {
    background: #f7f6f2;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 0.6875rem;
    color: #1a1a18;
}
/* /Components/UI/Cards/PromoteVsHireCard.razor.rz.scp.css */
.pvh-grid[b-dp6hq8vt2r] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.pvh-path[b-dp6hq8vt2r] { border: 1px solid #e5e4e0; border-radius: 6px; padding: 0.875rem; background: #fafaf8; }
.pvh-path__title[b-dp6hq8vt2r] { font-size: 0.8125rem; font-weight: 600; margin-bottom: 0.25rem; }
.pvh-path__cost[b-dp6hq8vt2r] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.25rem; font-weight: 700; margin-bottom: 0.5rem; }
.pvh-path__detail[b-dp6hq8vt2r] { font-size: 0.75rem; color: #6b6b67; margin-bottom: 0.125rem; }
.pvh-recommendation[b-dp6hq8vt2r] { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #e5e4e0; font-size: 0.8125rem; color: #1a1a18; }
/* /Components/UI/Cards/QoHCard.razor.rz.scp.css */
.qoh-card[b-ly16381vti] { display: inline-block; padding: 0.5rem 0.75rem; border-radius: 6px; cursor: pointer; user-select: none; min-width: 60px; text-align: center; }
.qoh-card--green[b-ly16381vti] { background: #e8f5e9; border: 1px solid #a5d6a7; }
.qoh-card--yellow[b-ly16381vti] { background: #fff8e1; border: 1px solid #ffe082; }
.qoh-card--red[b-ly16381vti] { background: #ffebee; border: 1px solid #ef9a9a; }
.qoh-card--none[b-ly16381vti] { background: #f5f5f5; border: 1px solid #e0e0e0; }
.qoh-card__header[b-ly16381vti] { display: flex; align-items: baseline; gap: 0.35rem; }
.qoh-card__score[b-ly16381vti] { font-size: 1.25rem; font-weight: 700; }
.qoh-card__label[b-ly16381vti] { font-size: 0.75rem; color: #666; }
.qoh-card__partial[b-ly16381vti] { font-size: 0.7rem; color: #999; }
.qoh-card__breakdown[b-ly16381vti] { margin-top: 0.5rem; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 0.5rem; }
.qoh-card__component[b-ly16381vti] { display: flex; justify-content: space-between; font-size: 0.8rem; padding: 0.15rem 0; }
/* /Components/UI/Cards/QoHTrend.razor.rz.scp.css */
.qoh-trend[b-plblsnbxbs] { margin-top: 2rem; }
.qoh-trend__title[b-plblsnbxbs] { font-family: 'Source Serif 4', serif; font-size: 1.1rem; margin: 0 0 0.75rem; }
.qoh-trend__filters[b-plblsnbxbs] { display: flex; gap: 0.75rem; margin-bottom: 1rem; }
.qoh-trend__chart[b-plblsnbxbs] { width: 100%; max-width: 600px; height: auto; }
.qoh-trend--empty[b-plblsnbxbs] { padding: 1.5rem; text-align: center; color: #999; background: #fafafa; border-radius: 6px; }
/* /Components/UI/Cards/RecruiterCapacityCard.razor.rz.scp.css */
.rc-summary[b-jkhjycnrls] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; font-size: 0.9375rem; }
.rc-capacity[b-jkhjycnrls] { font-weight: 600; color: #3F7C79; }
.rc-vs[b-jkhjycnrls] { color: #9b9b96; }
.rc-planned[b-jkhjycnrls] { font-weight: 600; }
.rc-gap[b-jkhjycnrls] { background: #fdf3e0; color: #b57a1a; font-weight: 600; padding: 1px 8px; border-radius: 99px; font-size: 0.8125rem; }
.rc-options[b-jkhjycnrls] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0.5rem; }
.rc-option[b-jkhjycnrls] { border: 1px solid #e5e4e0; border-radius: 6px; padding: 0.75rem; background: #fafaf8; }
.rc-option__name[b-jkhjycnrls] { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; color: #6b6b67; }
.rc-option__cost[b-jkhjycnrls] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1rem; font-weight: 700; margin: 0.125rem 0; }
.rc-option__desc[b-jkhjycnrls] { font-size: 0.75rem; color: #6b6b67; line-height: 1.4; }
.rc-option__timeline[b-jkhjycnrls] { font-size: 0.6875rem; color: #b57a1a; margin-top: 0.25rem; }
/* /Components/UI/Cards/RehireCycleCostCard.razor.rz.scp.css */
.rhc-card[b-ig7l4sdxmr] { border-left: 3px solid #b04a3a; }
.rhc-hero[b-ig7l4sdxmr] { text-align: center; padding: 0.5rem 0 0.75rem; }
.rhc-hero__value[b-ig7l4sdxmr] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.625rem; font-weight: 700; color: #1a1a17; }
.rhc-hero__label[b-ig7l4sdxmr] { font-size: 0.75rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 0.125rem; }
.rhc-breakdown[b-ig7l4sdxmr] { display: flex; flex-direction: column; gap: 0.375rem; padding-top: 0.5rem; border-top: 1px solid #e5e4e0; }
.rhc-row[b-ig7l4sdxmr] { display: flex; justify-content: space-between; font-size: 0.8125rem; }
.rhc-row__label[b-ig7l4sdxmr] { color: #6b6b67; }
.rhc-row__value[b-ig7l4sdxmr] { font-weight: 600; color: #1a1a17; }
/* /Components/UI/Cards/RequestCleanupCard.razor.rz.scp.css */
.rcl-approval[b-j8ws6sth8c] {
    margin-left: auto;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rcl-approval--ok[b-j8ws6sth8c] { background: #eaf3de; color: #2d6b1a; }
.rcl-approval--warn[b-j8ws6sth8c] { background: #fdf3e0; color: #b57a1a; }
.rcl-approval--bad[b-j8ws6sth8c] { background: #fdf0f0; color: #8a2222; }
.rcl-approval--neutral[b-j8ws6sth8c] { background: #f0eee7; color: #6b6b66; }

.rcl-section[b-j8ws6sth8c] {
    margin-bottom: 0.875rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #ece9e0;
}

.rcl-section:last-of-type[b-j8ws6sth8c] {
    border-bottom: none;
    margin-bottom: 0;
}

.rcl-section--highlight[b-j8ws6sth8c] {
    background: #f7f6f2;
    padding: 0.75rem 0.875rem;
    border-radius: 6px;
    border: 1px solid #ece9e0;
    border-bottom: 1px solid #ece9e0;
    margin-top: 0.5rem;
}

.rcl-section__title[b-j8ws6sth8c] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #6b6b66;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 0.5rem 0;
}

.rcl-section__strength[b-j8ws6sth8c] {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 0.4375rem;
}

.rcl-section__strength--ok[b-j8ws6sth8c] { background: #eaf3de; color: #2d6b1a; }
.rcl-section__strength--warn[b-j8ws6sth8c] { background: #fdf3e0; color: #b57a1a; }
.rcl-section__strength--bad[b-j8ws6sth8c] { background: #fdf0f0; color: #8a2222; }
.rcl-section__strength--neutral[b-j8ws6sth8c] { background: #f0eee7; color: #6b6b66; }

.rcl-section__body[b-j8ws6sth8c] {
    margin: 0;
    font-size: 0.8125rem;
    color: #1a1a18;
    line-height: 1.5;
}

.rcl-list[b-j8ws6sth8c] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    color: #1a1a18;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.rcl-list--numbered[b-j8ws6sth8c] {
    font-weight: 500;
}
/* /Components/UI/Cards/RevenuePerHireCard.razor.rz.scp.css */
.rph-card[b-947kjvd0iu] { border-left: 3px solid #3F7C79; }
.rph-grid[b-947kjvd0iu] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; text-align: center; margin-bottom: 0.625rem; }
.rph-metric__label[b-947kjvd0iu] { font-size: 0.6875rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 0.125rem; }
.rph-metric__value[b-947kjvd0iu] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.25rem; font-weight: 700; color: #1a1a17; }

.rph-risk[b-947kjvd0iu] { font-size: 0.875rem; color: #1a1a17; padding: 0.5rem 0.75rem; background: #fbf3eb; border-left: 2px solid #c97a3a; border-radius: 2px; margin-bottom: 0.5rem; }
.rph-risk strong[b-947kjvd0iu] { font-weight: 700; }

.rph-summary[b-947kjvd0iu] { font-size: 0.75rem; color: #6b6b67; line-height: 1.4; padding-top: 0.5rem; border-top: 1px solid #e5e4e0; }
/* /Components/UI/Cards/RevenueRoleAdjustmentsCard.razor.rz.scp.css */
.rra-risk-badge[b-ja23aczhkl] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 0.5rem;
}

.rra-risk-badge--concentration[b-ja23aczhkl] { background: #fdf3e0; color: #b57a1a; }

.rra-block[b-ja23aczhkl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.625rem 0;
    border-bottom: 1px solid #ece9e0;
}

.rra-block:first-of-type[b-ja23aczhkl] { padding-top: 0; }
.rra-block:last-of-type[b-ja23aczhkl] { border-bottom: none; }

.rra-block__label[b-ja23aczhkl] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #9b9b96;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rra-block__value[b-ja23aczhkl] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a18;
}

.rra-block__detail[b-ja23aczhkl] {
    font-size: 0.8125rem;
    color: #4b4b46;
    line-height: 1.5;
}

.rra-summary[b-ja23aczhkl] {
    margin-top: 0.75rem;
    padding: 0.625rem 0.75rem;
    background: #f7f6f2;
    border-radius: 4px;
    font-size: 0.8125rem;
    color: #4b4b46;
    line-height: 1.5;
}
/* /Components/UI/Cards/RoleViabilityFlag.razor.rz.scp.css */
.role-viability-flag__badge[b-bnuc4i8oae] {
    display: inline-block;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-sm);
    font-size: var(--fs-small);
    font-weight: 600;
    line-height: var(--lh-small);
}

.role-viability-flag__badge--strong[b-bnuc4i8oae] {
    background: #e8f5e2;
    color: #2d6b1a;
    border: 1px solid #c3e6b5;
}

.role-viability-flag__badge--mixed[b-bnuc4i8oae] {
    background: #fdf3e0;
    color: #b57a1a;
    border: 1px solid #f0ddb3;
}

.role-viability-flag__badge--weak[b-bnuc4i8oae] {
    background: #fce8e8;
    color: #8a2222;
    border: 1px solid #f0c3c3;
}

.role-viability-flag__details[b-bnuc4i8oae] {
    margin-top: var(--space-3);
}

.role-viability-flag__summary[b-bnuc4i8oae] {
    cursor: pointer;
    font-size: var(--fs-caption);
    color: var(--text-muted);
    user-select: none;
    padding: var(--space-1) 0;
}

.role-viability-flag__summary:hover[b-bnuc4i8oae] {
    color: var(--text-primary);
}

.role-viability-flag__concerns[b-bnuc4i8oae] {
    list-style: none;
    margin: var(--space-2) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.role-viability-flag__concern[b-bnuc4i8oae] {
    position: relative;
    padding-left: var(--space-4);
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    color: var(--text-secondary);
}

.role-viability-flag__concern[b-bnuc4i8oae]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--border-default, #e5e4e0);
}
/* /Components/UI/Cards/RunwayImpactCard.razor.rz.scp.css */
.ri-grid[b-pv7avpw7o2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 0.75rem; }
.ri-metric__label[b-pv7avpw7o2] { font-size: 0.6875rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.3px; }
.ri-metric__value[b-pv7avpw7o2] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.125rem; font-weight: 700; }
.ri-badge[b-pv7avpw7o2] { font-size: 0.625rem; font-weight: 600; padding: 1px 6px; border-radius: 99px; text-transform: uppercase; }
.ri-badge--safe[b-pv7avpw7o2] { background: #eaf3de; color: #2d6b1a; }
.ri-badge--caution[b-pv7avpw7o2] { background: #fdf3e0; color: #b57a1a; }
.ri-badge--critical[b-pv7avpw7o2] { background: #fdf0f0; color: #8a2222; }
.ri-card--critical[b-pv7avpw7o2] { border-left: 3px solid #8a2222; }
.ri-card--caution[b-pv7avpw7o2] { border-left: 3px solid #b57a1a; }
.ri-reduction[b-pv7avpw7o2] { margin-top: 0.75rem; font-size: 0.8125rem; color: #8a2222; font-weight: 500; }
/* /Components/UI/Cards/SearchRestartCostCard.razor.rz.scp.css */
.srs-card[b-7dcpi1deie] { border-left: 3px solid #c97a3a; }
.srs-hero[b-7dcpi1deie] { text-align: center; padding: 0.5rem 0 0.75rem; }
.srs-hero__value[b-7dcpi1deie] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.5rem; font-weight: 700; color: #1a1a17; }
.srs-hero__label[b-7dcpi1deie] { font-size: 0.75rem; color: #6b6b67; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 0.125rem; }
.srs-breakdown[b-7dcpi1deie] { display: flex; flex-direction: column; gap: 0.375rem; padding: 0.5rem 0; border-top: 1px solid #e5e4e0; }
.srs-row[b-7dcpi1deie] { display: flex; justify-content: space-between; font-size: 0.8125rem; }
.srs-row__label[b-7dcpi1deie] { color: #6b6b67; }
.srs-row__value[b-7dcpi1deie] { font-weight: 600; color: #1a1a17; }
.srs-detail[b-7dcpi1deie] { font-size: 0.75rem; color: #9b9b96; text-align: center; padding-top: 0.5rem; border-top: 1px solid #e5e4e0; }
/* /Components/UI/Cards/ShareBriefModal.razor.rz.scp.css */
/* ShareBriefModal — share link modal with privacy toggles */

.share-modal__backdrop[b-vxfo670bt0] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.share-modal[b-vxfo670bt0] {
    background: white;
    border-radius: 8px;
    width: 100%;
    max-width: 28rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

/* Header */

.share-modal__header[b-vxfo670bt0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e5e4e0;
}

.share-modal__title[b-vxfo670bt0] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a18;
    margin: 0;
}

.share-modal__close[b-vxfo670bt0] {
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    color: #9b9b96;
    cursor: pointer;
    padding: 0 0.25rem;
    transition: color 0.15s;
}

.share-modal__close:hover[b-vxfo670bt0] {
    color: #1a1a18;
}

/* Body */

.share-modal__body[b-vxfo670bt0] {
    padding: 1.25rem;
}

.share-modal__label[b-vxfo670bt0] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b6b67;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.375rem;
}

.share-modal__url-row[b-vxfo670bt0] {
    display: flex;
    gap: 0.5rem;
}

.share-modal__url-input[b-vxfo670bt0] {
    flex: 1;
    font-family: 'SF Mono', 'Cascadia Code', monospace;
    font-size: 0.8125rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e5e4e0;
    border-radius: 4px;
    background: #fafaf8;
    color: #1a1a18;
    min-width: 0;
}

.share-modal__copy-btn[b-vxfo670bt0] {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border: 1px solid #3F7C79;
    border-radius: 4px;
    background: #3F7C79;
    color: white;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
}

.share-modal__copy-btn:hover[b-vxfo670bt0] {
    background: #356a67;
}

/* Link preview — mimics how the unfurl renders in Slack/LinkedIn/email */

.share-modal__preview[b-vxfo670bt0] {
    margin-top: 1.25rem;
}

.share-modal__preview-card[b-vxfo670bt0] {
    margin-top: 0.375rem;
    border: 1px solid #e5e4e0;
    border-radius: 6px;
    overflow: hidden;
    background: #fafaf8;
}

.share-modal__preview-img[b-vxfo670bt0] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1200 / 630;
    object-fit: cover;
    background: #ffffff;
}

.share-modal__preview-text[b-vxfo670bt0] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.625rem 0.75rem;
    border-top: 1px solid #e5e4e0;
}

.share-modal__preview-title[b-vxfo670bt0] {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1a1a18;
    line-height: 1.3;
}

.share-modal__preview-desc[b-vxfo670bt0] {
    font-size: 0.75rem;
    color: #6b6b67;
    line-height: 1.35;
}

/* Toggles */

.share-modal__toggles[b-vxfo670bt0] {
    border: none;
    padding: 0;
    margin: 1.25rem 0 0;
    min-inline-size: 0;
}

.share-modal__toggles-legend[b-vxfo670bt0] {
    font-size: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.share-modal__toggle-row[b-vxfo670bt0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    cursor: pointer;
    font-size: 0.875rem;
    color: #1a1a18;
}

.share-modal__toggle-row + .share-modal__toggle-row[b-vxfo670bt0] {
    border-top: 1px solid #f4f3f0;
}

.share-modal__toggle-input[b-vxfo670bt0] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.share-modal__toggle-track[b-vxfo670bt0] {
    position: relative;
    width: 2.5rem;
    height: 1.375rem;
    background: #e5e4e0;
    border-radius: 99px;
    flex-shrink: 0;
    transition: background 0.2s;
}

.share-modal__toggle-input:checked + .share-modal__toggle-track[b-vxfo670bt0] {
    background: #3F7C79;
}

.share-modal__toggle-knob[b-vxfo670bt0] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 1.125rem;
    height: 1.125rem;
    background: white;
    border-radius: 50%;
    transition: transform 0.2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.share-modal__toggle-input:checked + .share-modal__toggle-track .share-modal__toggle-knob[b-vxfo670bt0] {
    transform: translateX(1.125rem);
}

/* Note */

.share-modal__note[b-vxfo670bt0] {
    font-size: 0.75rem;
    color: #9b9b96;
    margin: 1rem 0 0;
}

/* Footer */

.share-modal__footer[b-vxfo670bt0] {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #e5e4e0;
}

.share-modal__revoke[b-vxfo670bt0] {
    background: none;
    border: none;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.8125rem;
    color: #8a2222;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.15s;
}

.share-modal__revoke:hover[b-vxfo670bt0] {
    color: #6b1616;
}

/* Responsive */

@media (max-width: 480px) {
    .share-modal[b-vxfo670bt0] {
        max-width: none;
    }

    .share-modal__url-row[b-vxfo670bt0] {
        flex-direction: column;
    }
}
/* /Components/UI/Cards/ShowSources.razor.rz.scp.css */
/* Show the Sources — data provenance panel */

.show-sources[b-33ovw19z7r] {
    margin-top: 0.5rem;
    border: 1px solid #e5e4e0;
    border-radius: 8px;
    background: #fafaf8;
    overflow: hidden;
    padding: 0;
}

.show-sources__toggle[b-33ovw19z7r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #3F7C79;
    padding: 0.625rem 1rem;
    list-style: none;
    transition: background 0.15s;
}

.show-sources__toggle:hover[b-33ovw19z7r] {
    background: #f0efec;
}

.show-sources__toggle[b-33ovw19z7r]::-webkit-details-marker {
    display: none;
}

.show-sources__toggle[b-33ovw19z7r]::before {
    content: '\25B6';
    font-size: 0.5rem;
    color: #3F7C79;
    transition: transform 0.2s;
}

.show-sources[open] .show-sources__toggle[b-33ovw19z7r]::before {
    transform: rotate(90deg);
}

.show-sources__count[b-33ovw19z7r] {
    font-weight: 400;
    color: #9b9b96;
    font-size: 0.75rem;
}

.show-sources__summary[b-33ovw19z7r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid #e5e4e0;
    border-bottom: 1px solid #e5e4e0;
    background: white;
}

.show-sources__group[b-33ovw19z7r] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #6b6b67;
}

.show-sources__group-count[b-33ovw19z7r] {
    background: #f4f3f0;
    border-radius: 99px;
    padding: 0 6px;
    font-weight: 600;
    font-size: 0.6875rem;
}

.show-sources__detail[b-33ovw19z7r] {
    padding: 0.5rem 1rem;
}

.show-sources__entry[b-33ovw19z7r] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.5rem 0;
    font-size: 0.8125rem;
}

.show-sources__entry + .show-sources__entry[b-33ovw19z7r] {
    border-top: 1px solid #f4f3f0;
}

.show-sources__entry-content[b-33ovw19z7r] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex: 1;
}

.show-sources__label[b-33ovw19z7r] {
    color: #1a1a18;
    line-height: 1.4;
}

.show-sources__entry-detail[b-33ovw19z7r] {
    font-size: 0.75rem;
    color: #9b9b96;
}

.show-sources__freshness[b-33ovw19z7r] {
    font-size: 0.6875rem;
    color: #c8c7c2;
    font-style: italic;
}

.show-sources__dot[b-33ovw19z7r] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 0.4rem;
}

.show-sources__dot--company[b-33ovw19z7r] { background: #16a34a; }
.show-sources__dot--benchmark[b-33ovw19z7r] { background: #2563eb; }
.show-sources__dot--research[b-33ovw19z7r] { background: #2563eb; }
.show-sources__dot--estimated[b-33ovw19z7r] { background: #d97706; }
.show-sources__dot--directional[b-33ovw19z7r] { background: #9b9b96; }

.show-sources__expand[b-33ovw19z7r] {
    display: block;
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #e5e4e0;
    border-radius: 6px;
    background: white;
    color: #3F7C79;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    margin-top: 0.5rem;
    transition: background 0.15s;
}

.show-sources__expand:hover[b-33ovw19z7r] {
    background: #f4f3f0;
}

.show-sources__legend[b-33ovw19z7r] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    padding: 0.625rem 1rem;
    font-size: 0.6875rem;
    color: #9b9b96;
    border-top: 1px solid #e5e4e0;
    background: white;
}

.show-sources__legend-item[b-33ovw19z7r] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
/* /Components/UI/Cards/TopDriversCard.razor.rz.scp.css */
.td-list[b-xgl3c6sxbv] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.td-list__item[b-xgl3c6sxbv] {
    padding: 0.75rem 0;
}

.td-list__item + .td-list__item[b-xgl3c6sxbv] {
    border-top: 1px solid #e5e4e0;
}

.td-list__header[b-xgl3c6sxbv] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.375rem;
}

.td-list__name[b-xgl3c6sxbv] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a18;
}

.td-list__amount[b-xgl3c6sxbv] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a18;
    font-family: 'Source Serif 4', Georgia, serif;
}

.td-list__bar[b-xgl3c6sxbv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.td-list__bar-track[b-xgl3c6sxbv] {
    flex: 1;
    height: 0.5rem;
    background: #e5e4e0;
    border-radius: 4px;
    overflow: hidden;
}

.td-list__bar-fill[b-xgl3c6sxbv] {
    height: 100%;
    background: #3F7C79;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.td-list__bar-pct[b-xgl3c6sxbv] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #3F7C79;
    min-width: 2rem;
    text-align: right;
}

.td-list__explanation[b-xgl3c6sxbv] {
    font-size: 0.75rem;
    color: #6b6b67;
    line-height: 1.5;
}
/* /Components/UI/Cards/TurnoverCostCard.razor.rz.scp.css */
.tc-total[b-r6xwg0194r] { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.5rem; font-weight: 700; }
.tc-subtitle[b-r6xwg0194r] { font-size: 0.75rem; color: #6b6b67; margin-bottom: 0.75rem; }
.tc-badge[b-r6xwg0194r] { font-size: 0.625rem; font-weight: 600; padding: 1px 6px; border-radius: 99px; text-transform: uppercase; }
.tc-badge--regrettable[b-r6xwg0194r] { background: #fdf0f0; color: #8a2222; }
.tc-breakdown[b-r6xwg0194r] { border-top: 1px solid #e5e4e0; padding-top: 0.5rem; }
.tc-row[b-r6xwg0194r] { display: flex; justify-content: space-between; font-size: 0.8125rem; padding: 0.25rem 0; }
.tc-amount[b-r6xwg0194r] { font-weight: 600; font-variant-numeric: tabular-nums; }
.tc-note[b-r6xwg0194r] { margin-top: 0.75rem; font-size: 0.75rem; color: #6b6b67; font-style: italic; }
/* /Components/UI/Cards/VacancyCostHero.razor.rz.scp.css */
.vacancy-hero[b-dzr201b53o] {
    text-align: center;
    padding: 2rem 1.5rem;
    background: linear-gradient(135deg, #f0f9f8, #e1f0ef);
    border: 1px solid #b2d9d7;
}

.vacancy-hero__amount[b-dzr201b53o] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a18;
    line-height: 1.1;
}

.vacancy-hero__label[b-dzr201b53o] {
    font-size: 0.875rem;
    color: #6b6b67;
    margin-top: 0.25rem;
}

.vacancy-hero__accumulated[b-dzr201b53o] {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid #c8e8e5;
    font-size: 0.8125rem;
    color: #6b6b67;
}

.vacancy-hero__accumulated-amount[b-dzr201b53o] {
    font-weight: 600;
    color: #8a2222;
}
/* /Components/UI/Chat/ChatContainer.razor.rz.scp.css */
.chat-container[b-1kgnihswu9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0; /* Required for flex children to scroll correctly */
}

/* Scrollable message area — takes remaining height above the input footer */
.chat-messages[b-1kgnihswu9] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-5) var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    scroll-behavior: smooth;
    /* Thin, unobtrusive scrollbar on supporting browsers */
    scrollbar-width: thin;
    scrollbar-color: var(--border) transparent;
}

.chat-messages[b-1kgnihswu9]::-webkit-scrollbar {
    width: 4px;
}

.chat-messages[b-1kgnihswu9]::-webkit-scrollbar-track {
    background: transparent;
}

.chat-messages[b-1kgnihswu9]::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 99px;
}

/* Individual message row wrapper — ensures correct spacing */
.chat-message-row[b-1kgnihswu9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

/* Empty state */
.chat-empty[b-1kgnihswu9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--space-7) var(--space-5);
    gap: var(--space-3);
}

.chat-empty__heading[b-1kgnihswu9] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2);
    font-weight: var(--fw-semibold);
    color: var(--text);
    margin: 0;
}

.chat-empty__sub[b-1kgnihswu9] {
    font-size: var(--fs-body);
    color: var(--text-muted);
    max-width: 50ch;
    margin: 0 0 var(--space-4) 0;
    line-height: var(--lh-body);
}

/* Decision Starts grid */
[b-1kgnihswu9] .decision-starts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
    max-width: 540px;
    width: 100%;
}

[b-1kgnihswu9] .decision-start-card {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    font-family: var(--font-body);
}

[b-1kgnihswu9] .decision-start-card:hover {
    border-color: var(--accent-600, #3F7C79);
    box-shadow: 0 2px 8px rgba(63, 124, 121, 0.12);
}

[b-1kgnihswu9] .decision-start-card__title {
    font-weight: var(--fw-semibold);
    font-size: var(--fs-body);
    color: var(--text);
}

[b-1kgnihswu9] .decision-start-card__desc {
    font-size: var(--fs-small);
    color: var(--text-muted);
    line-height: 1.3;
}

/* Cycling prompt */
[b-1kgnihswu9] .cycling-prompt {
    margin-top: var(--space-5);
    display: flex;
    align-items: baseline;
    gap: var(--space-2, 8px);
    font-size: var(--fs-small);
    color: var(--text-muted);
}

[b-1kgnihswu9] .cycling-prompt__label {
    white-space: nowrap;
}

[b-1kgnihswu9] .cycling-prompt__text {
    background: none;
    border: none;
    color: var(--accent-600, #3F7C79);
    cursor: pointer;
    font-family: var(--font-body);
    font-size: var(--fs-small);
    font-style: italic;
    padding: 0;
    text-align: left;
}

[b-1kgnihswu9] .cycling-prompt__text:hover {
    text-decoration: underline;
}

@media (max-width: 500px) {
    [b-1kgnihswu9] .decision-starts {
        grid-template-columns: 1fr;
    }
}

/* Input area pinned to the bottom */
.chat-input-area[b-1kgnihswu9] {
    flex-shrink: 0;
    padding: var(--space-3) var(--space-4) var(--space-4);
    border-top: 1px solid var(--border);
    background: var(--bg);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.chat-input-area__disclaimer[b-1kgnihswu9] {
    margin: 0;
    font-size: var(--fs-caption);
    color: var(--text-subtle);
    text-align: center;
    line-height: var(--lh-caption);
}

/* Legal links shown below input for unauthenticated users */
.chat-legal-links[b-1kgnihswu9] {
    margin: 0;
    font-size: 11px;
    color: #9b9b96;
    text-align: center;
    line-height: 1.4;
}

.chat-legal-links a[b-1kgnihswu9] {
    color: #9b9b96;
    text-decoration: none;
}

.chat-legal-links a:hover[b-1kgnihswu9] {
    text-decoration: underline;
    color: #6b6b67;
}

/* One-time unauthenticated disclaimer shown before the first engine result */
.free-disclaimer[b-1kgnihswu9] {
    background: #fffbf0;
    border: 1px solid #e8d9a0;
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-3);
}

.free-disclaimer p[b-1kgnihswu9] {
    font-size: var(--fs-small);
    color: #5a4a00;
    line-height: 1.5;
    margin: 0;
}

.free-disclaimer a[b-1kgnihswu9] {
    color: #3F7C79;
    text-decoration: underline;
}

/* The ThinkingIndicator sits inside an assistant-style row */
.chat-message--assistant .chat-message__body[b-1kgnihswu9] {
    /* Allow ThinkingIndicator to appear as inline content */
    display: flex;
    flex-direction: column;
}

@media (max-width: 600px) {
    .chat-messages[b-1kgnihswu9] {
        padding: var(--space-4) var(--space-3);
        gap: var(--space-4);
    }

    .chat-input-area[b-1kgnihswu9] {
        padding: var(--space-3);
    }
}
/* /Components/UI/Chat/ChatGateMessage.razor.rz.scp.css */
.chat-gate[b-77iqvq768n] {
    position: relative;
    background: var(--surface, #ffffff);
    border: 1px solid #3F7C79;
    border-radius: var(--radius-lg, 12px);
    padding: var(--space-5, 1.25rem) var(--space-5, 1.25rem) var(--space-4, 1rem);
    overflow: hidden;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
}

.chat-gate__accent[b-77iqvq768n] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #3F7C79;
}

.chat-gate__headline[b-77iqvq768n] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a18;
    margin: 0 0 var(--space-2, 0.5rem);
}

.chat-gate__copy[b-77iqvq768n] {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.875rem;
    line-height: 1.6;
    color: #44443f;
    margin: 0 0 var(--space-4, 1rem);
    max-width: 46ch;
}

.chat-gate__actions[b-77iqvq768n] {
    display: flex;
    align-items: center;
    gap: var(--space-4, 1rem);
    flex-wrap: wrap;
}

.chat-gate__btn[b-77iqvq768n] {
    display: inline-block;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background: #3F7C79;
    border: 1px solid #3F7C79;
    border-radius: 4px;
    padding: 0.5rem 1.125rem;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
}

.chat-gate__btn:hover[b-77iqvq768n] {
    background: #346663;
    border-color: #346663;
    color: #ffffff;
}

.chat-gate__link[b-77iqvq768n] {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #3F7C79;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.chat-gate__link:hover[b-77iqvq768n] {
    color: #1a1a18;
}

.chat-gate__signup[b-77iqvq768n] {
    margin-top: var(--space-5, 1.25rem);
    padding-top: var(--space-4, 1rem);
    border-top: 1px solid #e5e4e0;
}
/* /Components/UI/Chat/ChatInput.razor.rz.scp.css */
.chat-input-form[b-4vsaxv5ft1] {
    width: 100%;
}

.chat-input-wrap[b-4vsaxv5ft1] {
    display: flex;
    align-items: flex-end;
    gap: var(--space-2);
    background: var(--surface);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-lg);
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.chat-input-wrap:focus-within[b-4vsaxv5ft1] {
    border-color: var(--accent-600);
    box-shadow: var(--focus-ring);
}

.chat-input-wrap--disabled[b-4vsaxv5ft1] {
    opacity: 0.6;
    pointer-events: none;
}

.chat-input[b-4vsaxv5ft1] {
    flex: 1;
    border: none;
    background: transparent;
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text);
    resize: none;
    outline: none;
    padding: var(--space-2) 0;
    min-height: 28px;
    max-height: 160px;
    overflow-y: auto;
    /* Placeholder animation: opacity transition controlled by JS */
    transition: opacity 0.3s ease;
}

.chat-input[b-4vsaxv5ft1]::placeholder {
    color: var(--text-subtle);
    font-style: italic;
}

.chat-input:disabled[b-4vsaxv5ft1] {
    cursor: not-allowed;
    color: var(--text-muted);
}

.chat-send-btn[b-4vsaxv5ft1] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    border: none;
    background: var(--accent-600);
    color: var(--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, opacity 0.15s ease;
}

.chat-send-btn:hover[b-4vsaxv5ft1] {
    background: var(--accent-700);
}

.chat-send-btn--disabled[b-4vsaxv5ft1] {
    background: var(--surface-2);
    color: var(--text-subtle);
    cursor: not-allowed;
}

.chat-send-btn:focus-visible[b-4vsaxv5ft1] {
    outline: none;
    box-shadow: var(--focus-ring);
}
/* /Components/UI/Chat/ChatMessageAssistant.razor.rz.scp.css */
.chat-message--assistant[b-gd9c7yqp17] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

.chat-message__avatar[b-gd9c7yqp17] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--accent-600);
    color: var(--surface);
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: var(--fw-semibold);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.chat-message__body[b-gd9c7yqp17] {
    flex: 1;
    min-width: 0;
    max-width: 80%;
}

.chat-message__prose[b-gd9c7yqp17] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm) var(--radius-lg) var(--radius-lg) var(--radius-lg);
    padding: var(--space-4);
    box-shadow: var(--shadow-sm);
}

/* Prose content resets */
.chat-message__prose p[b-gd9c7yqp17] {
    margin: 0 0 var(--space-2);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text);
}

.chat-message__prose p:last-child[b-gd9c7yqp17] {
    margin-bottom: 0;
}

.chat-message__prose ul[b-gd9c7yqp17],
.chat-message__prose ol[b-gd9c7yqp17] {
    margin: 0 0 var(--space-2);
    padding-left: var(--space-5);
}

.chat-message__prose li[b-gd9c7yqp17] {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text);
    margin-bottom: var(--space-1);
}

.chat-message__prose strong[b-gd9c7yqp17] {
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.chat-message__prose em[b-gd9c7yqp17] {
    font-style: italic;
}

@media (max-width: 600px) {
    .chat-message__body[b-gd9c7yqp17] {
        max-width: 92%;
    }
}
/* /Components/UI/Chat/ChatMessageUser.razor.rz.scp.css */
.chat-message--user[b-v11j42yc6y] {
    display: flex;
    justify-content: flex-end;
}

.chat-message--user .chat-message__bubble[b-v11j42yc6y] {
    max-width: 70%;
    background: var(--brand-800);
    color: var(--surface);
    border-radius: var(--radius-lg) var(--radius-lg) var(--space-1) var(--radius-lg);
    padding: var(--space-3) var(--space-4);
}

.chat-message--user .chat-message__text[b-v11j42yc6y] {
    margin: 0;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 600px) {
    .chat-message--user .chat-message__bubble[b-v11j42yc6y] {
        max-width: 88%;
    }
}
/* /Components/UI/Chat/FeedbackButtons.razor.rz.scp.css */
.feedback-buttons[b-qmazlr7t9h] {
    margin-top: 1rem;
    padding: 0.625rem 0.875rem;
    background: #f7f6f2;
    border-radius: 6px;
    border: 1px solid #ece9e0;
}

.feedback-buttons__prompt[b-qmazlr7t9h] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #4b4b46;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.feedback-buttons__row[b-qmazlr7t9h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.feedback-buttons__btn[b-qmazlr7t9h] {
    padding: 0.3125rem 0.625rem;
    background: white;
    border: 1px solid #d4d2cc;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #1a1a18;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.feedback-buttons__btn:hover:not(:disabled)[b-qmazlr7t9h] {
    background: #f0eee7;
    border-color: #b6b3a8;
}

.feedback-buttons__btn:disabled[b-qmazlr7t9h] {
    opacity: 0.6;
    cursor: not-allowed;
}

.feedback-buttons__btn--primary[b-qmazlr7t9h] {
    background: #3F7C79;
    color: white;
    border-color: #3F7C79;
}

.feedback-buttons__btn--primary:hover:not(:disabled)[b-qmazlr7t9h] {
    background: #2f6663;
    border-color: #2f6663;
}

.feedback-buttons__btn--skip[b-qmazlr7t9h] {
    color: #6b6b66;
}

.feedback-buttons__detail-input[b-qmazlr7t9h] {
    width: 100%;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0.625rem;
    border: 1px solid #d4d2cc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 0.8125rem;
    color: #1a1a18;
    resize: vertical;
    box-sizing: border-box;
}

.feedback-buttons__detail-input:focus[b-qmazlr7t9h] {
    outline: none;
    border-color: #3F7C79;
}

.feedback-buttons__counter[b-qmazlr7t9h] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.6875rem;
    color: #9b9b96;
    text-align: right;
}

.feedback-buttons--thanks[b-qmazlr7t9h] {
    font-size: 0.8125rem;
    color: #2d6b1a;
    font-weight: 500;
}

.feedback-buttons--answer[b-qmazlr7t9h] {
    background: transparent;
    border: none;
    padding: 0.25rem 0;
}

.feedback-buttons--answer .feedback-buttons__prompt[b-qmazlr7t9h] {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    color: #6b6b66;
}
/* /Components/UI/Chat/ThinkingIndicator.razor.rz.scp.css */
.thinking-indicator[b-vcg4shbpax] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
}

/* The R glyph path total approximate length for the stroke-dash animation.
   Measured visually; 120 gives a clean draw cycle at this viewBox scale. */
.thinking-r-path[b-vcg4shbpax] {
    stroke-dasharray: 120;
    stroke-dashoffset: 120;
    animation: thinking-draw-b-vcg4shbpax 1.5s ease-in-out infinite;
}

@keyframes thinking-draw-b-vcg4shbpax {
    0%   { stroke-dashoffset: 120; opacity: 0.5; }
    40%  { stroke-dashoffset: 0;   opacity: 1;   }
    70%  { stroke-dashoffset: 0;   opacity: 1;   }
    100% { stroke-dashoffset: -120; opacity: 0.3; }
}

.thinking-text[b-vcg4shbpax] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    font-family: var(--font-body);
    animation: thinking-fade-b-vcg4shbpax 1.5s ease-in-out infinite;
}

@keyframes thinking-fade-b-vcg4shbpax {
    0%, 100% { opacity: 0.5; }
    50%       { opacity: 1;   }
}
/* /Components/UI/CheckInReminder.razor.rz.scp.css */
.checkin-reminder[b-e6z326r0yf] { display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; background: #fff8e1; border: 1px solid #ffe082; border-radius: 6px; margin-bottom: 1rem; font-size: 0.9rem; }
.checkin-reminder__icon[b-e6z326r0yf] { font-size: 1.1rem; }
.checkin-reminder__text[b-e6z326r0yf] { font-weight: 500; }
.checkin-reminder__link[b-e6z326r0yf] { color: #3F7C79; text-decoration: underline; margin-left: auto; }
/* /Components/UI/ConfidenceIndicator.razor.rz.scp.css */
.confidence-wrap[b-io3j7skm4q] {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-left: var(--space-1);
    cursor: default;
}

.confidence-dot[b-io3j7skm4q] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.confidence-dot--blue[b-io3j7skm4q]   { background: #2F5B7C; }
.confidence-dot--orange[b-io3j7skm4q] { background: #C3A04E; }

/* CSS-only tooltip via :hover on the wrapper */
.confidence-wrap[b-io3j7skm4q]::after {
    content: attr(aria-label);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    padding: var(--space-2) var(--space-3);
    background: var(--brand-900);
    color: var(--surface);
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
    border-radius: var(--radius-sm);
    white-space: normal;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
    z-index: 10;
}

.confidence-wrap:hover[b-io3j7skm4q]::after {
    opacity: 1;
}
/* /Components/UI/Dashboard/DriftAlerts.razor.rz.scp.css */
.drift-alerts[b-ewvean9t3f] { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.5rem; }
.drift-alert[b-ewvean9t3f] { display: flex; align-items: center; padding: 0.75rem 1rem; border-radius: 6px; font-size: 0.9rem; }
.drift-alert--urgent[b-ewvean9t3f] { background: #ffebee; border: 1px solid #ef9a9a; }
.drift-alert--warning[b-ewvean9t3f] { background: #fff8e1; border: 1px solid #ffe082; }
.drift-alert--info[b-ewvean9t3f] { background: #e3f2fd; border: 1px solid #90caf9; }
.drift-alert__content[b-ewvean9t3f] { flex: 1; }
.drift-alert__title[b-ewvean9t3f] { font-weight: 600; display: block; }
.drift-alert__desc[b-ewvean9t3f] { color: #666; font-size: 0.85rem; }
.drift-alert__dismiss[b-ewvean9t3f] { font-size: 0.8rem; color: #666; background: none; border: 1px solid #ddd; border-radius: 4px; padding: 0.25rem 0.5rem; cursor: pointer; }
/* /Components/UI/Dashboard/FilterMultiSelect.razor.rz.scp.css */
.filter-multiselect[b-66xufym6ek] { position: relative; display: inline-block; }
.filter-multiselect__toggle[b-66xufym6ek] { font-size: 0.85rem; padding: 0.35rem 0.75rem; border: 1px solid #e5e4e0; border-radius: 6px; background: #fff; cursor: pointer; color: #1a1a18; }
.filter-multiselect__toggle:hover[b-66xufym6ek] { border-color: #3F7C79; }
.filter-multiselect__caret[b-66xufym6ek] { margin-left: 0.35rem; font-size: 0.7rem; color: #6b6b67; }
.filter-multiselect__menu[b-66xufym6ek] { position: absolute; top: calc(100% + 4px); left: 0; z-index: 20; min-width: 180px; max-height: 240px; overflow-y: auto; border: 1px solid #e5e4e0; border-radius: 6px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); padding: 0.4rem; }
.filter-multiselect__option[b-66xufym6ek] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; padding: 0.25rem 0.4rem; border-radius: 4px; cursor: pointer; }
.filter-multiselect__option:hover[b-66xufym6ek] { background: #f5f4f2; }
.filter-multiselect__empty[b-66xufym6ek] { margin: 0; padding: 0.25rem 0.4rem; font-size: 0.8rem; color: #999; }
/* /Components/UI/Dashboard/InsightCallouts.razor.rz.scp.css */
.insight-callouts[b-rg85tcqc3b] { margin-top: 1.5rem; }
.insight-callouts__title[b-rg85tcqc3b] { font-family: 'Source Serif 4', serif; font-size: 1.1rem; margin: 0 0 0.75rem; }
.insight-callout[b-rg85tcqc3b] { padding: 0.75rem 1rem; border-radius: 6px; margin-bottom: 0.5rem; }
.insight-callout--success[b-rg85tcqc3b] { background: #e8f5e9; border-left: 3px solid #2e7d32; }
.insight-callout--warning[b-rg85tcqc3b] { background: #fff8e1; border-left: 3px solid #f57f17; }
.insight-callout--info[b-rg85tcqc3b] { background: #e3f2fd; border-left: 3px solid #1565c0; }
.insight-callout__metric[b-rg85tcqc3b] { display: block; font-size: 0.75rem; color: #999; text-transform: uppercase; letter-spacing: 0.05em; }
.insight-callout__title[b-rg85tcqc3b] { display: block; font-weight: 600; font-size: 0.95rem; }
.insight-callout__body[b-rg85tcqc3b] { display: block; font-size: 0.85rem; color: #666; margin-top: 0.15rem; }
/* /Components/UI/Dashboard/SummaryCards.razor.rz.scp.css */
.summary-cards[b-00f5s6jpwi] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
/* min-width: 0 — grid items default to min-width: auto, so an unwrappable value like
   "$243,500" widens the card past its 1fr cell and forces horizontal page scroll. */
.summary-card[b-00f5s6jpwi] { position: relative; padding: 1rem; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; min-width: 0; }
/* The InfoTip wrapper replaces the label's block flow; position: static hands the bubble's
   containing block to .summary-card so it spans the full card width and never clips at
   grid edges. The label keeps its own margin-bottom (contributes to flex-container height). */
.summary-card[b-00f5s6jpwi]  .infotip { display: flex; align-items: baseline; position: static; }
.summary-card[b-00f5s6jpwi]  .infotip__bubble { left: 0; right: 0; width: auto; max-width: none; transform: none; }
.summary-card__label[b-00f5s6jpwi] { display: block; font-size: 0.8rem; color: #666; margin-bottom: 0.25rem; }
.summary-card__value[b-00f5s6jpwi] { font-size: 1.5rem; font-weight: 700; overflow-wrap: anywhere; }
.summary-card__value--green[b-00f5s6jpwi] { color: #2e7d32; }
.summary-card__value--yellow[b-00f5s6jpwi] { color: #f57f17; }
.summary-card__value--red[b-00f5s6jpwi] { color: #c62828; }
.summary-card__trend[b-00f5s6jpwi] { font-size: 0.9rem; margin-left: 0.25rem; }
.summary-card__trend--up[b-00f5s6jpwi] { color: #2e7d32; }
.summary-card__trend--down[b-00f5s6jpwi] { color: #c62828; }
.summary-card__source-list[b-00f5s6jpwi] { list-style: none; margin: 0; padding: 0; }
.summary-card__source-row[b-00f5s6jpwi] { display: flex; justify-content: space-between; gap: 0.5rem; font-size: 0.85rem; padding: 0.1rem 0; }
.summary-card__source-name[b-00f5s6jpwi] { color: #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.summary-card__source-value[b-00f5s6jpwi] { font-weight: 600; }
@media (max-width: 768px) { .summary-cards[b-00f5s6jpwi] { grid-template-columns: repeat(2, 1fr); } }
/* Below 480px a 2-up cell (~124px at 375px viewport) cannot hold a 1.5rem dollar value
   without a mid-number wrap, so cards go single-column. */
@media (max-width: 480px) { .summary-cards[b-00f5s6jpwi] { grid-template-columns: 1fr; } }
/* /Components/UI/Dashboard/TrendChart.razor.rz.scp.css */
.trend-chart[b-i98i5qjsc6] { margin-bottom: 1.5rem; }
.trend-chart__header[b-i98i5qjsc6] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.trend-chart__title[b-i98i5qjsc6] { font-family: 'Source Serif 4', serif; font-size: 1rem; margin: 0; }
/* Left-anchor the tooltip bubble: the title sits at the page's left edge, where a
   centered bubble could clip off-viewport on narrow screens. */
.trend-chart__title[b-i98i5qjsc6]  .infotip__bubble { left: 0; transform: none; }
.trend-chart__range[b-i98i5qjsc6] { font-size: 0.8rem; padding: 0.25rem 0.5rem; }
.trend-chart__svg[b-i98i5qjsc6] { width: 100%; max-width: 600px; height: auto; }
.trend-chart__point[b-i98i5qjsc6] { cursor: pointer; }
.trend-chart__point--expanded[b-i98i5qjsc6] { stroke: #1a1a18; stroke-width: 2; }
.trend-chart__details[b-i98i5qjsc6] { border: 1px solid #e5e4e0; border-radius: 6px; padding: 0.75rem 1rem; margin-top: 0.5rem; background: #fafafa; }
.trend-chart__details-title[b-i98i5qjsc6] { margin: 0 0 0.5rem; font-size: 0.85rem; color: #3F7C79; }
.trend-chart__details-list[b-i98i5qjsc6] { list-style: none; margin: 0; padding: 0; }
.trend-chart__details-row[b-i98i5qjsc6] { display: flex; justify-content: space-between; gap: 1rem; font-size: 0.85rem; padding: 0.15rem 0; }
.trend-chart__details-row a[b-i98i5qjsc6] { color: #3F7C79; }
.trend-chart__details-value[b-i98i5qjsc6] { font-weight: 600; }
.trend-chart--empty[b-i98i5qjsc6] { padding: 1.5rem; text-align: center; color: #999; background: #fafafa; border-radius: 6px; }
.trend-chart--empty p[b-i98i5qjsc6] { margin: 0.5rem 0 0; font-size: 0.9rem; }
/* /Components/UI/FileDropZone.razor.rz.scp.css */
.file-drop-zone[b-czmi6copok] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    padding: var(--space-5);
    border: 2px dashed var(--border-strong);
    border-radius: var(--radius-md);
    background: var(--surface-2);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}

.file-drop-zone:hover[b-czmi6copok],
.file-drop-zone--active[b-czmi6copok] {
    border-color: var(--accent-600);
    background: var(--accent-50);
}

.file-drop-zone__input[b-czmi6copok] {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}

.file-drop-zone__text[b-czmi6copok] {
    font-weight: var(--fw-medium);
    color: var(--text);
}

.file-drop-zone__hint[b-czmi6copok] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    margin-top: var(--space-1);
}

.file-drop-zone__list[b-czmi6copok] {
    list-style: none;
    margin: var(--space-4) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.file-drop-zone__item[b-czmi6copok] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: var(--fs-small);
}

.file-drop-zone__item-name[b-czmi6copok] {
    flex: 1 1 120px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-drop-zone__label[b-czmi6copok],
.file-drop-zone__candidate[b-czmi6copok] {
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    font-size: var(--fs-small);
}

.file-drop-zone__remove[b-czmi6copok] {
    padding: var(--space-1) var(--space-2);
    font-size: var(--fs-small);
    color: var(--text-muted);
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: var(--radius-sm);
}

.file-drop-zone__remove:hover[b-czmi6copok] {
    color: #9f1239;
    background: var(--surface-2);
}
/* /Components/UI/FormField.razor.rz.scp.css */
.form-field[b-xfgtebrg90] {
    display: grid;
    gap: var(--space-1);
}

.form-field__label[b-xfgtebrg90] {
    font-weight: var(--fw-medium);
}

.form-field__error[b-xfgtebrg90] {
    color: #9f1239;
    margin: 0;
    font-size: var(--fs-caption);
}
/* /Components/UI/GradientBox.razor.rz.scp.css */
.gradient-box[b-laiwi0fdgj] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    width: var(--gradientbox-w);
    min-height: var(--gradientbox-h);
    border-radius: var(--gradientbox-radius);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.gradient-box__bands[b-laiwi0fdgj] {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
}

.gradient-box__band[b-laiwi0fdgj] {
    border-bottom: 1px solid var(--band-sep-dark);
}

.gradient-box--light .gradient-box__band[b-laiwi0fdgj] {
    border-bottom-color: var(--band-sep-light);
}

.gradient-box__band:last-child[b-laiwi0fdgj] {
    border-bottom: none;
}

.gradient-box__band--critical[b-laiwi0fdgj] { background: var(--risk-critical); }
.gradient-box__band--high[b-laiwi0fdgj] { background: var(--risk-high); }
.gradient-box__band--moderate[b-laiwi0fdgj] { background: var(--risk-moderate); }
.gradient-box__band--low[b-laiwi0fdgj] { background: var(--risk-low); }

.gradient-box__labels[b-laiwi0fdgj] {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    align-items: center;
    gap: var(--space-1);
    background: rgba(23, 42, 58, 0.9);
    color: var(--surface);
    padding: var(--space-2);
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
}

.gradient-box--light .gradient-box__labels[b-laiwi0fdgj] {
    background: var(--surface);
    color: var(--text);
}

.gradient-box__indicator[b-laiwi0fdgj] {
    position: absolute;
    left: calc(100% - 8px);
    transform: translate(-100%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--surface);
    border: 2px solid var(--brand-900);
}
/* /Components/UI/HiringPresenceDashboardPreview.razor.rz.scp.css */
/* Scoped styling for the "Current Hiring Presence" dashboard mock. Reuses the global .rl-card
   and .rl-badge utility classes (defined in app.css) for the outer card and the "Example data"
   tag rather than redefining card/badge chrome here. */
.landing-dashboard__mock[b-q1rn5e6avf] {
    position: relative;
    margin-top: var(--space-4, 16px);
}

.landing-dashboard__tag[b-q1rn5e6avf] {
    position: absolute;
    top: var(--card-pad, 24px);
    right: var(--card-pad, 24px);
}

.landing-dashboard__tabs[b-q1rn5e6avf] {
    margin: 0 0 var(--space-4, 16px);
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4, 16px);
    border-bottom: 1px solid var(--border, #D8DEE6);
}

/* The tabs are real buttons (clickable example), so strip button chrome down to the
   underline-tab look the live monitor dashboard uses. */
.landing-dashboard__tab[b-q1rn5e6avf] {
    appearance: none;
    background: none;
    border: 0;
    font: inherit;
    cursor: pointer;
    font-size: var(--fs-small, 14px);
    color: var(--text-muted, #5B6776);
    border-bottom: 2px solid transparent;
    padding: 0 0 var(--space-2, 8px);
    margin-bottom: -1px;
}

.landing-dashboard__tab--active[b-q1rn5e6avf] {
    font-weight: var(--fw-semibold, 600);
    color: var(--text, #1F2933);
    border-bottom-color: var(--accent-600, #3F7C79);
}

.landing-dashboard__metrics[b-q1rn5e6avf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4, 16px);
    margin: 0 0 var(--space-4, 16px);
}

.landing-dashboard__metric[b-q1rn5e6avf] {
    display: grid;
    gap: 2px;
}

.landing-dashboard__metric-value[b-q1rn5e6avf] {
    font-family: var(--font-heading);
    font-size: var(--fs-h2, 28px);
    font-weight: var(--fw-semibold, 600);
    color: var(--text, #1F2933);
}

.landing-dashboard__metric-label[b-q1rn5e6avf] {
    font-size: var(--fs-caption, 12px);
    color: var(--text-muted, #5B6776);
}

.landing-dashboard__note[b-q1rn5e6avf] {
    margin: 0;
    font-size: var(--fs-small, 14px);
    color: var(--text-muted, #5B6776);
}

.landing-dashboard__panel-title[b-q1rn5e6avf] {
    margin: 0 0 var(--space-3, 12px);
    font-size: var(--fs-body, 16px);
    font-family: var(--font-heading);
}

.landing-dashboard__rows[b-q1rn5e6avf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: var(--space-2, 8px);
    font-size: var(--fs-small, 14px);
    color: var(--text, #1F2933);
}

/* Typography-restrained chips: neutral outline by default, weight for priority, teal for
   resolved. Token-based only. */
.landing-dashboard__chip[b-q1rn5e6avf] {
    display: inline-block;
    margin-right: var(--space-2, 8px);
    padding: 1px 8px;
    border: 1px solid var(--border, #D8DEE6);
    border-radius: var(--radius-sm, 4px);
    font-size: var(--fs-caption, 12px);
    color: var(--text-muted, #5B6776);
    white-space: nowrap;
}

.landing-dashboard__chip--priority[b-q1rn5e6avf] {
    border-color: var(--text, #1F2933);
    color: var(--text, #1F2933);
    font-weight: var(--fw-semibold, 600);
}

.landing-dashboard__chip--resolved[b-q1rn5e6avf] {
    border-color: var(--accent-600, #3F7C79);
    color: var(--accent-700, #33615F);
}

.landing-dashboard__history[b-q1rn5e6avf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: var(--space-2, 8px);
    font-size: var(--fs-small, 14px);
    color: var(--text, #1F2933);
}

.landing-dashboard__day[b-q1rn5e6avf] {
    display: inline-block;
    min-width: 118px;
    margin-right: var(--space-2, 8px);
    color: var(--text-subtle, #8994A3);
    font-size: var(--fs-caption, 12px);
}

.landing-dashboard__captions[b-q1rn5e6avf] {
    list-style: none;
    margin: var(--space-4, 16px) 0 0;
    padding: 0;
    display: grid;
    gap: var(--space-2, 8px);
    color: var(--text-muted, #5B6776);
    font-size: var(--fs-small, 14px);
}

.landing-dashboard__captions strong[b-q1rn5e6avf] {
    color: var(--text, #1F2933);
}

@media (max-width: 640px) {
    .landing-dashboard__metrics[b-q1rn5e6avf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .landing-dashboard__tag[b-q1rn5e6avf] {
        position: static;
        display: inline-flex;
        margin-bottom: var(--space-3, 12px);
    }

    .landing-dashboard__day[b-q1rn5e6avf] {
        display: block;
        min-width: 0;
        margin: 0 0 2px;
    }
}
/* /Components/UI/HiringPresenceFlowDiagram.razor.rz.scp.css */
/* Scoped styling for the hero product visual. Colors are hardcoded for the dark .landing-hero
   band this component always renders on (the same reasoning SiteHeader.razor.css uses for its
   always-on-brand-900 header), with fallbacks in case the global custom properties aren't loaded. */
.landing-hero__flow[b-anx51peetx] {
    margin: 0;
    padding-top: var(--space-5, 24px);
    border-top: 1px solid var(--band-sep-dark, rgba(255, 255, 255, 0.18));
    display: grid;
    justify-items: center;
    gap: 0;
    text-align: center;
}

.landing-hero__flow-node[b-anx51peetx] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-md, 12px);
    padding: var(--space-2, 8px) var(--space-4, 16px);
    color: rgba(255, 255, 255, 0.92);
    font-size: var(--fs-small, 14px);
    font-weight: var(--fw-medium, 500);
    max-width: 320px;
}

.landing-hero__flow-node--brand[b-anx51peetx] {
    background: var(--accent-600, #3F7C79);
    border-color: var(--accent-600, #3F7C79);
    color: #FFFFFF;
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold, 600);
}

.landing-hero__flow-node--outcome[b-anx51peetx] {
    max-width: 460px;
}

.landing-hero__flow-outcomes[b-anx51peetx] {
    list-style: none;
    margin: 0 0 var(--space-3, 12px);
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: var(--fw-semibold, 600);
}

.landing-hero__flow-outcomes li[b-anx51peetx] {
    padding: 0 var(--space-2, 8px);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.landing-hero__flow-outcomes li:first-child[b-anx51peetx] {
    border-left: none;
    padding-left: 0;
}

.landing-hero__flow-chips[b-anx51peetx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-1, 4px) var(--space-2, 8px);
}

.landing-hero__flow-chip[b-anx51peetx] {
    display: inline-flex;
    padding: 2px var(--space-2, 8px);
    border-radius: var(--radius-pill, 999px);
    font-size: var(--fs-caption, 12px);
    font-weight: var(--fw-regular, 400);
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

.landing-hero__flow-arrow[b-anx51peetx] {
    color: rgba(255, 255, 255, 0.45);
    font-size: 18px;
    line-height: 1;
    padding: 6px 0;
}

@media (max-width: 640px) {
    .landing-hero__flow-node[b-anx51peetx] {
        max-width: 100%;
    }
}
/* /Components/UI/InfoTip.razor.rz.scp.css */
.infotip[b-y95wa6ay5v] {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    cursor: help;
    outline-offset: 2px;
}

.infotip__icon[b-y95wa6ay5v] {
    margin-left: var(--space-1);
    font-size: var(--fs-caption);
    line-height: 1;
    color: #999;
    transition: color 0.15s ease;
    flex-shrink: 0;
}

.infotip:hover .infotip__icon[b-y95wa6ay5v],
.infotip:focus-visible .infotip__icon[b-y95wa6ay5v] {
    color: var(--brand-600);
}

.infotip__bubble[b-y95wa6ay5v] {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: min(220px, calc(100vw - 2rem));
    padding: var(--space-2) var(--space-3);
    background: var(--brand-900);
    color: var(--surface);
    font-size: var(--fs-caption);
    line-height: var(--lh-caption);
    font-weight: 400;
    text-align: left;
    border-radius: var(--radius-sm);
    white-space: normal;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
    z-index: 10;
}

.infotip:hover .infotip__bubble[b-y95wa6ay5v],
.infotip:focus .infotip__bubble[b-y95wa6ay5v],
.infotip:focus-visible .infotip__bubble[b-y95wa6ay5v] {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .infotip__icon[b-y95wa6ay5v],
    .infotip__bubble[b-y95wa6ay5v] { transition: none; }
}
/* /Components/UI/Marketing/EmailSignupForm.razor.rz.scp.css */
.email-signup[b-r1d5lvbou9] {
    padding: 2.5rem 0;
    text-align: center;
    border-top: 1px solid #e5e4e0;
}

.email-signup__title[b-r1d5lvbou9] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.125rem;
    color: #1a1a18;
    margin-bottom: 1rem;
}

.email-signup__form[b-r1d5lvbou9] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
}

.email-signup__input[b-r1d5lvbou9] {
    flex: 1;
    min-width: 200px;
    padding: 0.5rem 0.75rem;
    border: 1px solid #c8c7c2;
    border-radius: 6px;
    font-size: 0.875rem;
    font-family: 'Inter', system-ui, sans-serif;
}

.email-signup__select[b-r1d5lvbou9] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #c8c7c2;
    border-radius: 6px;
    font-size: 0.875rem;
    font-family: 'Inter', system-ui, sans-serif;
    background: white;
    color: #6b6b67;
}

.email-signup__btn[b-r1d5lvbou9] {
    padding: 0.5rem 1.25rem;
    background: #3F7C79;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    font-family: 'Inter', system-ui, sans-serif;
    cursor: pointer;
    transition: background 0.15s;
}

.email-signup__btn:hover[b-r1d5lvbou9] {
    background: #356a67;
}

.email-signup__btn:disabled[b-r1d5lvbou9] {
    opacity: 0.6;
    cursor: not-allowed;
}

.email-signup__thanks[b-r1d5lvbou9] {
    color: #3F7C79;
    font-weight: 500;
}

.email-signup__error[b-r1d5lvbou9] {
    color: #dc2626;
    font-size: 0.8125rem;
    margin-top: 0.5rem;
}
/* /Components/UI/Marketing/PersonaCards.razor.rz.scp.css */
.persona-cards[b-25zmctmo01] {
    padding: 3rem 0;
}

.persona-cards__title[b-25zmctmo01] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a18;
    text-align: center;
    margin-bottom: 2rem;
}

.persona-cards__grid[b-25zmctmo01] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.persona-card[b-25zmctmo01] {
    padding: 1.5rem;
    border: 1px solid #e5e4e0;
    border-radius: 8px;
    background: white;
}

.persona-card__role[b-25zmctmo01] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a18;
    margin-bottom: 0.5rem;
}

.persona-card__pain[b-25zmctmo01] {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #6b6b67;
    margin-bottom: 0.75rem;
}

.persona-card__link[b-25zmctmo01] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #3F7C79;
    text-decoration: none;
}

.persona-card__link:hover[b-25zmctmo01] {
    text-decoration: underline;
}

@media (max-width: 900px) {
    .persona-cards__grid[b-25zmctmo01] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .persona-cards__grid[b-25zmctmo01] {
        grid-template-columns: 1fr;
    }
}
/* /Components/UI/Marketing/WhatRelioReplaces.razor.rz.scp.css */
.what-replaces[b-duxcgqjghk] {
    padding: 3rem 0;
    border-top: 1px solid #e5e4e0;
}

.what-replaces__title[b-duxcgqjghk] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.375rem;
    font-weight: 600;
    color: #1a1a18;
    margin-bottom: 1.5rem;
}

.what-replaces__list[b-duxcgqjghk] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.what-replaces__list li[b-duxcgqjghk] {
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #6b6b67;
    padding-left: 1.25rem;
    position: relative;
}

.what-replaces__list li[b-duxcgqjghk]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #dc2626;
}

.what-replaces__better[b-duxcgqjghk] {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: #1a1a18;
    border-left: 3px solid #3F7C79;
    padding-left: 1rem;
}
/* /Components/UI/MetricRow.razor.rz.scp.css */
.metric-row[b-m0m7jpgfmu] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-2) 0;
    border-bottom: 1px solid var(--border);
}

.metric-row:last-child[b-m0m7jpgfmu] {
    border-bottom: none;
}

.metric-row__label[b-m0m7jpgfmu] {
    font-weight: var(--fw-medium);
}

.metric-row__value[b-m0m7jpgfmu] {
    text-align: right;
}
/* /Components/UI/NotificationBell.razor.rz.scp.css */
.notification-bell[b-c3urvpm0xr] {
    position: relative;
    display: inline-flex;
}

.notification-bell__button[b-c3urvpm0xr] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: none;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}

.notification-bell__button:hover[b-c3urvpm0xr] {
    border-color: var(--accent-600);
    color: var(--accent-600);
}

.notification-bell__count[b-c3urvpm0xr] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: var(--accent-600);
    color: var(--surface);
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: var(--fw-semibold);
    line-height: 16px;
    text-align: center;
}

.notification-bell__panel[b-c3urvpm0xr] {
    position: absolute;
    top: calc(100% + var(--space-2));
    right: 0;
    width: 340px;
    max-height: 420px;
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 50;
}

.notification-bell__header[b-c3urvpm0xr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--border);
}

.notification-bell__title[b-c3urvpm0xr] {
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    color: var(--text);
}

.notification-bell__close[b-c3urvpm0xr] {
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: var(--fs-small);
    cursor: pointer;
    padding: 0 var(--space-1);
}

.notification-bell__close:hover[b-c3urvpm0xr] {
    color: var(--text);
}

.notification-bell__empty[b-c3urvpm0xr] {
    margin: 0;
    padding: var(--space-4) var(--space-3);
    font-size: var(--fs-small);
    color: var(--text-muted);
    text-align: center;
}

.notification-bell__list[b-c3urvpm0xr] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    flex: 1;
}

.notification-bell__item[b-c3urvpm0xr] {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid var(--border);
}

.notification-bell__item:last-child[b-c3urvpm0xr] {
    border-bottom: none;
}

.notification-bell__item--unread[b-c3urvpm0xr] {
    background: var(--accent-100);
}

.notification-bell__item-body[b-c3urvpm0xr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-2) var(--space-3);
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    min-width: 0;
}

.notification-bell__item-title[b-c3urvpm0xr] {
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: var(--text);
}

.notification-bell__item--unread .notification-bell__item-title[b-c3urvpm0xr] {
    font-weight: var(--fw-semibold);
}

.notification-bell__item-text[b-c3urvpm0xr] {
    font-size: var(--fs-small);
    color: var(--text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.notification-bell__item-time[b-c3urvpm0xr] {
    font-size: 0.7rem;
    color: var(--text-muted);
}

.notification-bell__dismiss[b-c3urvpm0xr] {
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 0.7rem;
    cursor: pointer;
    padding: var(--space-2);
    flex-shrink: 0;
}

.notification-bell__dismiss:hover[b-c3urvpm0xr] {
    color: var(--text);
}

.notification-bell__footer[b-c3urvpm0xr] {
    padding: var(--space-2) var(--space-3);
    border-top: 1px solid var(--border);
    text-align: center;
}

.notification-bell__mark-all[b-c3urvpm0xr] {
    background: none;
    border: none;
    color: var(--accent-600);
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    cursor: pointer;
    padding: 0;
}

.notification-bell__mark-all:hover[b-c3urvpm0xr] {
    color: var(--accent-700);
    text-decoration: underline;
}
/* /Components/UI/Onboarding/FirstRunOnboarding.razor.rz.scp.css */
/* FirstRunOnboarding — full-screen modal overlay for first-login onboarding flow */

.onboarding-backdrop[b-wxc38mc5r8] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 1rem;
}

.onboarding-card[b-wxc38mc5r8] {
    background: white;
    border-radius: 12px;
    width: 100%;
    max-width: 30rem;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}

/* Close button */

.onboarding-close[b-wxc38mc5r8] {
    position: absolute;
    top: 0.875rem;
    right: 0.875rem;
    background: none;
    border: none;
    font-size: 1.375rem;
    line-height: 1;
    color: #9b9b96;
    cursor: pointer;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    transition: color 0.15s, background 0.15s;
    z-index: 1;
}

.onboarding-close:hover[b-wxc38mc5r8] {
    color: #1a1a18;
    background: #f4f3f0;
}

/* Step container */

.onboarding-step[b-wxc38mc5r8] {
    padding: 2rem 2rem 1.75rem;
}

/* Header text */

.onboarding-eyebrow[b-wxc38mc5r8] {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #3F7C79;
    margin: 0 0 0.5rem;
}

.onboarding-heading[b-wxc38mc5r8] {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: #1a1a18;
    line-height: 1.3;
    margin: 0 0 0.5rem;
}

.onboarding-sub[b-wxc38mc5r8] {
    font-size: 0.9375rem;
    color: #6b6b67;
    line-height: 1.6;
    margin: 0 0 1.5rem;
}

/* Choice grid */

.onboarding-choices[b-wxc38mc5r8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.onboarding-choice[b-wxc38mc5r8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0.875rem 1rem;
    border: 1.5px solid #e5e4e0;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s, box-shadow 0.15s;
    font-family: 'Inter', system-ui, sans-serif;
}

.onboarding-choice:hover[b-wxc38mc5r8] {
    border-color: #3F7C79;
    box-shadow: 0 2px 8px rgba(63, 124, 121, 0.12);
}

.onboarding-choice--selected[b-wxc38mc5r8] {
    border-color: #3F7C79;
    background: #f3f8f7;
    box-shadow: 0 0 0 3px rgba(63, 124, 121, 0.12);
}

.onboarding-choice__title[b-wxc38mc5r8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a18;
    line-height: 1.3;
}

.onboarding-choice__desc[b-wxc38mc5r8] {
    font-size: 0.75rem;
    color: #6b6b67;
    line-height: 1.4;
}

/* Explainer (step 2) */

.onboarding-explainer[b-wxc38mc5r8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.25rem 0 1.75rem;
}

.onboarding-explainer__item[b-wxc38mc5r8] {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
}

.onboarding-explainer__num[b-wxc38mc5r8] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #3F7C79;
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    font-family: 'Inter', system-ui, sans-serif;
}

.onboarding-explainer__text strong[b-wxc38mc5r8] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a18;
    margin-bottom: 2px;
    font-family: 'Inter', system-ui, sans-serif;
}

.onboarding-explainer__text p[b-wxc38mc5r8] {
    font-size: 0.8125rem;
    color: #6b6b67;
    line-height: 1.5;
    margin: 0;
}

/* Actions bar */

.onboarding-actions[b-wxc38mc5r8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #f4f3f0;
}

.onboarding-btn[b-wxc38mc5r8] {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    padding: 0.625rem 1.5rem;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    border: 1.5px solid transparent;
    line-height: 1.2;
}

.onboarding-btn--primary[b-wxc38mc5r8] {
    background: #3F7C79;
    color: white;
    border-color: #3F7C79;
}

.onboarding-btn--primary:hover:not(:disabled)[b-wxc38mc5r8] {
    background: #356a67;
    border-color: #356a67;
}

.onboarding-btn--primary:disabled[b-wxc38mc5r8] {
    opacity: 0.45;
    cursor: not-allowed;
}

.onboarding-btn--ghost[b-wxc38mc5r8] {
    background: transparent;
    color: #6b6b67;
    border-color: #e5e4e0;
}

.onboarding-btn--ghost:hover[b-wxc38mc5r8] {
    background: #f4f3f0;
    color: #1a1a18;
}

/* Responsive */

@media (max-width: 480px) {
    .onboarding-card[b-wxc38mc5r8] {
        max-width: none;
        border-radius: 10px 10px 0 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        max-height: 90dvh;
        overflow-y: auto;
    }

    .onboarding-backdrop[b-wxc38mc5r8] {
        align-items: flex-end;
        padding: 0;
    }

    .onboarding-choices[b-wxc38mc5r8] {
        grid-template-columns: 1fr;
    }

    .onboarding-step[b-wxc38mc5r8] {
        padding: 1.5rem 1.25rem 2rem;
    }
}

/* Company size question (task 6.34) */

.onboarding-size[b-wxc38mc5r8] {
    margin-top: 1.25rem;
}

.onboarding-size__label[b-wxc38mc5r8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a18;
    margin: 0 0 0.5rem;
}

.onboarding-size__options[b-wxc38mc5r8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.onboarding-size__pill[b-wxc38mc5r8] {
    border: 1px solid #d8d6d0;
    border-radius: 999px;
    background: #fff;
    padding: 0.35rem 0.85rem;
    font-size: 0.8125rem;
    cursor: pointer;
    color: #1a1a18;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.onboarding-size__pill:hover[b-wxc38mc5r8] {
    border-color: #3F7C79;
}

.onboarding-size__pill--selected[b-wxc38mc5r8] {
    border-color: #3F7C79;
    background: #3F7C79;
    color: #fff;
}

.onboarding-size__pill--skip[b-wxc38mc5r8] {
    color: #6b6b66;
}
/* /Components/UI/RiskBadge.razor.rz.scp.css */
.risk-badge[b-ojx3m2ufo2] {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-pill);
    padding: var(--space-1) var(--space-3);
    font-size: var(--fs-small);
    line-height: var(--lh-small);
    font-weight: var(--fw-semibold);
}

.risk-badge--low[b-ojx3m2ufo2] { background: var(--risk-low-bg); color: var(--risk-low); }
.risk-badge--moderate[b-ojx3m2ufo2] { background: var(--risk-moderate-bg); color: var(--risk-moderate); }
.risk-badge--high[b-ojx3m2ufo2] { background: var(--risk-high-bg); color: var(--risk-high); }
.risk-badge--critical[b-ojx3m2ufo2] { background: var(--risk-critical-bg); color: var(--risk-critical); }
.risk-badge--elevated[b-ojx3m2ufo2] { background: var(--risk-high-bg); color: var(--risk-high); }
/* /Components/UI/RiskList.razor.rz.scp.css */
.risk-list ol[b-6xzyy8exrc] {
    margin: 0;
    padding-left: 1.25rem;
    display: grid;
    gap: var(--space-2);
}

.risk-list .caption[b-6xzyy8exrc] {
    margin-top: var(--space-3);
}
/* /Components/UI/ScanProgress.razor.rz.scp.css */
/* Shared "work is happening" panel for the free scan and monitoring checkout (ScanProgress.razor).
   Neither surface has a real progress signal from the API, so the bar is a time-based estimate; see
   ScanProgress.razor's EstimatePercent for the honesty contract (never 100%, never backward). Visual
   language matches CompliancePortfolioWorkspace.razor.css's progress bar (the one surface in the app
   that DOES have a real signal) so a user working both flows sees one consistent pattern. */

.scan-progress[b-vg6llbb3g5] {
    display: flex;
    gap: var(--space-4);
    align-items: flex-start;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--card-pad);
}

.scan-progress__body[b-vg6llbb3g5] {
    flex: 1 1 auto;
    min-width: 0;
}

.scan-progress__spinner[b-vg6llbb3g5] {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    border-radius: 50%;
    border: 3px solid var(--accent-100);
    border-top-color: var(--accent-600);
    animation: scan-progress-spin-b-vg6llbb3g5 0.9s linear infinite;
}

@keyframes scan-progress-spin-b-vg6llbb3g5 {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .scan-progress__spinner[b-vg6llbb3g5] {
        /* A fully static spinner reads as "frozen, not working" against this house style's other
           motion-reduction calls (e.g. CompliancePortfolioWorkspace's indeterminate sweep swaps to a
           static stripe rather than disappearing) — so this slows down rather than stopping,
           matching the exact precedent the original .scan-progress__spinner shipped with. */
        animation-duration: 2.5s;
    }
}

.scan-progress__title[b-vg6llbb3g5] {
    margin: 0 0 var(--space-1);
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
}

.scan-progress__stage[b-vg6llbb3g5] {
    margin: 0 0 var(--space-3);
    color: var(--text);
    font-weight: var(--fw-medium);
}

.scan-progress__track[b-vg6llbb3g5] {
    height: 6px;
    background: var(--surface-2);
    border-radius: var(--radius-pill);
    overflow: hidden;
}

.scan-progress__fill[b-vg6llbb3g5] {
    height: 100%;
    background: var(--accent-600);
    border-radius: var(--radius-pill);
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .scan-progress__fill[b-vg6llbb3g5] {
        transition: none;
    }
}

.scan-progress__meta[b-vg6llbb3g5] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-2) var(--space-3);
    margin: var(--space-2) 0 0;
    font-size: var(--fs-caption);
    color: var(--text-subtle);
}

.scan-progress__percent[b-vg6llbb3g5] {
    font-variant-numeric: var(--numeric-tabular);
    color: var(--text-muted);
    font-weight: var(--fw-medium);
}

.scan-progress__sub[b-vg6llbb3g5] {
    margin: var(--space-2) 0 0;
    color: var(--text-muted);
}

.scan-progress__slow[b-vg6llbb3g5] {
    margin: var(--space-2) 0 0;
    font-size: var(--fs-caption);
    color: var(--text-subtle);
}

@media (max-width: 640px) {
    .scan-progress[b-vg6llbb3g5] {
        padding: var(--space-4);
    }
}
/* /Components/UI/Sharing/ShareOutputDialog.razor.rz.scp.css */
.share-dialog[b-hq1jmwfhcm] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100;
}

.share-dialog--visible[b-hq1jmwfhcm] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-dialog__backdrop[b-hq1jmwfhcm] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
}

.share-dialog__panel[b-hq1jmwfhcm] {
    position: relative;
    background: var(--surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    width: min(480px, 90vw);
    max-height: 80vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.share-dialog__header[b-hq1jmwfhcm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4) var(--space-5);
    border-bottom: 1px solid var(--border);
}

.share-dialog__title[b-hq1jmwfhcm] {
    margin: 0;
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
}

.share-dialog__close[b-hq1jmwfhcm] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: var(--text-muted);
    padding: 0;
    line-height: 1;
}

.share-dialog__body[b-hq1jmwfhcm] {
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.share-dialog__components[b-hq1jmwfhcm],
.share-dialog__tone[b-hq1jmwfhcm] {
    border: none;
    padding: 0;
    margin: 0;
}

.share-dialog__components legend[b-hq1jmwfhcm],
.share-dialog__tone legend[b-hq1jmwfhcm] {
    font-weight: var(--fw-semibold);
    font-size: var(--fs-small);
    color: var(--text);
    margin-bottom: var(--space-3);
}

.share-dialog__check-row[b-hq1jmwfhcm] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) 0;
    font-size: var(--fs-small);
    cursor: pointer;
}

.share-dialog__check-row input[type="checkbox"][b-hq1jmwfhcm] {
    accent-color: var(--accent-600);
}

.share-dialog__footer[b-hq1jmwfhcm] {
    padding: var(--space-4) var(--space-5);
    border-top: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.share-dialog__result[b-hq1jmwfhcm] {
    display: flex;
    gap: var(--space-2);
}

.share-dialog__url[b-hq1jmwfhcm] {
    flex: 1;
    padding: var(--space-2);
    font-size: var(--fs-caption);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface-2, #f0f2f5);
    font-family: monospace;
}
/* /Components/UI/WhatRelioHasLearned.razor.rz.scp.css */
.learned-section[b-obvpxnl8h6] { margin-top: 2rem; padding: 1.25rem; background: #fafafa; border-radius: 8px; }
.learned-section__title[b-obvpxnl8h6] { font-family: 'Source Serif 4', serif; font-size: 1.1rem; margin: 0 0 0.25rem; }
.learned-section__subtitle[b-obvpxnl8h6] { color: #666; font-size: 0.85rem; margin: 0 0 1rem; }
.learned-section__loading[b-obvpxnl8h6] { color: #999; }
.learned-section__empty[b-obvpxnl8h6] { color: #999; font-style: italic; }
.learned-section__items[b-obvpxnl8h6] { display: flex; flex-direction: column; gap: 0.5rem; }
.learned-item[b-obvpxnl8h6] { display: flex; align-items: center; padding: 0.5rem 0; border-bottom: 1px solid #eee; }
.learned-item__label[b-obvpxnl8h6] { flex: 1; font-size: 0.9rem; color: #333; }
.learned-item__value[b-obvpxnl8h6] { font-weight: 600; font-size: 0.9rem; margin-right: 1rem; }
.learned-item__adjust[b-obvpxnl8h6] { font-size: 0.8rem; color: #3F7C79; background: none; border: none; cursor: pointer; text-decoration: underline; padding: 0; }
/* /Components/UI/WizardShell.razor.rz.scp.css */
.wizard[b-ze9zvgy0ej] {
    margin-top: var(--space-5);
}

.wizard__header[b-ze9zvgy0ej] {
    margin-bottom: var(--space-4);
}

.wizard__step-label[b-ze9zvgy0ej] {
    margin: var(--space-2) 0 0;
    font-size: var(--fs-small);
    color: var(--text-muted);
    font-weight: var(--fw-medium);
}

.wizard__progress-wrap[b-ze9zvgy0ej] {
    height: 6px;
    background: var(--surface-2);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: var(--space-5);
}

.wizard__progress-bar[b-ze9zvgy0ej] {
    height: 100%;
    background: var(--accent-600);
    border-radius: 3px;
    transition: width 0.25s ease;
}

.wizard__body[b-ze9zvgy0ej] {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: var(--space-6);
    align-items: start;
}

.wizard__steps[b-ze9zvgy0ej] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    position: sticky;
    top: var(--space-4);
}

.wizard__step[b-ze9zvgy0ej] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    text-align: left;
    font-size: var(--fs-small);
    color: var(--text-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.wizard__step:hover:not(:disabled)[b-ze9zvgy0ej] {
    color: var(--text);
    background: var(--surface-2);
}

.wizard__step:disabled[b-ze9zvgy0ej] {
    cursor: default;
}

.wizard__step--past[b-ze9zvgy0ej] {
    color: var(--text);
    cursor: pointer;
}

.wizard__step--current[b-ze9zvgy0ej] {
    color: var(--brand-900);
    font-weight: var(--fw-medium);
    background: var(--surface-2);
    border-color: var(--accent-600);
    cursor: default;
}

.wizard__step-num[b-ze9zvgy0ej] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--surface-2);
    font-weight: var(--fw-medium);
}

.wizard__step--current .wizard__step-num[b-ze9zvgy0ej] {
    background: var(--accent-600);
    color: white;
}

.wizard__step--past .wizard__step-num[b-ze9zvgy0ej] {
    background: var(--accent-100);
    color: var(--accent-800);
}

.wizard__content[b-ze9zvgy0ej] {
    min-width: 0;
}

.wizard__actions[b-ze9zvgy0ej] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-5);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border);
}

.wizard__actions-next[b-ze9zvgy0ej] {
    display: flex;
    gap: var(--space-2);
}

@media (max-width: 640px) {
    .wizard__body[b-ze9zvgy0ej] {
        grid-template-columns: 1fr;
    }

    .wizard__steps[b-ze9zvgy0ej] {
        flex-direction: row;
        flex-wrap: wrap;
        position: static;
    }

    .wizard__step-title[b-ze9zvgy0ej] {
        display: none;
    }
}