/* /Components/ComponentSubNav.razor.rz.scp.css */
.component-subnav-tabs[b-5ctor7iz24] {
    margin-bottom: 1.5rem;
}
/* /Components/ValidationSubNav.razor.rz.scp.css */
.validation-subnav-tabs[b-povsh4q3gv] {
    margin-bottom: 1.5rem;
}
/* /Pages/Chrome/FaIconPage.razor.rz.scp.css */
.fa-icon-grid[b-bsvhgtd7z2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 0.75rem;
}

.fa-icon-grid-item[b-bsvhgtd7z2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.75rem 0.5rem;
    border: var(--fa-border-width) solid var(--fa-border);
    border-radius: var(--fa-radius-md);
    background: var(--fa-surface);
    font-size: 0.78rem;
    text-align: center;
    color: var(--fa-text-muted);
}
/* /Pages/Forms/FaValidationPage.razor.rz.scp.css */
.validation-index-grid[b-v09yh0ln7c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.validation-index-card h3[b-v09yh0ln7c] {
    margin-top: 0;
}

.validation-index-card p[b-v09yh0ln7c] {
    margin-bottom: 0;
    color: var(--fa-text-muted);
    font-size: 0.88rem;
}
/* /Pages/Palettes/Palette.razor.rz.scp.css */
.palette-index-grid[b-x6ay8qt1pq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.palette-index-strip[b-x6ay8qt1pq] {
    display: flex;
    height: 2.5rem;
    margin: -1px -1px 0.75rem;
    border-top-left-radius: var(--fa-radius-md);
    border-top-right-radius: var(--fa-radius-md);
    overflow: hidden;
}

    .palette-index-strip span[b-x6ay8qt1pq] {
        flex: 1;
    }

    .palette-index-strip-cream[b-x6ay8qt1pq] {
        border-left: var(--fa-border-width) solid var(--fa-border);
    }

.palette-index-body h3[b-x6ay8qt1pq] {
    margin-top: 0;
}

.palette-index-body p[b-x6ay8qt1pq] {
    margin-bottom: 0;
    color: var(--fa-text-muted);
    font-size: 0.88rem;
}
/* /Pages/Palettes/PaletteDetail.razor.rz.scp.css */
/* Mirrors Blazor/.themes/<slug>.html's .group/.row/.swatch styling (that folder is
   gitignored/local-only design reference) — same shape, themed off --fa-* tokens
   instead of the reference file's hardcoded neutrals so this page still looks right
   in whichever palette/mode the showcase itself is currently running. */

.palette-group[b-4v48oawczx] {
    margin-bottom: 1.4rem;
}

.palette-group h3[b-4v48oawczx] {
    margin: 0 0 0.5rem;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--fa-text-muted);
}

.palette-row[b-4v48oawczx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.palette-swatch[b-4v48oawczx] {
    width: 11rem;
    min-height: 4.5rem;
    border-radius: var(--fa-radius-md);
    padding: 0.6rem 0.7rem;
    box-shadow: var(--fa-border-glow);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 0.78rem;
}

.palette-swatch-label[b-4v48oawczx] {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.palette-swatch-var[b-4v48oawczx],
.palette-swatch-hex[b-4v48oawczx] {
    opacity: 0.85;
    font-family: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: 0.72rem;
}