@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';
@import '_content/Suttisak.Blazor.UserInterface/Suttisak.Blazor.UserInterface.tgm8kqx60d.bundle.scp.css';

/* /Components/AccessPreferences.razor.rz.scp.css */
.access-preferences[b-x6pfyj9kmk] { display: flex; align-items: center; gap: .5rem; }
.access-preferences__language[b-x6pfyj9kmk], .access-preferences__theme[b-x6pfyj9kmk] { display: inline-flex; padding: .2rem; border: 1px solid var(--app-border); border-radius: .6rem; background: var(--app-surface-muted); }
.access-preferences button[b-x6pfyj9kmk] { min-width: 2rem; min-height: 1.8rem; padding: 0 .4rem; border: 0; border-radius: .42rem; background: transparent; color: var(--app-foreground-muted); font: inherit; font-size: .65rem; font-weight: 800; cursor: pointer; }
.access-preferences button.active[b-x6pfyj9kmk] { background: var(--app-surface); color: var(--app-accent); box-shadow: 0 .15rem .45rem var(--app-shadow-color); }
.access-preferences button:focus-visible[b-x6pfyj9kmk] { outline: 2px solid var(--app-accent); outline-offset: 2px; }
/* /Components/ComponentParameterTable.razor.rz.scp.css */
.component-parameter-table__scroll[b-k16j4u3rhm] { overflow-x: auto; border: 1px solid var(--app-border); border-radius: .8rem; }
.component-parameter-table[b-k16j4u3rhm] { width: 100%; border-collapse: collapse; background: var(--app-surface); font-size: .8rem; }
.component-parameter-table th[b-k16j4u3rhm], .component-parameter-table td[b-k16j4u3rhm] { padding: .8rem .9rem; border-bottom: 1px solid var(--app-border); text-align: left; vertical-align: top; }
.component-parameter-table thead th[b-k16j4u3rhm] { color: var(--app-accent); font-size: .62rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.component-parameter-table tbody tr:last-child th[b-k16j4u3rhm], .component-parameter-table tbody tr:last-child td[b-k16j4u3rhm] { border-bottom: 0; }
.component-parameter-table code[b-k16j4u3rhm] { color: var(--app-foreground); font-size: .74rem; }
.component-parameter-table td[b-k16j4u3rhm] { color: var(--app-foreground-muted); }
.component-parameter-table__empty[b-k16j4u3rhm] { margin: 0; padding: 1rem; border: 1px dashed var(--app-border); border-radius: .8rem; color: var(--app-foreground-muted); line-height: 1.6; }
/* /Components/Specimens/AccountNavigationSpecimen.razor.rz.scp.css */
.account-navigation-specimen[b-jjkt9rvbut] { display: grid; gap: 1rem; container-type: inline-size; }
.account-navigation-specimen > section[b-jjkt9rvbut] { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--app-border); border-radius: .2rem 1rem; background: var(--app-surface); }
.account-navigation-specimen > section > div[b-jjkt9rvbut] { display: grid; gap: .2rem; min-width: 0; }
.account-navigation-specimen h2[b-jjkt9rvbut] { margin: 0; font-family: var(--app-font-heading); font-size: 1rem; }
.account-navigation-specimen section > div > span[b-jjkt9rvbut] { color: var(--app-accent); font-size: .58rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.account-navigation-specimen[b-jjkt9rvbut]  .mobile-nav-account { min-width: 0; }
@container (max-width: 28rem) { .account-navigation-specimen > section[b-jjkt9rvbut] { align-items: stretch; flex-direction: column; } }
/* /Components/Specimens/ComponentSpecimenLayout.razor.rz.scp.css */
.component-detail__lab[b-sg18ev709o] { display: grid; grid-template-columns: minmax(0, 1fr) 15rem; gap: 1rem; align-items: start; padding: 1rem; border: 1px solid var(--app-border); border-radius: 1rem; background: var(--app-surface-muted); overflow: hidden; }
.component-detail__preview-frame[b-sg18ev709o] { width: 100%; max-width: 100%; margin-inline: auto; box-sizing: border-box; padding: clamp(1.25rem, 4vw, 3rem); border: 1px solid var(--app-border); border-radius: .8rem; background: linear-gradient(135deg, var(--app-brand-soft), transparent 48%), var(--app-surface); box-shadow: 0 1rem 2.5rem var(--app-shadow-color); transition: max-width .2s ease; }
.component-detail__preview-frame--mobile[b-sg18ev709o] { max-width: 23.4375rem; }
.component-detail__preview-frame--tablet[b-sg18ev709o] { max-width: 48rem; }
.component-detail__preview-frame--desktop[b-sg18ev709o] { max-width: 80rem; }
.component-detail__preview-frame--full[b-sg18ev709o] { max-width: 100%; }
.component-detail__controls[b-sg18ev709o] { display: grid; gap: .8rem; padding: 1rem; border: 1px solid var(--app-border); border-radius: .8rem; background: var(--app-surface); }
.component-detail__controls > span[b-sg18ev709o] { color: var(--app-accent); font-size: .62rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.component-detail__controls[b-sg18ev709o]  label { display: grid; gap: .35rem; color: var(--app-foreground); font-size: .7rem; font-weight: 700; }
.component-detail__controls[b-sg18ev709o]  input:not([type=checkbox]), .component-detail__controls[b-sg18ev709o]  select, .component-detail__controls[b-sg18ev709o]  textarea { width: 100%; box-sizing: border-box; padding: .52rem .58rem; border: 1px solid var(--app-border); border-radius: .5rem; background: var(--app-background); color: var(--app-foreground); font: inherit; }
.component-detail__controls[b-sg18ev709o]  .component-detail__check { display: flex; gap: .5rem; align-items: center; }
.component-specimen__states[b-sg18ev709o] { padding: 3rem 0 0; }
.component-specimen__states > header[b-sg18ev709o] { margin-bottom: 1.25rem; }
.component-specimen__states > header span[b-sg18ev709o] { color: var(--app-accent); font-size: .62rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.component-specimen__states > header h2[b-sg18ev709o] { margin: .25rem 0 0; font-family: var(--app-font-heading); font-size: clamp(1.7rem, 4vw, 2.6rem); letter-spacing: -.04em; }
.component-detail__states[b-sg18ev709o] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.component-detail__states[b-sg18ev709o]  article { display: grid; align-content: start; gap: .8rem; min-height: 7rem; padding: 1rem; border: 1px solid var(--app-border); border-radius: .75rem; background: var(--app-surface); }
.component-detail__states[b-sg18ev709o]  article > span { color: var(--app-foreground); font-size: .65rem; font-weight: 750; }
.component-detail__preview-frame[b-sg18ev709o]  .component-specimen__demo { display: grid; min-height: 11rem; align-content: center; gap: 1rem; }
.component-detail__preview-frame[b-sg18ev709o]  .component-specimen__demo--center { place-items: center; }
@media (max-width: 64rem) { .component-detail__lab[b-sg18ev709o] { grid-template-columns: 1fr; } .component-detail__controls[b-sg18ev709o] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .component-detail__controls > span[b-sg18ev709o] { grid-column: 1 / -1; } }
@media (max-width: 48rem) { .component-detail__states[b-sg18ev709o] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .component-detail__controls[b-sg18ev709o] { grid-template-columns: 1fr; } }
@media (max-width: 34rem) { .component-detail__states[b-sg18ev709o] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .component-detail__preview-frame[b-sg18ev709o] { transition: none; } }
/* /Components/Specimens/MarketingSpecimen.razor.rz.scp.css */
.marketing-specimen[b-lachyi96uw] {
    display: grid;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-xl);
    background: var(--app-background);
}

.marketing-specimen[b-lachyi96uw]  .marketing-hero {
    min-height: auto;
}

.marketing-specimen[b-lachyi96uw]  .marketing-hero__container {
    padding-block: clamp(2rem, 5vw, 4rem);
}

.marketing-specimen__product[b-lachyi96uw] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: clamp(1rem, 3vw, 1.5rem);
    color: var(--app-foreground);
}

.marketing-specimen__product > header[b-lachyi96uw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--app-border);
    color: var(--app-foreground-muted);
    font-size: .75rem;
}

.marketing-specimen__product > header strong[b-lachyi96uw] {
    color: var(--app-accent);
}

.marketing-specimen__product-grid[b-lachyi96uw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.marketing-specimen__product-grid article[b-lachyi96uw] {
    display: grid;
    gap: .35rem;
    min-width: 0;
    padding: .9rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: var(--app-surface-muted);
}

.marketing-specimen__product-grid small[b-lachyi96uw],
.marketing-specimen__product-grid span[b-lachyi96uw] {
    color: var(--app-foreground-muted);
    font-size: .68rem;
}

.marketing-specimen__product-grid strong[b-lachyi96uw] {
    color: var(--app-accent);
    font-family: var(--app-font-heading);
    font-size: clamp(1.1rem, 3vw, 1.7rem);
}

.marketing-specimen__section[b-lachyi96uw] {
    padding-block: clamp(2rem, 5vw, 4rem);
}

.marketing-specimen__section--steps[b-lachyi96uw] {
    border-block: 1px solid var(--app-border);
    background: var(--app-surface-muted);
}

.marketing-specimen__section--cta[b-lachyi96uw] {
    padding-top: 0;
}

.marketing-specimen__eyebrow[b-lachyi96uw] {
    color: var(--app-accent);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.marketing-specimen__card-number[b-lachyi96uw] {
    display: grid;
    width: 2.3rem;
    height: 2.3rem;
    place-items: center;
    border-radius: var(--app-radius-round);
    background: var(--app-accent-soft);
    color: color-mix(in srgb, var(--app-accent) 65%, var(--app-foreground));
    font: 800 .72rem var(--app-font-mono);
}

.marketing-specimen[b-lachyi96uw]  .marketing-card__body p,
.marketing-specimen[b-lachyi96uw]  .marketing-call-to-action p {
    margin: 0;
    color: var(--app-foreground-muted);
    line-height: 1.6;
}

.marketing-specimen[b-lachyi96uw]  .marketing-call-to-action h2 {
    margin-block: .35rem .65rem;
}

@media (max-width: 44rem) {
    .marketing-specimen__product-grid[b-lachyi96uw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Specimens/PageCompositionSpecimen.razor.rz.scp.css */
.page-composition-specimen[b-z79hvrc6r0] { display: grid; min-width: 0; gap: .65rem; container: page-composition-specimen / inline-size; }
.page-composition-specimen__breadcrumbs[b-z79hvrc6r0] { padding: .6rem .8rem; border: 1px solid var(--app-border); border-radius: .7rem; background: var(--app-surface); }
.page-composition-specimen__status[b-z79hvrc6r0] { margin: 0; color: var(--app-foreground-muted); font-size: .72rem; }
.page-composition-specimen[b-z79hvrc6r0]  .page-composition-specimen__section-link { position: relative; display: inline-flex; min-width: max-content; min-height: 3.75rem; align-items: center; padding: .55rem .72rem; border: 0; border-radius: .55rem; background: transparent; color: var(--app-foreground-muted); font: inherit; font-size: .76rem; font-weight: 720; cursor: pointer; }
.page-composition-specimen[b-z79hvrc6r0]  .page-composition-specimen__section-link:hover { background: var(--app-surface-hover); color: var(--app-foreground); }
.page-composition-specimen[b-z79hvrc6r0]  .page-composition-specimen__section-link.active { background: var(--app-accent-soft); color: var(--app-accent); }
.page-composition-specimen[b-z79hvrc6r0]  .page-composition-specimen__section-link:focus-visible { outline: 2px solid var(--app-focus-ring); outline-offset: 2px; }
@media (forced-colors: active) { .page-composition-specimen[b-z79hvrc6r0]  .page-composition-specimen__section-link.active { outline: 2px solid Highlight; } }
/* /Components/Specimens/PreferencesSpecimen.razor.rz.scp.css */
.preferences-specimen[b-4qt0rzycuj] { display: grid; min-width: 0; gap: 1rem; padding: clamp(1rem, 4vw, 2rem); border: 1px solid var(--app-border); border-radius: .2rem 1.15rem; background: linear-gradient(125deg, var(--app-accent-soft), transparent 55%), var(--app-surface); }
.preferences-specimen > header[b-4qt0rzycuj] { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 1rem; }
.preferences-specimen > header > div[b-4qt0rzycuj] { display: grid; gap: .2rem; }
.preferences-specimen > header span[b-4qt0rzycuj] { color: color-mix(in srgb, var(--app-accent) 65%, var(--app-foreground)); font-size: .6rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.preferences-specimen > header strong[b-4qt0rzycuj] { font-family: var(--app-font-heading); font-size: 1rem; }
.preferences-specimen > p[b-4qt0rzycuj] { max-width: 42rem; margin: 0; color: var(--app-foreground-muted); font-size: .76rem; line-height: 1.6; }
@media (max-width: 900px) { .preferences-specimen > header[b-4qt0rzycuj] { align-items: flex-start; } }
/* /Components/Specimens/SharedSurfacesSpecimen.razor.rz.scp.css */
.shared-surfaces-specimen[b-18muqmrx6t] { display: grid; min-width: 0; overflow: hidden; border: 1px solid var(--app-border); border-radius: 1rem; background: var(--app-surface); }
.shared-surfaces-specimen[b-18muqmrx6t]  .hero { min-width: 0; }
.shared-surfaces-specimen[b-18muqmrx6t]  .hero h1,
.shared-surfaces-specimen[b-18muqmrx6t]  .hero h2,
.shared-surfaces-specimen[b-18muqmrx6t]  .hero p { margin-block: .35rem; overflow-wrap: anywhere; }
.shared-surfaces-specimen[b-18muqmrx6t]  .hero p { max-width: 42rem; color: var(--app-foreground-muted); line-height: 1.6; }
/* /Pages/ComponentBrowser.razor.rz.scp.css */
.component-browser[b-zk0eojv3yq] {
    width: min(100% - 2rem, 94rem);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 5rem) 0 6rem;
}

.component-browser__hero[b-zk0eojv3yq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, .55fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: end;
    padding: 0 clamp(.25rem, 2vw, 1rem) 3rem;
    border-bottom: 1px solid var(--app-border);
}

.component-browser__hero h1[b-zk0eojv3yq] {
    margin: .45rem 0 1rem;
    font-family: var(--app-font-heading);
    font-size: clamp(3rem, 7vw, 6.5rem);
    line-height: .88;
    letter-spacing: -.065em;
}

.component-browser__hero h1 em[b-zk0eojv3yq] {
    color: var(--app-accent);
    font-style: normal;
}

.component-browser__hero p[b-zk0eojv3yq] {
    max-width: 54rem;
    margin: 0;
    color: var(--app-foreground-muted);
    line-height: 1.75;
}

.component-browser__hero-actions[b-zk0eojv3yq] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem 1.25rem;
    margin-top: 1.25rem;
}

.component-browser__hero-actions a[b-zk0eojv3yq] {
    color: var(--app-accent);
    font-size: .74rem;
    font-weight: 800;
    text-decoration: none;
}

.component-browser__hero-actions a:hover[b-zk0eojv3yq],
.component-browser__hero-actions a:focus-visible[b-zk0eojv3yq] {
    text-decoration: underline;
    text-underline-offset: .25rem;
}

.component-browser__coverage-summary[b-zk0eojv3yq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    overflow: hidden;
    background: var(--app-surface);
}

.component-browser__coverage-summary article[b-zk0eojv3yq] {
    display: grid;
    align-content: end;
    min-height: 6.5rem;
    padding: .85rem;
}

.component-browser__coverage-summary article + article[b-zk0eojv3yq] {
    border-left: 1px solid var(--app-border);
}

.component-browser__coverage-summary strong[b-zk0eojv3yq] {
    color: var(--app-accent);
    font: 800 clamp(1.45rem, 3vw, 2.35rem)/1 var(--app-font-heading);
}

.component-browser__coverage-summary article span[b-zk0eojv3yq] {
    margin-top: .35rem;
    color: var(--app-foreground-muted);
    font-size: .58rem;
}

.component-browser__coverage-summary > div[b-zk0eojv3yq] {
    grid-column: 1 / -1;
    height: .35rem;
    background: var(--app-surface-muted);
}

.component-browser__coverage-summary > div span[b-zk0eojv3yq] {
    display: block;
    height: 100%;
    background: var(--app-accent);
}

.component-browser__coverage-summary > p[b-zk0eojv3yq] {
    grid-column: 1 / -1;
    margin: 0;
    padding: .7rem .85rem;
    border-top: 1px solid var(--app-border);
    color: var(--app-foreground-muted);
    font-size: .64rem;
    line-height: 1.45;
}

.component-browser__workspace[b-zk0eojv3yq] {
    display: grid;
    grid-template-columns: 17rem minmax(0, 1fr);
    gap: clamp(2rem, 4vw, 4rem);
    align-items: start;
}

.component-browser__sidebar[b-zk0eojv3yq] {
    position: sticky;
    top: 5.25rem;
    display: grid;
    max-height: calc(100dvh - 6.25rem);
    gap: 1.35rem;
    padding: 1.5rem .25rem 1rem;
    overflow-y: auto;
}

.component-browser__search[b-zk0eojv3yq] {
    display: grid;
    gap: .4rem;
}

.component-browser__search span[b-zk0eojv3yq],
.component-browser__coverage-filter legend[b-zk0eojv3yq] {
    color: var(--app-accent);
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.component-browser__search input[b-zk0eojv3yq] {
    width: 100%;
    padding: .62rem .7rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    color: var(--app-foreground);
    font: inherit;
    font-size: .76rem;
}

.component-browser__coverage-filter[b-zk0eojv3yq] {
    display: grid;
    gap: .3rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.component-browser__coverage-filter legend[b-zk0eojv3yq] {
    margin-bottom: .4rem;
    padding: 0;
}

.component-browser__coverage-filter button[b-zk0eojv3yq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .5rem .6rem;
    border: 1px solid transparent;
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-foreground-muted);
    font: 700 .72rem var(--app-font-body);
    text-align: left;
    cursor: pointer;
}

.component-browser__coverage-filter button:hover[b-zk0eojv3yq],
.component-browser__coverage-filter button:focus-visible[b-zk0eojv3yq],
.component-browser__coverage-filter button.is-active[b-zk0eojv3yq] {
    border-color: var(--app-accent-border);
    background: var(--app-accent-soft);
    color: var(--app-foreground);
    outline: none;
}

.component-browser__coverage-filter small[b-zk0eojv3yq] {
    font: 700 .58rem var(--app-font-mono);
}

.component-browser__sidebar nav[b-zk0eojv3yq] {
    display: grid;
    gap: .35rem;
    padding-top: 1rem;
    border-top: 1px solid var(--app-border);
}

.component-browser__sidebar summary[b-zk0eojv3yq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    padding: .48rem .55rem;
    border-radius: var(--app-radius-sm);
    list-style: none;
    cursor: pointer;
}

.component-browser__sidebar summary[b-zk0eojv3yq]::-webkit-details-marker {
    display: none;
}

.component-browser__sidebar summary:hover[b-zk0eojv3yq] {
    background: var(--app-surface-muted);
}

.component-browser__sidebar summary span[b-zk0eojv3yq] {
    color: var(--app-accent);
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.component-browser__sidebar summary > small[b-zk0eojv3yq] {
    display: grid;
    min-width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 50%;
    background: var(--app-surface-muted);
    color: var(--app-foreground-muted);
    font: 700 .56rem var(--app-font-mono);
}

.component-browser__sidebar details > div[b-zk0eojv3yq] {
    display: grid;
    gap: .15rem;
    padding: .15rem 0 .55rem .35rem;
}

.component-browser__sidebar details a[b-zk0eojv3yq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .5rem;
    align-items: center;
    padding: .42rem .55rem;
    border-left: 2px solid transparent;
    border-radius: 0 var(--app-radius-sm) var(--app-radius-sm) 0;
    color: var(--app-foreground-muted);
    font-size: .74rem;
    font-weight: 680;
    text-decoration: none;
}

.component-browser__sidebar details a:hover[b-zk0eojv3yq],
.component-browser__sidebar details a:focus-visible[b-zk0eojv3yq] {
    border-left-color: var(--app-accent);
    background: var(--app-accent-soft);
    color: var(--app-foreground);
    outline: none;
}

.component-browser__mini-coverage[b-zk0eojv3yq] {
    font-size: .48rem;
    font-weight: 850;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.component-browser__mini-coverage--interactive[b-zk0eojv3yq] { color: var(--app-success); }
.component-browser__mini-coverage--pattern[b-zk0eojv3yq] { color: var(--app-accent); }
.component-browser__mini-coverage--reference[b-zk0eojv3yq] { color: var(--app-foreground-muted); }

.component-browser__content[b-zk0eojv3yq] {
    min-width: 0;
    padding-top: 1.5rem;
}

.component-browser__results-header[b-zk0eojv3yq] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    padding: 0 0 1.25rem;
    border-bottom: 1px solid var(--app-border);
}

.component-browser__results-header div[b-zk0eojv3yq] {
    display: grid;
    gap: .25rem;
}

.component-browser__results-header span[b-zk0eojv3yq] {
    color: var(--app-accent);
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.component-browser__results-header strong[b-zk0eojv3yq] {
    font: 750 clamp(1.35rem, 3vw, 2rem) var(--app-font-heading);
}

.component-browser__results-header button[b-zk0eojv3yq],
.component-browser__empty button[b-zk0eojv3yq] {
    padding: .52rem .7rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    color: var(--app-foreground);
    font: 750 .68rem var(--app-font-body);
    cursor: pointer;
}

.component-browser__results-header button:hover[b-zk0eojv3yq],
.component-browser__results-header button:focus-visible[b-zk0eojv3yq],
.component-browser__empty button:hover[b-zk0eojv3yq],
.component-browser__empty button:focus-visible[b-zk0eojv3yq] {
    border-color: var(--app-accent-border);
    background: var(--app-accent-soft);
    outline: none;
}

.component-browser__group[b-zk0eojv3yq] {
    scroll-margin-top: 6rem;
    padding: 2.5rem 0;
    border-bottom: 1px solid var(--app-border);
}

.component-browser__group > header[b-zk0eojv3yq] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    margin-bottom: 1rem;
}

.component-browser__group h2[b-zk0eojv3yq] {
    margin: 0;
    font-family: var(--app-font-heading);
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    letter-spacing: -.035em;
}

.component-browser__group > header span[b-zk0eojv3yq] {
    display: grid;
    min-width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    border-radius: 50%;
    background: var(--app-surface-muted);
    color: var(--app-foreground-muted);
    font: 800 .62rem var(--app-font-mono);
}

.component-browser__grid[b-zk0eojv3yq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.component-browser__card[b-zk0eojv3yq] {
    display: grid;
    min-height: 13rem;
    padding: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    color: var(--app-foreground);
    text-decoration: none;
    transition: border-color var(--app-duration-fast), transform var(--app-duration-fast), box-shadow var(--app-duration-fast);
}

.component-browser__card:hover[b-zk0eojv3yq],
.component-browser__card:focus-visible[b-zk0eojv3yq] {
    border-color: var(--app-accent-border);
    outline: none;
    box-shadow: var(--app-shadow-md);
    transform: translateY(-2px);
}

.component-browser__card-meta[b-zk0eojv3yq] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    align-items: center;
}

.component-browser__status[b-zk0eojv3yq],
.component-browser__coverage[b-zk0eojv3yq] {
    padding: .2rem .42rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-round);
    font-size: .5rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.component-browser__status[b-zk0eojv3yq] { color: var(--app-foreground-muted); }
.component-browser__status--stable[b-zk0eojv3yq] { border-color: var(--app-accent-border); color: var(--app-accent); }
.component-browser__status--beta[b-zk0eojv3yq] { border-color: var(--app-warning-border); color: var(--app-warning); }
.component-browser__status--experimental[b-zk0eojv3yq] { border-color: var(--app-warning-border); background: var(--app-warning-soft); color: var(--app-warning); }
.component-browser__status--deprecated[b-zk0eojv3yq] { border-color: var(--app-danger-border); background: var(--app-danger-soft); color: var(--app-danger); }

.component-browser__coverage--interactive[b-zk0eojv3yq] { border-color: var(--app-success-border); background: var(--app-success-soft); color: var(--app-success); }
.component-browser__coverage--pattern[b-zk0eojv3yq] { border-color: var(--app-accent-border); background: var(--app-accent-soft); color: color-mix(in srgb, var(--app-accent) 65%, var(--app-foreground)); }
.component-browser__coverage--reference[b-zk0eojv3yq] { color: var(--app-foreground-muted); }

.component-browser__card h3[b-zk0eojv3yq] {
    margin: 1rem 0 .45rem;
    font-family: var(--app-font-heading);
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.component-browser__card p[b-zk0eojv3yq] {
    margin: 0;
    color: var(--app-foreground-muted);
    font-size: .7rem;
    line-height: 1.55;
}

.component-browser__card > small[b-zk0eojv3yq] {
    margin-top: .85rem;
    color: var(--app-foreground-muted);
    font-size: .57rem;
    line-height: 1.45;
}

.component-browser__card footer[b-zk0eojv3yq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-top: auto;
    padding-top: 1rem;
    color: var(--app-accent);
    font-size: .62rem;
    font-weight: 800;
}

.component-browser__empty[b-zk0eojv3yq] {
    display: grid;
    justify-items: center;
    gap: .55rem;
    margin: 3rem 0;
    padding: 2rem;
    border: 1px dashed var(--app-border);
    border-radius: var(--app-radius-lg);
    text-align: center;
}

.component-browser__empty p[b-zk0eojv3yq] {
    margin: 0;
    color: var(--app-foreground-muted);
}

@media (max-width: 76rem) {
    .component-browser__grid[b-zk0eojv3yq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 64rem) {
    .component-browser__hero[b-zk0eojv3yq] { grid-template-columns: 1fr; }
    .component-browser__coverage-summary[b-zk0eojv3yq] { max-width: 42rem; }
    .component-browser__workspace[b-zk0eojv3yq] { grid-template-columns: 1fr; gap: 0; }
    .component-browser__sidebar[b-zk0eojv3yq] { position: static; max-height: none; padding: 1.25rem 0; overflow: visible; border-bottom: 1px solid var(--app-border); }
    .component-browser__sidebar nav[b-zk0eojv3yq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 44rem) {
    .component-browser__coverage-summary[b-zk0eojv3yq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .component-browser__coverage-summary article:nth-child(3)[b-zk0eojv3yq] { border-top: 1px solid var(--app-border); border-left: 0; }
    .component-browser__coverage-summary article:nth-child(4)[b-zk0eojv3yq] { border-top: 1px solid var(--app-border); }
    .component-browser__grid[b-zk0eojv3yq],
    .component-browser__sidebar nav[b-zk0eojv3yq] { grid-template-columns: 1fr; }
}

@media (max-width: 34rem) {
    .component-browser[b-zk0eojv3yq] { width: min(100% - 1rem, 94rem); }
    .component-browser__results-header[b-zk0eojv3yq] { align-items: start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .component-browser__card[b-zk0eojv3yq] { transition: none; }
    .component-browser__card:hover[b-zk0eojv3yq],
    .component-browser__card:focus-visible[b-zk0eojv3yq] { transform: none; }
}
/* /Pages/ComponentCatalog.razor.rz.scp.css */
.component-catalog-page[b-j3dbk28chz] {
    width: min(100% - 2rem, 90rem);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 5rem) 0 6rem;
}

.component-catalog-page__hero[b-j3dbk28chz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, .35fr);
    gap: 3rem;
    align-items: end;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--app-border);
}

.component-catalog-page__hero h1[b-j3dbk28chz] {
    margin: .45rem 0 1rem;
    font-family: var(--app-font-heading);
    font-size: clamp(3rem, 7vw, 6rem);
    line-height: .9;
    letter-spacing: -.06em;
}

.component-catalog-page__hero h1 em[b-j3dbk28chz] {
    color: var(--app-accent);
    font-style: normal;
}

.component-catalog-page__hero p[b-j3dbk28chz] {
    max-width: 52rem;
    margin: 0;
    color: var(--app-foreground-muted);
    line-height: 1.7;
}

.component-catalog-page__summary[b-j3dbk28chz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    overflow: hidden;
    background: var(--app-surface);
}

.component-catalog-page__summary article[b-j3dbk28chz] {
    display: grid;
    align-content: end;
    min-height: 7rem;
    padding: 1rem;
}

.component-catalog-page__summary article + article[b-j3dbk28chz] {
    border-left: 1px solid var(--app-border);
}

.component-catalog-page__summary strong[b-j3dbk28chz] {
    color: var(--app-accent);
    font: 800 2.5rem/1 var(--app-font-heading);
}

.component-catalog-page__summary span[b-j3dbk28chz] {
    margin-top: .35rem;
    color: var(--app-foreground-muted);
    font-size: .64rem;
}

.component-catalog-page__summary a[b-j3dbk28chz] {
    grid-column: 1 / -1;
    padding: .75rem 1rem;
    border-top: 1px solid var(--app-border);
    color: var(--app-accent);
    font-size: .7rem;
    font-weight: 800;
    text-decoration: none;
}

.component-catalog-page__toolbar[b-j3dbk28chz] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) auto;
    gap: 1.5rem;
    align-items: end;
    padding: 1.5rem 0;
}

.component-catalog-page__search[b-j3dbk28chz] {
    display: grid;
    grid-template-columns: 14rem minmax(0, 30rem);
    gap: 1rem;
    align-items: center;
}

.component-catalog-page__search span[b-j3dbk28chz],
.component-catalog-page__filters legend[b-j3dbk28chz] {
    color: var(--app-accent);
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.component-catalog-page__search input[b-j3dbk28chz] {
    padding: .65rem .75rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    color: var(--app-foreground);
    font: inherit;
}

.component-catalog-page__filters[b-j3dbk28chz] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.component-catalog-page__filters legend[b-j3dbk28chz] {
    width: 100%;
    margin-bottom: .15rem;
    padding: 0;
}

.component-catalog-page__filters button[b-j3dbk28chz] {
    padding: .45rem .62rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-round);
    background: var(--app-surface);
    color: var(--app-foreground-muted);
    font: 750 .64rem var(--app-font-body);
    cursor: pointer;
}

.component-catalog-page__filters button:hover[b-j3dbk28chz],
.component-catalog-page__filters button:focus-visible[b-j3dbk28chz],
.component-catalog-page__filters button.is-active[b-j3dbk28chz] {
    border-color: var(--app-accent-border);
    background: var(--app-accent-soft);
    color: var(--app-foreground);
    outline: none;
}

.component-catalog-page__groups section[b-j3dbk28chz] {
    padding: 2rem 0;
    border-top: 1px solid var(--app-border);
}

.component-catalog-page__groups section > header[b-j3dbk28chz] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    margin-bottom: 1rem;
}

.component-catalog-page__groups h2[b-j3dbk28chz] {
    margin: 0;
    font-family: var(--app-font-heading);
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    letter-spacing: -.035em;
}

.component-catalog-page__groups section > header span[b-j3dbk28chz] {
    display: grid;
    min-width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    border-radius: 50%;
    background: var(--app-surface-muted);
    color: var(--app-foreground-muted);
    font: 800 .65rem var(--app-font-mono);
}

.component-catalog-page__groups section > div[b-j3dbk28chz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.component-catalog-page__groups a[b-j3dbk28chz] {
    display: grid;
    min-height: 10rem;
    padding: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    color: var(--app-foreground);
    text-decoration: none;
}

.component-catalog-page__groups a:hover[b-j3dbk28chz],
.component-catalog-page__groups a:focus-visible[b-j3dbk28chz] {
    border-color: var(--app-accent-border);
    background: linear-gradient(135deg, var(--app-accent-soft), transparent 60%), var(--app-surface);
    outline: none;
}

.component-catalog-page__groups a > div[b-j3dbk28chz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}

.component-catalog-page__groups a > strong[b-j3dbk28chz] {
    margin-top: .8rem;
    font-size: .82rem;
    overflow-wrap: anywhere;
}

.component-catalog-page__groups a p[b-j3dbk28chz],
.component-catalog-page__groups a small[b-j3dbk28chz] {
    margin: 0;
    color: var(--app-foreground-muted);
}

.component-catalog-page__groups a p[b-j3dbk28chz] {
    margin-top: .4rem;
    font-size: .7rem;
    line-height: 1.5;
}

.component-catalog-page__groups a small[b-j3dbk28chz] {
    align-self: end;
    margin-top: 1rem;
    font-size: .58rem;
    line-height: 1.45;
}

.component-catalog-page__status[b-j3dbk28chz],
.component-catalog-page__coverage[b-j3dbk28chz] {
    padding: .2rem .42rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-round);
    color: var(--app-foreground-muted);
    font-size: .5rem;
    font-weight: 850;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.component-catalog-page__status--stable[b-j3dbk28chz] {
    border-color: var(--app-accent-border);
    color: var(--app-accent);
}

.component-catalog-page__status--beta[b-j3dbk28chz],
.component-catalog-page__status--experimental[b-j3dbk28chz] {
    border-color: var(--app-warning-border);
    color: var(--app-warning);
}

.component-catalog-page__status--deprecated[b-j3dbk28chz] {
    border-color: var(--app-danger-border);
    color: var(--app-danger);
}

.component-catalog-page__coverage--interactive[b-j3dbk28chz] {
    border-color: var(--app-success-border);
    background: var(--app-success-soft);
    color: var(--app-success);
}

.component-catalog-page__coverage--pattern[b-j3dbk28chz] {
    border-color: var(--app-accent-border);
    background: var(--app-accent-soft);
    color: color-mix(in srgb, var(--app-accent) 65%, var(--app-foreground));
}

.component-catalog-page__empty[b-j3dbk28chz] {
    display: grid;
    justify-items: center;
    gap: .75rem;
    padding: 2rem;
    border: 1px dashed var(--app-border);
    border-radius: var(--app-radius-lg);
}

.component-catalog-page__empty button[b-j3dbk28chz] {
    padding: .5rem .7rem;
    border: 1px solid var(--app-accent-border);
    border-radius: var(--app-radius-sm);
    background: var(--app-accent-soft);
    color: var(--app-accent);
    cursor: pointer;
}

@media (max-width: 70rem) {
    .component-catalog-page__groups section > div[b-j3dbk28chz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .component-catalog-page__toolbar[b-j3dbk28chz] { grid-template-columns: 1fr; }
}

@media (max-width: 48rem) {
    .component-catalog-page__hero[b-j3dbk28chz] { grid-template-columns: 1fr; }
    .component-catalog-page__summary[b-j3dbk28chz] { max-width: 28rem; }
    .component-catalog-page__search[b-j3dbk28chz] { grid-template-columns: 1fr; }
}

@media (max-width: 34rem) {
    .component-catalog-page[b-j3dbk28chz] { width: min(100% - 1rem, 90rem); }
    .component-catalog-page__groups section > div[b-j3dbk28chz] { grid-template-columns: 1fr; }
}
/* /Pages/ComponentDetail.razor.rz.scp.css */
.component-detail[b-4372ywdtr5] { width: min(100% - 2rem, 88rem); margin: 0 auto; padding: 2rem 0 6rem; }
.component-detail__breadcrumbs[b-4372ywdtr5] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: 2rem; color: var(--app-foreground-muted); font-size: .72rem; }
.component-detail__breadcrumbs a[b-4372ywdtr5] { color: var(--app-accent); text-decoration: none; }
.component-detail__hero[b-4372ywdtr5] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; align-items: end; padding-bottom: 2.5rem; border-bottom: 1px solid var(--app-border); }
.component-detail__hero h1[b-4372ywdtr5] { margin: .35rem 0 .8rem; font-family: var(--app-font-heading); font-size: clamp(3rem, 7vw, 6rem); line-height: .9; letter-spacing: -.06em; }
.component-detail__hero p[b-4372ywdtr5] { max-width: 48rem; margin: 0; color: var(--app-foreground-muted); font-size: 1rem; line-height: 1.7; }
.component-detail__meta[b-4372ywdtr5] { display: grid; justify-items: start; gap: .6rem; min-width: 12rem; color: var(--app-foreground-muted); font-size: .72rem; }
.component-detail__meta a[b-4372ywdtr5] { color: var(--app-accent); font-weight: 750; text-decoration: none; }
.component-detail__status[b-4372ywdtr5], .component-detail__coverage[b-4372ywdtr5] { display: inline-flex; padding: .35rem .6rem; border: 1px solid var(--app-border); border-radius: 99rem; background: var(--app-surface); color: var(--app-foreground); font-size: .62rem; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.component-detail__status--stable[b-4372ywdtr5] { border-color: var(--app-success-border); background: var(--app-success-soft); color: var(--app-success); }
.component-detail__status--beta[b-4372ywdtr5], .component-detail__status--experimental[b-4372ywdtr5] { border-color: var(--app-warning-border); background: var(--app-warning-soft); color: var(--app-warning); }
.component-detail__status--deprecated[b-4372ywdtr5] { border-color: var(--app-danger-border); background: var(--app-danger-soft); color: var(--app-danger); }
.component-detail__coverage--interactive[b-4372ywdtr5] { border-color: var(--app-success-border); background: var(--app-success-soft); color: var(--app-success); }
.component-detail__coverage--pattern[b-4372ywdtr5] { border-color: var(--app-accent-border); background: var(--app-accent-soft); color: color-mix(in srgb, var(--app-accent) 65%, var(--app-foreground)); }
.component-detail__coverage--reference[b-4372ywdtr5] { color: var(--app-foreground-muted); }
.component-detail__section[b-4372ywdtr5] { padding: 3rem 0; border-bottom: 1px solid var(--app-border); }
.component-detail__section > header[b-4372ywdtr5] { display: flex; justify-content: space-between; gap: 2rem; align-items: end; margin-bottom: 1.25rem; }
.component-detail__section > header span[b-4372ywdtr5] { color: var(--app-accent); font-size: .62rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.component-detail__section > header h2[b-4372ywdtr5] { margin: .25rem 0 0; font-family: var(--app-font-heading); font-size: clamp(1.7rem, 4vw, 2.6rem); letter-spacing: -.04em; }
.component-detail__section > header p[b-4372ywdtr5] { max-width: 36rem; margin: 0; color: var(--app-foreground-muted); font-size: .78rem; line-height: 1.55; }
.component-detail__viewport[b-4372ywdtr5] { display: flex; gap: .25rem; padding: .25rem; border: 1px solid var(--app-border); border-radius: .6rem; background: var(--app-surface); }
.component-detail__viewport button[b-4372ywdtr5] { padding: .4rem .6rem; border: 0; border-radius: .4rem; background: transparent; color: var(--app-foreground-muted); font: inherit; font-size: .7rem; font-weight: 750; cursor: pointer; }
.component-detail__viewport button.is-active[b-4372ywdtr5] { background: var(--app-accent-soft); color: var(--app-foreground); }
.component-detail__lab[b-4372ywdtr5] { display: grid; grid-template-columns: minmax(0, 1fr) 15rem; gap: 1rem; align-items: start; padding: 1rem; border: 1px solid var(--app-border); border-radius: 1rem; background: var(--app-surface-muted); overflow: hidden; }
.component-detail__preview-frame[b-4372ywdtr5] { width: 100%; max-width: 100%; margin-inline: auto; box-sizing: border-box; padding: clamp(1.25rem, 4vw, 3rem); border: 1px solid var(--app-border); border-radius: .8rem; background: linear-gradient(135deg, var(--app-brand-soft), transparent 48%), var(--app-surface); box-shadow: 0 1rem 2.5rem var(--app-shadow-color); transition: max-width .2s ease; }
.component-detail__preview-frame--mobile[b-4372ywdtr5] { max-width: 23.4375rem; }
.component-detail__preview-frame--tablet[b-4372ywdtr5] { max-width: 48rem; }
.component-detail__preview-frame--desktop[b-4372ywdtr5] { max-width: 80rem; }
.component-detail__preview-frame--full[b-4372ywdtr5] { max-width: 100%; }
.component-detail__preview-frame--reference[b-4372ywdtr5] { grid-column: 1 / -1; }
.component-detail__button-demo[b-4372ywdtr5] { display: grid; min-height: 11rem; place-items: center; }
.component-detail__generic-preview[b-4372ywdtr5] { display: grid; align-content: center; gap: .7rem; max-width: 42rem; min-height: 10rem; }
.component-detail__generic-preview > span[b-4372ywdtr5] { color: var(--app-accent); font-size: .6rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.component-detail__generic-preview strong[b-4372ywdtr5] { font-family: var(--app-font-heading); font-size: 1.35rem; }
.component-detail__generic-preview p[b-4372ywdtr5] { margin: 0; color: var(--app-foreground-muted); line-height: 1.6; }
.component-detail__generic-preview small[b-4372ywdtr5] { color: var(--app-foreground-muted); font-size: .7rem; line-height: 1.5; }
.component-detail__generic-preview a[b-4372ywdtr5] { justify-self: start; margin-top: .35rem; color: var(--app-accent); font-size: .75rem; font-weight: 800; text-decoration: none; }
.component-detail__generic-preview--interactive[b-4372ywdtr5] { border-left: 3px solid var(--app-success); padding-left: 1rem; }
.component-detail__generic-preview--pattern[b-4372ywdtr5] { border-left: 3px solid var(--app-accent); padding-left: 1rem; }
.component-detail__generic-preview--reference[b-4372ywdtr5] { border-left: 3px solid var(--app-border); padding-left: 1rem; }
.component-detail__documentation[b-4372ywdtr5] { display: grid; gap: 1rem; padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--app-border); border-radius: 1rem; background: linear-gradient(135deg, var(--app-accent-soft), transparent 52%), var(--app-surface-muted); }
.component-detail__documentation--reference[b-4372ywdtr5] { background: var(--app-surface-muted); }
.component-detail__documentation-intro[b-4372ywdtr5] { display: grid; max-width: 58rem; gap: .6rem; padding-inline-start: 1rem; border-inline-start: 3px solid var(--app-accent); }
.component-detail__documentation--reference .component-detail__documentation-intro[b-4372ywdtr5] { border-inline-start-color: var(--app-border); }
.component-detail__documentation-intro > span[b-4372ywdtr5] { color: color-mix(in srgb, var(--app-accent) 65%, var(--app-foreground)); font-size: .62rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.component-detail__documentation-intro h3[b-4372ywdtr5] { margin: 0; font-family: var(--app-font-heading); font-size: clamp(1.35rem, 3vw, 2rem); letter-spacing: -.025em; }
.component-detail__documentation-intro p[b-4372ywdtr5] { margin: 0; color: var(--app-foreground-muted); line-height: 1.65; }
.component-detail__documentation-intro > a[b-4372ywdtr5] { justify-self: start; margin-top: .25rem; color: color-mix(in srgb, var(--app-accent) 65%, var(--app-foreground)); font-size: .76rem; font-weight: 800; text-decoration: none; }
.component-detail__documentation-intro > a:hover[b-4372ywdtr5], .component-detail__documentation-intro > a:focus-visible[b-4372ywdtr5] { text-decoration: underline; text-underline-offset: .2rem; }
.component-detail__documentation-grid[b-4372ywdtr5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.component-detail__documentation-grid article[b-4372ywdtr5] { padding: 1rem; border: 1px solid var(--app-border); border-radius: .75rem; background: var(--app-surface); }
.component-detail__documentation-grid strong[b-4372ywdtr5] { color: var(--app-foreground); font-size: .76rem; }
.component-detail__documentation-grid ul[b-4372ywdtr5] { display: grid; gap: .45rem; margin: .7rem 0 0; padding-inline-start: 1.1rem; color: var(--app-foreground-muted); font-size: .7rem; line-height: 1.5; }
.component-detail__documentation-grid a[b-4372ywdtr5] { color: color-mix(in srgb, var(--app-accent) 65%, var(--app-foreground)); font-weight: 760; text-underline-offset: .15rem; }
.component-detail__controls[b-4372ywdtr5] { display: grid; gap: .8rem; padding: 1rem; border: 1px solid var(--app-border); border-radius: .8rem; background: var(--app-surface); }
.component-detail__controls > span[b-4372ywdtr5] { color: var(--app-accent); font-size: .62rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.component-detail__controls label[b-4372ywdtr5] { display: grid; gap: .35rem; color: var(--app-foreground-muted); font-size: .7rem; font-weight: 700; }
.component-detail__controls input:not([type=checkbox])[b-4372ywdtr5], .component-detail__controls select[b-4372ywdtr5] { width: 100%; box-sizing: border-box; padding: .52rem .58rem; border: 1px solid var(--app-border); border-radius: .5rem; background: var(--app-background); color: var(--app-foreground); font: inherit; }
.component-detail__controls .component-detail__check[b-4372ywdtr5] { display: flex; gap: .5rem; align-items: center; }
.component-detail__states[b-4372ywdtr5], .component-detail__quality-grid[b-4372ywdtr5] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.component-detail__states article[b-4372ywdtr5], .component-detail__quality-grid article[b-4372ywdtr5] { display: grid; align-content: start; gap: .8rem; min-height: 7rem; padding: 1rem; border: 1px solid var(--app-border); border-radius: .75rem; background: var(--app-surface); }
.component-detail__states article > span[b-4372ywdtr5] { color: var(--app-foreground-muted); font-size: .65rem; font-weight: 750; }
.component-detail__quality-grid[b-4372ywdtr5] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.component-detail__quality-grid strong[b-4372ywdtr5] { color: var(--app-accent); font-size: .82rem; }
.component-detail__quality-grid p[b-4372ywdtr5] { margin: 0; color: var(--app-foreground-muted); font-size: .75rem; line-height: 1.55; }
.component-detail__related[b-4372ywdtr5] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.component-detail__related a[b-4372ywdtr5] { display: grid; gap: .35rem; padding: 1rem; border: 1px solid var(--app-border); border-radius: .75rem; background: var(--app-surface); color: var(--app-foreground); text-decoration: none; }
.component-detail__related a:hover[b-4372ywdtr5], .component-detail__related a:focus-visible[b-4372ywdtr5] { border-color: var(--app-accent-border); background: var(--app-accent-soft); outline: none; }
.component-detail__related strong[b-4372ywdtr5] { font-size: .8rem; }
.component-detail__related span[b-4372ywdtr5] { color: var(--app-foreground-muted); font-size: .68rem; line-height: 1.5; }
.component-detail__related small[b-4372ywdtr5] { margin-top: .35rem; color: var(--app-accent); font-size: .56rem; font-weight: 850; text-transform: uppercase; }
.component-detail__footer[b-4372ywdtr5] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem 1rem; padding-top: 2rem; color: var(--app-foreground-muted); font-size: .72rem; }
.component-detail__footer p[b-4372ywdtr5] { margin: 0; }
.component-detail__not-found[b-4372ywdtr5] { max-width: 48rem; padding: 5rem 0; }
.component-detail__not-found h1[b-4372ywdtr5] { font-family: var(--app-font-heading); font-size: clamp(2.5rem, 6vw, 5rem); letter-spacing: -.05em; }
.component-detail__not-found p[b-4372ywdtr5] { color: var(--app-foreground-muted); line-height: 1.7; }
.component-detail__not-found a[b-4372ywdtr5] { color: var(--app-accent); font-weight: 800; }
@media (max-width: 64rem) { .component-detail__lab[b-4372ywdtr5] { grid-template-columns: 1fr; } .component-detail__controls[b-4372ywdtr5] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .component-detail__controls > span[b-4372ywdtr5] { grid-column: 1 / -1; } .component-detail__quality-grid[b-4372ywdtr5] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 48rem) { .component-detail__hero[b-4372ywdtr5], .component-detail__section > header[b-4372ywdtr5] { grid-template-columns: 1fr; display: grid; align-items: start; gap: 1rem; } .component-detail__states[b-4372ywdtr5], .component-detail__related[b-4372ywdtr5], .component-detail__documentation-grid[b-4372ywdtr5] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .component-detail__controls[b-4372ywdtr5] { grid-template-columns: 1fr; } }
@media (max-width: 34rem) { .component-detail[b-4372ywdtr5] { width: min(100% - 1rem, 88rem); } .component-detail__states[b-4372ywdtr5], .component-detail__quality-grid[b-4372ywdtr5], .component-detail__related[b-4372ywdtr5], .component-detail__documentation-grid[b-4372ywdtr5] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .component-detail__preview-frame[b-4372ywdtr5] { transition: none; } }
/* /Pages/FormControls.razor.rz.scp.css */
.form-playbook[b-lmgg9pd6m6] { width: min(100%, 92rem); box-sizing: border-box; margin-inline: auto; padding: clamp(2rem, 5vw, 5.5rem) clamp(1rem, 4vw, 4.5rem) 6rem; }
.form-playbook__intro[b-lmgg9pd6m6] { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(17rem, .7fr); align-items: end; gap: clamp(2rem, 6vw, 7rem); padding-bottom: clamp(2.5rem, 6vw, 5rem); border-bottom: 1px solid var(--app-border); }
.form-playbook__intro h1[b-lmgg9pd6m6] { max-width: 13ch; margin: .7rem 0 0; color: var(--app-foreground); font-size: clamp(2.7rem, 6.5vw, 6.6rem); line-height: .9; letter-spacing: -.065em; }
.form-playbook__intro h1 em[b-lmgg9pd6m6] { color: var(--app-accent); font-weight: 520; }
.form-playbook__intro > p[b-lmgg9pd6m6] { margin: 0; color: var(--app-foreground-muted); font-size: clamp(1rem, 1.5vw, 1.24rem); line-height: 1.65; }
.form-playbook__section[b-lmgg9pd6m6] { padding-block: clamp(2.5rem, 5vw, 5rem); border-bottom: 1px solid var(--app-border); }
.form-playbook__section-heading[b-lmgg9pd6m6] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 1rem; margin-bottom: 2rem; }
.form-playbook__section-heading > span[b-lmgg9pd6m6] { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: 50%; background: var(--app-brand); color: var(--app-on-brand); font-size: .72rem; font-weight: 800; }
.form-playbook__section-heading h2[b-lmgg9pd6m6] { margin: 0; font-size: clamp(1.4rem, 2.5vw, 2.25rem); letter-spacing: -.035em; }
.form-playbook__section-heading p[b-lmgg9pd6m6] { margin: .35rem 0 0; color: var(--app-foreground-muted); }
.form-playbook__mode[b-lmgg9pd6m6] { padding: .45rem .65rem; border: 1px solid var(--app-accent-border); border-radius: 99rem; background: var(--app-accent-soft); color: var(--app-foreground); font-size: .67rem; letter-spacing: .08em; text-transform: uppercase; }
.form-playbook__mode--static[b-lmgg9pd6m6] { border-color: var(--app-border); background: var(--app-surface-muted); color: var(--app-foreground); }
.form-playbook__stage[b-lmgg9pd6m6] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); gap: clamp(1.25rem, 3vw, 3rem); }
.form-playbook__controls[b-lmgg9pd6m6], .form-playbook__static-form[b-lmgg9pd6m6], .form-playbook__receipt[b-lmgg9pd6m6] { border: 1px solid var(--app-border); border-radius: 1rem; background: var(--app-surface); box-shadow: 0 1rem 3rem var(--app-shadow-color); }
.form-playbook__validated-form[b-lmgg9pd6m6] { padding: clamp(1.25rem, 3vw, 2.25rem); border: 1px solid var(--app-border); border-radius: 1rem; background: linear-gradient(135deg, var(--app-brand-soft), transparent 34%), var(--app-surface); box-shadow: 0 1rem 3rem var(--app-shadow-color); }
.form-playbook__saved[b-lmgg9pd6m6] { color: var(--app-success) !important; font-weight: 750; }
.form-playbook__controls[b-lmgg9pd6m6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; padding: clamp(1.25rem, 3vw, 2.25rem); }
.form-playbook__controls > :last-child[b-lmgg9pd6m6] { grid-column: 1 / -1; }
.form-playbook__receipt[b-lmgg9pd6m6] { position: relative; overflow: hidden; padding: 1.5rem; background: var(--app-surface-muted); }
.form-playbook__receipt[b-lmgg9pd6m6]::before { position: absolute; width: 9rem; height: 9rem; border-radius: 50%; background: var(--app-accent-soft); content: ""; right: -4rem; top: -4rem; }
.form-playbook__receipt > span[b-lmgg9pd6m6] { position: relative; color: var(--app-accent); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.form-playbook__receipt dl[b-lmgg9pd6m6] { position: relative; display: grid; gap: .8rem; margin: 1.3rem 0; }
.form-playbook__receipt dl div[b-lmgg9pd6m6] { display: grid; gap: .18rem; padding-bottom: .75rem; border-bottom: 1px solid var(--app-border); }
.form-playbook__receipt dt[b-lmgg9pd6m6] { color: var(--app-foreground-muted); font-size: .7rem; }
.form-playbook__receipt dd[b-lmgg9pd6m6] { margin: 0; font-weight: 720; }
.form-playbook__receipt p[b-lmgg9pd6m6] { position: relative; margin: 0; color: var(--app-foreground-muted); font-size: .78rem; line-height: 1.55; }
.form-playbook__static-form[b-lmgg9pd6m6] { padding: clamp(1.25rem, 3vw, 2.25rem); }
.form-playbook__submit-row[b-lmgg9pd6m6] { display: flex; align-items: center; gap: 1rem; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--app-border); }
.form-playbook__submit-row span[b-lmgg9pd6m6] { max-width: 40rem; color: var(--app-foreground-muted); font-size: .75rem; }
.form-playbook__architecture[b-lmgg9pd6m6] { display: grid; grid-template-columns: minmax(15rem, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 6vw, 6rem); padding-top: clamp(3rem, 7vw, 6rem); }
.form-playbook__architecture h2[b-lmgg9pd6m6] { max-width: 14ch; margin: .7rem 0 0; font-size: clamp(2rem, 4vw, 4rem); line-height: .98; letter-spacing: -.055em; }
.form-playbook__architecture ol[b-lmgg9pd6m6] { display: grid; margin: 0; padding: 0; list-style: none; counter-reset: steps; }
.form-playbook__architecture li[b-lmgg9pd6m6] { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; padding: 1.2rem 0; border-top: 1px solid var(--app-border); counter-increment: steps; }
.form-playbook__architecture li strong[b-lmgg9pd6m6]::before { content: "0" counter(steps) " / "; color: var(--app-accent); }
.form-playbook__architecture li span[b-lmgg9pd6m6] { color: var(--app-foreground-muted); line-height: 1.55; }
.form-playbook__architecture code[b-lmgg9pd6m6] { color: var(--app-accent); }
@media (max-width: 800px) { .form-playbook__intro[b-lmgg9pd6m6], .form-playbook__stage[b-lmgg9pd6m6], .form-playbook__architecture[b-lmgg9pd6m6] { grid-template-columns: 1fr; } .form-playbook__intro[b-lmgg9pd6m6] { align-items: start; gap: 1.25rem; } .form-playbook__section-heading[b-lmgg9pd6m6] { grid-template-columns: auto 1fr; } .form-playbook__mode[b-lmgg9pd6m6] { grid-column: 2; justify-self: start; } }
@media (max-width: 560px) { .form-playbook[b-lmgg9pd6m6] { padding-inline: .8rem; } .form-playbook__controls[b-lmgg9pd6m6] { grid-template-columns: 1fr; } .form-playbook__controls > :last-child[b-lmgg9pd6m6] { grid-column: auto; } .form-playbook__submit-row[b-lmgg9pd6m6] { align-items: stretch; flex-direction: column; } .form-playbook__submit-row[b-lmgg9pd6m6]  .app-button { width: 100%; } .form-playbook__architecture li[b-lmgg9pd6m6] { grid-template-columns: 1fr; gap: .4rem; } }
/* /Pages/Foundations.razor.rz.scp.css */
.foundations-page[b-5c35ch9v7g] {
    width: min(100% - 2rem, 92rem);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 5rem) 0 6rem;
}

.foundations-page__hero[b-5c35ch9v7g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .5fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: end;
    padding-bottom: 3rem;
    border-bottom: 1px solid var(--app-border);
}

.foundations-page__hero h1[b-5c35ch9v7g] {
    margin: .45rem 0 1rem;
    font-family: var(--app-font-heading);
    font-size: clamp(3.2rem, 8vw, 7rem);
    line-height: .88;
    letter-spacing: -.065em;
}

.foundations-page__hero p[b-5c35ch9v7g] {
    max-width: 52rem;
    margin: 0;
    color: var(--app-foreground-muted);
    line-height: 1.75;
}

.foundations-page__hero-actions[b-5c35ch9v7g] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem 1.25rem;
    margin-top: 1.35rem;
}

.foundations-page__hero-actions a[b-5c35ch9v7g] {
    color: var(--app-accent);
    font-size: .76rem;
    font-weight: 800;
    text-decoration: none;
}

.foundations-page__hero-actions a:hover[b-5c35ch9v7g],
.foundations-page__hero-actions a:focus-visible[b-5c35ch9v7g] {
    text-decoration: underline;
    text-underline-offset: .25rem;
}

.foundations-page__summary[b-5c35ch9v7g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    overflow: hidden;
    background: var(--app-surface);
}

.foundations-page__summary article[b-5c35ch9v7g] {
    display: grid;
    align-content: end;
    min-height: 7.5rem;
    padding: 1rem;
}

.foundations-page__summary article + article[b-5c35ch9v7g] {
    border-left: 1px solid var(--app-border);
}

.foundations-page__summary strong[b-5c35ch9v7g] {
    color: var(--app-accent);
    font: 800 clamp(1.8rem, 4vw, 3rem)/1 var(--app-font-heading);
}

.foundations-page__summary span[b-5c35ch9v7g] {
    margin-top: .35rem;
    color: var(--app-foreground-muted);
    font-size: .64rem;
    line-height: 1.35;
}

.foundations-page__state[b-5c35ch9v7g] {
    display: grid;
    gap: .5rem;
    max-width: 44rem;
    margin: 3rem auto;
    padding: 1.5rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    text-align: center;
}

.foundations-page__state p[b-5c35ch9v7g] {
    margin: 0;
    color: var(--app-foreground-muted);
}

.foundations-page__state button[b-5c35ch9v7g] {
    justify-self: center;
    margin-top: .5rem;
    padding: .55rem .8rem;
    border: 1px solid var(--app-accent-border);
    border-radius: var(--app-radius-md);
    background: var(--app-accent-soft);
    color: var(--app-accent);
    cursor: pointer;
}

.foundations-page__category-nav[b-5c35ch9v7g] {
    position: sticky;
    z-index: 3;
    top: 4.7rem;
    display: flex;
    gap: .45rem;
    padding: 1rem 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--app-border);
    background: color-mix(in srgb, var(--app-background) 92%, transparent);
    backdrop-filter: blur(18px);
}

.foundations-page__category-nav a[b-5c35ch9v7g] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .5rem;
    padding: .48rem .65rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-round);
    background: var(--app-surface);
    color: var(--app-foreground);
    font-size: .68rem;
    font-weight: 760;
    text-decoration: none;
}

.foundations-page__category-nav a:hover[b-5c35ch9v7g],
.foundations-page__category-nav a:focus-visible[b-5c35ch9v7g] {
    border-color: var(--app-accent-border);
    background: var(--app-accent-soft);
    outline: none;
}

.foundations-page__category-nav small[b-5c35ch9v7g] {
    color: var(--app-foreground-muted);
    font: 700 .58rem var(--app-font-mono);
}

.foundations-page__section[b-5c35ch9v7g] {
    scroll-margin-top: 8rem;
    padding: 3.5rem 0;
    border-bottom: 1px solid var(--app-border);
}

.foundations-page__section > header[b-5c35ch9v7g] {
    display: grid;
    grid-template-columns: 8rem minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: start;
    margin-bottom: 1.5rem;
}

.foundations-page__section > header > span[b-5c35ch9v7g] {
    padding-top: .45rem;
    color: var(--app-accent);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.foundations-page__section > header h2[b-5c35ch9v7g] {
    margin: 0;
    font-family: var(--app-font-heading);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    letter-spacing: -.04em;
}

.foundations-page__section > header p[b-5c35ch9v7g] {
    max-width: 52rem;
    margin: .35rem 0 0;
    color: var(--app-foreground-muted);
    font-size: .82rem;
    line-height: 1.65;
}

.foundations-page__section > header > strong[b-5c35ch9v7g] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: var(--app-surface-muted);
    color: var(--app-foreground-muted);
    font: 800 .68rem var(--app-font-mono);
}

.foundations-page__token-grid[b-5c35ch9v7g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.foundations-page__token[b-5c35ch9v7g] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 1rem;
    min-height: 10rem;
    padding: .8rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
}

.foundations-page__preview[b-5c35ch9v7g] {
    position: relative;
    display: grid;
    min-height: 5rem;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: var(--app-surface-muted);
    color: var(--app-foreground);
}

.foundations-page__preview--color[b-5c35ch9v7g] {
    background: var(--token-value);
}

.foundations-page__preview--space[b-5c35ch9v7g]::before {
    width: min(var(--token-value), 100%);
    height: .75rem;
    border-radius: var(--app-radius-round);
    background: var(--app-accent);
    content: "";
}

.foundations-page__preview--radius[b-5c35ch9v7g] {
    border: 2px solid var(--app-accent-border);
    border-radius: var(--token-value);
    background: var(--app-accent-soft);
}

.foundations-page__preview--shadow[b-5c35ch9v7g] {
    margin: .75rem;
    border: 0;
    background: var(--app-surface);
    box-shadow: var(--token-value);
}

.foundations-page__preview--font span[b-5c35ch9v7g] {
    font-family: var(--token-value);
    font-size: 1.15rem;
    font-weight: 700;
}

.foundations-page__preview--type span[b-5c35ch9v7g] {
    max-width: 100%;
    font-size: min(var(--token-value), 2rem);
    font-weight: 750;
    line-height: 1;
}

.foundations-page__preview--duration span[b-5c35ch9v7g] {
    color: var(--app-accent);
    font-size: 1.7rem;
    animation: token-pulse-b-5c35ch9v7g var(--token-value) ease-in-out infinite alternate;
}

.foundations-page__preview--layout span[b-5c35ch9v7g] {
    color: var(--app-accent);
    font-size: 1.5rem;
}

.foundations-page__token-copy[b-5c35ch9v7g] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.foundations-page__token-copy strong[b-5c35ch9v7g] {
    font-size: .8rem;
}

.foundations-page__token-copy code[b-5c35ch9v7g] {
    margin-top: .3rem;
    color: var(--app-accent);
    font-size: .65rem;
    overflow-wrap: anywhere;
}

.foundations-page__token-copy small[b-5c35ch9v7g] {
    margin-top: .55rem;
    color: var(--app-foreground);
    font: 650 .61rem/1.45 var(--app-font-mono);
    overflow-wrap: anywhere;
}

.foundations-page__token-copy p[b-5c35ch9v7g] {
    margin: auto 0 0;
    padding-top: .65rem;
    color: var(--app-foreground-muted);
    font-size: .66rem;
    line-height: 1.5;
}

.foundations-page__guardrails > div[b-5c35ch9v7g] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.foundations-page__guardrails article[b-5c35ch9v7g] {
    padding: 1rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
}

.foundations-page__guardrails article strong[b-5c35ch9v7g] {
    color: var(--app-accent);
    font-size: .78rem;
}

.foundations-page__guardrails article p[b-5c35ch9v7g] {
    margin: .55rem 0 0;
    color: var(--app-foreground-muted);
    font-size: .72rem;
    line-height: 1.55;
}

@keyframes token-pulse-b-5c35ch9v7g {
    from { transform: translateX(-.35rem); opacity: .45; }
    to { transform: translateX(.35rem); opacity: 1; }
}

@media (max-width: 72rem) {
    .foundations-page__token-grid[b-5c35ch9v7g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .foundations-page__guardrails > div[b-5c35ch9v7g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 54rem) {
    .foundations-page__hero[b-5c35ch9v7g] { grid-template-columns: 1fr; }
    .foundations-page__summary[b-5c35ch9v7g] { max-width: 34rem; }
    .foundations-page__section > header[b-5c35ch9v7g] { grid-template-columns: 1fr auto; gap: .5rem 1rem; }
    .foundations-page__section > header > span[b-5c35ch9v7g] { grid-column: 1 / -1; }
}

@media (max-width: 42rem) {
    .foundations-page__token-grid[b-5c35ch9v7g] { grid-template-columns: 1fr; }
    .foundations-page__category-nav[b-5c35ch9v7g] { top: 4rem; }
}

@media (max-width: 34rem) {
    .foundations-page[b-5c35ch9v7g] { width: min(100% - 1rem, 92rem); }
    .foundations-page__summary[b-5c35ch9v7g] { grid-template-columns: 1fr; }
    .foundations-page__summary article[b-5c35ch9v7g] { min-height: 4.8rem; }
    .foundations-page__summary article + article[b-5c35ch9v7g] { border-top: 1px solid var(--app-border); border-left: 0; }
    .foundations-page__token[b-5c35ch9v7g] { grid-template-columns: 4.25rem minmax(0, 1fr); }
    .foundations-page__guardrails > div[b-5c35ch9v7g] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .foundations-page__preview--duration span[b-5c35ch9v7g] { animation: none; }
}
/* /Pages/GridPerformance.razor.rz.scp.css */
.grid-lab[b-jicqky6hra] { width: min(100% - 2rem, 94rem); margin: 0 auto; padding: clamp(2.5rem, 5vw, 5rem) 0 7rem; }
.grid-lab__hero[b-jicqky6hra] { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(28rem, .85fr); align-items: end; gap: clamp(3rem, 7vw, 7rem); padding: 0 clamp(.25rem, 2vw, 1.5rem) clamp(3.5rem, 6vw, 5.5rem); border-bottom: 1px solid var(--app-border); }
.grid-lab__hero[b-jicqky6hra]::after { position: absolute; z-index: 0; inset: auto 48% 2rem 0; height: 9rem; background: repeating-linear-gradient(90deg, transparent 0 3.9rem, var(--app-grid-line) 4rem), repeating-linear-gradient(0deg, transparent 0 2.45rem, var(--app-grid-line) 2.5rem); content: ""; mask-image: linear-gradient(90deg, #000, transparent); pointer-events: none; }
.grid-lab__hero-copy[b-jicqky6hra], .grid-lab__metrics[b-jicqky6hra] { position: relative; z-index: 1; }
.grid-lab__hero h1[b-jicqky6hra] { max-width: 12ch; margin: .85rem 0 1.2rem; font-family: var(--app-font-heading); font-size: clamp(3.5rem, 7vw, 7rem); line-height: .82; letter-spacing: -.07em; }
.grid-lab__hero h1 em[b-jicqky6hra] { color: var(--app-accent); font-style: normal; }
.grid-lab__hero-copy p[b-jicqky6hra] { max-width: 48rem; margin: 0; color: var(--app-foreground-muted); font-size: 1rem; line-height: 1.75; }
.grid-lab__metrics[b-jicqky6hra] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--app-border); border-left: 1px solid var(--app-border); background: var(--app-surface); box-shadow: 1.2rem 1.2rem 0 var(--app-brand-soft); }
.grid-lab__metrics div[b-jicqky6hra] { display: grid; min-height: 8rem; align-content: end; padding: 1.1rem; border-right: 1px solid var(--app-border); border-bottom: 1px solid var(--app-border); }
.grid-lab__metrics dt[b-jicqky6hra] { color: var(--app-accent); font-size: .62rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.grid-lab__metrics dd[b-jicqky6hra] { margin: .55rem 0 .2rem; font-family: var(--app-font-heading); font-size: clamp(2rem, 3vw, 3.2rem); font-weight: 850; line-height: .85; letter-spacing: -.04em; }
.grid-lab__metrics dd small[b-jicqky6hra] { margin-left: .15rem; color: var(--app-foreground-muted); font-size: .72rem; letter-spacing: 0; }
.grid-lab__metrics .grid-lab__metric-note[b-jicqky6hra] { margin: 0; color: var(--app-foreground-muted); font-family: var(--app-font-body); font-size: .64rem; font-weight: 400; letter-spacing: 0; }
.grid-lab__showcase[b-jicqky6hra] { padding: clamp(3rem, 6vw, 5.5rem) clamp(.25rem, 2vw, 1.5rem); border-bottom: 1px solid var(--app-border); }
.grid-lab__section-heading[b-jicqky6hra] { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.6rem; }
.grid-lab__section-heading > div:first-child > span[b-jicqky6hra], .grid-lab__recipe > span[b-jicqky6hra] { color: var(--app-accent); font-size: .64rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.grid-lab__section-heading h2[b-jicqky6hra], .grid-lab__recipe h2[b-jicqky6hra] { margin: .5rem 0 0; font-family: var(--app-font-heading); font-size: clamp(2rem, 4vw, 3.7rem); line-height: .95; letter-spacing: -.05em; }
.grid-lab__section-heading p[b-jicqky6hra] { margin: .5rem 0 0; color: var(--app-foreground-muted); font-size: .85rem; }
.grid-lab__health[b-jicqky6hra] { display: flex; align-items: center; gap: .45rem; padding: .5rem .7rem; border: 1px solid var(--app-success-border); border-radius: 99rem; background: var(--app-success-soft); color: var(--app-foreground); font-size: .68rem; font-weight: 750; white-space: nowrap; }
.grid-lab__health i[b-jicqky6hra], .grid-lab__footnote i[b-jicqky6hra] { width: .45rem; height: .45rem; border-radius: 50%; background: var(--app-success); box-shadow: 0 0 0 .22rem var(--app-success-soft); }
.grid-lab__toolbar-summary[b-jicqky6hra] { display: flex; align-items: baseline; gap: .4rem; }
.grid-lab__toolbar-summary strong[b-jicqky6hra] { color: var(--app-accent); font-family: var(--app-font-heading); font-size: 1.15rem; }
.grid-lab__toolbar-summary span[b-jicqky6hra], .grid-lab__legend[b-jicqky6hra] { color: var(--app-foreground-muted); font-size: .68rem; }
.grid-lab__legend[b-jicqky6hra] { display: flex; flex-wrap: wrap; gap: .8rem; }
.grid-lab__legend span[b-jicqky6hra] { display: flex; align-items: center; gap: .3rem; }
.grid-lab__legend i[b-jicqky6hra], .grid-lab__status i[b-jicqky6hra] { width: .42rem; height: .42rem; border-radius: 50%; background: currentColor; }
.grid-lab__legend .is-active[b-jicqky6hra] { color: var(--app-success); }.grid-lab__legend .is-review[b-jicqky6hra] { color: var(--app-warning); }.grid-lab__legend .is-complete[b-jicqky6hra] { color: var(--app-brand); }
.grid-lab__record[b-jicqky6hra] { display: grid; gap: .12rem; min-width: 14rem; }
.grid-lab__record strong[b-jicqky6hra] { font-size: .76rem; }.grid-lab__record span[b-jicqky6hra] { color: var(--app-foreground-muted); font-size: .64rem; }
.grid-lab__status[b-jicqky6hra] { display: inline-flex; align-items: center; gap: .38rem; width: max-content; padding: .28rem .55rem; border: 1px solid currentColor; border-radius: 99rem; font-size: .62rem; font-weight: 800; }
.grid-lab__status.active[b-jicqky6hra] { color: var(--app-success); background: var(--app-success-soft); }.grid-lab__status.needs-review[b-jicqky6hra] { color: var(--app-warning); background: var(--app-warning-soft); }.grid-lab__status.complete[b-jicqky6hra] { color: var(--app-brand); background: var(--app-brand-soft); }.grid-lab__status.draft[b-jicqky6hra] { color: var(--app-foreground-muted); background: var(--app-surface-muted); }
.grid-lab__footnote[b-jicqky6hra] { display: inline-flex; align-items: center; gap: .45rem; color: var(--app-foreground-muted); font-size: .66rem; }
.grid-lab__implementation[b-jicqky6hra] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(24rem, .95fr); gap: clamp(3rem, 7vw, 7rem); padding: clamp(4rem, 7vw, 7rem) clamp(.25rem, 2vw, 1.5rem) 0; }
.grid-lab__recipe pre[b-jicqky6hra] { margin: 2rem 0 0; padding: clamp(1rem, 3vw, 1.6rem); border: 1px solid var(--app-border); border-radius: .8rem; overflow-x: auto; background: var(--app-surface); box-shadow: .7rem .7rem 0 var(--app-brand-soft); color: var(--app-foreground); font-size: .72rem; line-height: 1.7; }
.grid-lab__rules[b-jicqky6hra] { margin: 0; padding: 0; list-style: none; }
.grid-lab__rules li[b-jicqky6hra] { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 1rem; padding: 1.4rem 0; border-top: 1px solid var(--app-border); }
.grid-lab__rules li:last-child[b-jicqky6hra] { border-bottom: 1px solid var(--app-border); }
.grid-lab__rules li > span[b-jicqky6hra] { color: var(--app-accent); font: 800 .68rem var(--app-font-mono); }
.grid-lab__rules strong[b-jicqky6hra] { font-size: .84rem; }.grid-lab__rules p[b-jicqky6hra] { margin: .35rem 0 0; color: var(--app-foreground-muted); font-size: .78rem; line-height: 1.6; }
[b-jicqky6hra] .grid-row--needs-review { background: linear-gradient(90deg, var(--app-warning-soft), transparent 22%); }
@media (max-width: 68rem) { .grid-lab__hero[b-jicqky6hra], .grid-lab__implementation[b-jicqky6hra] { grid-template-columns: 1fr; } .grid-lab__metrics[b-jicqky6hra] { max-width: 42rem; } }
@media (max-width: 44rem) { .grid-lab[b-jicqky6hra] { width: min(100% - 1rem, 94rem); padding-top: 2rem; } .grid-lab__hero[b-jicqky6hra] { padding-bottom: 3rem; } .grid-lab__hero h1[b-jicqky6hra] { font-size: clamp(3.2rem, 16vw, 5rem); } .grid-lab__section-heading[b-jicqky6hra] { align-items: start; flex-direction: column; } .grid-lab__health[b-jicqky6hra] { align-self: flex-start; } .grid-lab__legend[b-jicqky6hra] { display: none; } }
@media (prefers-reduced-motion: reduce) { .grid-lab *[b-jicqky6hra] { scroll-behavior: auto; } }
/* /Pages/Guidelines.razor.rz.scp.css */
.guidelines-page[b-wxqj99qtwu] { width: min(100% - 2rem, 86rem); margin: 0 auto; padding: clamp(2rem, 5vw, 5rem) 0 6rem; }
.guidelines-page__hero[b-wxqj99qtwu] { max-width: 68rem; padding-bottom: 3.5rem; }
.guidelines-page__hero h1[b-wxqj99qtwu] { margin: .45rem 0 1rem; font-family: var(--app-font-heading); font-size: clamp(3rem, 8vw, 6.6rem); line-height: .9; letter-spacing: -.065em; }
.guidelines-page__hero h1 em[b-wxqj99qtwu] { color: var(--app-accent); font-style: normal; }
.guidelines-page__hero p[b-wxqj99qtwu] { max-width: 52rem; margin: 0; color: var(--app-foreground-muted); font-size: 1rem; line-height: 1.75; }
.guidelines-page__section[b-wxqj99qtwu] { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 2rem; padding: 3rem 0; border-top: 1px solid var(--app-border); }
.guidelines-page__section > header[b-wxqj99qtwu] { display: grid; grid-template-columns: auto 1fr; gap: .8rem; align-content: start; }
.guidelines-page__section > header > span[b-wxqj99qtwu] { color: var(--app-accent); font: 850 .65rem var(--app-font-mono); }
.guidelines-page__section h2[b-wxqj99qtwu] { margin: 0; font-family: var(--app-font-heading); font-size: clamp(1.8rem, 4vw, 2.8rem); letter-spacing: -.04em; }
.guidelines-page__section header p[b-wxqj99qtwu] { margin: .45rem 0 0; color: var(--app-foreground-muted); font-size: .78rem; line-height: 1.6; }
.guidelines-page__cards[b-wxqj99qtwu], .guidelines-page__status-grid[b-wxqj99qtwu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.guidelines-page__cards article[b-wxqj99qtwu], .guidelines-page__status-grid article[b-wxqj99qtwu] { padding: 1rem; border: 1px solid var(--app-border); border-radius: .8rem; background: var(--app-surface); }
.guidelines-page__cards strong[b-wxqj99qtwu], .guidelines-page__status-grid strong[b-wxqj99qtwu], .guidelines-page__split h3[b-wxqj99qtwu] { color: var(--app-accent); font-size: .8rem; }
.guidelines-page__cards p[b-wxqj99qtwu], .guidelines-page__status-grid p[b-wxqj99qtwu] { margin: .55rem 0 0; color: var(--app-foreground-muted); font-size: .74rem; line-height: 1.55; }
.guidelines-page__split[b-wxqj99qtwu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.guidelines-page__split > div[b-wxqj99qtwu] { padding: 1.1rem; border: 1px solid var(--app-border); border-radius: .8rem; background: var(--app-surface); }
.guidelines-page__split ul[b-wxqj99qtwu] { margin: .8rem 0 0; padding-left: 1.15rem; color: var(--app-foreground-muted); font-size: .76rem; line-height: 1.8; }
.guidelines-page__checks[b-wxqj99qtwu] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.guidelines-page__checks span[b-wxqj99qtwu] { padding: .8rem .9rem; border: 1px solid var(--app-accent-border); border-radius: .7rem; background: var(--app-accent-soft); color: var(--app-foreground); font-size: .72rem; font-weight: 720; }
.guidelines-page__agent ol[b-wxqj99qtwu] { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; counter-reset: agent-step; }
.guidelines-page__agent li[b-wxqj99qtwu] { counter-increment: agent-step; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .25rem .75rem; padding: 1rem; border: 1px solid var(--app-border); border-radius: .8rem; background: var(--app-surface); }
.guidelines-page__agent li[b-wxqj99qtwu]::before { content: counter(agent-step, decimal-leading-zero); grid-row: 1 / 3; color: var(--app-accent); font: 850 .72rem var(--app-font-mono); }
.guidelines-page__agent li strong[b-wxqj99qtwu] { font-size: .78rem; }
.guidelines-page__agent li span[b-wxqj99qtwu] { color: var(--app-foreground-muted); font-size: .72rem; line-height: 1.55; }
.guidelines-page__agent > a[b-wxqj99qtwu] { display: inline-block; margin-top: 1rem; color: var(--app-accent); font-size: .78rem; font-weight: 800; text-decoration: none; }
@media (max-width: 56rem) { .guidelines-page__section[b-wxqj99qtwu] { grid-template-columns: 1fr; } .guidelines-page__checks[b-wxqj99qtwu] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 36rem) { .guidelines-page[b-wxqj99qtwu] { width: min(100% - 1rem, 86rem); } .guidelines-page__cards[b-wxqj99qtwu], .guidelines-page__status-grid[b-wxqj99qtwu], .guidelines-page__split[b-wxqj99qtwu], .guidelines-page__checks[b-wxqj99qtwu] { grid-template-columns: 1fr; } }
/* /Pages/Index.razor.rz.scp.css */
.playbook-home[b-csov5vmsbm] { width: min(100% - 2rem, 92rem); margin: 0 auto; padding: clamp(2.5rem, 6vw, 6rem) 0 7rem; }
.playbook-home__hero[b-csov5vmsbm] { position: relative; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(22rem, .72fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); min-height: min(44rem, calc(100dvh - 9rem)); padding: 0 clamp(.25rem, 2vw, 1.5rem) clamp(4rem, 8vw, 7rem); border-bottom: 1px solid var(--app-border); overflow: hidden; }
.playbook-home__hero[b-csov5vmsbm]::before { position: absolute; z-index: 0; inset: 8% 42% auto -8%; height: 24rem; border: 1px solid var(--app-grid-line); border-radius: 50%; background: repeating-radial-gradient(circle at center, transparent 0 2.4rem, var(--app-grid-line) 2.45rem 2.5rem); content: ""; opacity: .6; pointer-events: none; }
.playbook-home__hero-copy[b-csov5vmsbm], .playbook-home__signal[b-csov5vmsbm] { position: relative; z-index: 1; }
.playbook-home__hero h1[b-csov5vmsbm] { max-width: 12ch; margin: 1rem 0 1.5rem; font-family: var(--app-font-heading); font-size: clamp(4rem, 8vw, 8.4rem); line-height: .82; letter-spacing: -.075em; }
.playbook-home__hero h1 em[b-csov5vmsbm] { color: var(--app-accent); font-style: normal; }
.playbook-home__hero-copy > p[b-csov5vmsbm] { max-width: 43rem; margin: 0; color: var(--app-foreground-muted); font-size: clamp(1rem, 1.5vw, 1.18rem); line-height: 1.75; }
.playbook-home__actions[b-csov5vmsbm] { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin-top: 2rem; }
.playbook-home__actions a[b-csov5vmsbm] { display: inline-flex; min-height: 2.9rem; box-sizing: border-box; align-items: center; gap: 1.4rem; padding: .7rem 1rem; border-radius: .65rem; font-size: .84rem; font-weight: 800; text-decoration: none; }
.playbook-home__primary-action[b-csov5vmsbm] { background: var(--app-accent); color: var(--app-on-brand); box-shadow: .35rem .35rem 0 var(--app-accent-border); }
.playbook-home__secondary-action[b-csov5vmsbm] { border: 1px solid var(--app-border); color: var(--app-foreground); }
.playbook-home__signal[b-csov5vmsbm] { min-height: 29rem; padding: 1.5rem; border: 1px solid var(--app-border); border-radius: .3rem 3rem .3rem 3rem; background: linear-gradient(145deg, var(--app-brand-soft), transparent 55%), var(--app-surface); box-shadow: 0 2rem 5rem var(--app-shadow-color); }
.playbook-home__signal-label[b-csov5vmsbm] { display: block; color: var(--app-accent); font-size: .68rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.playbook-home__signal-orbit[b-csov5vmsbm] { display: grid; width: 11rem; margin: 3.25rem auto; aspect-ratio: 1; place-items: center; border: 1px solid var(--app-accent-border); border-radius: 50%; outline: 1px dashed var(--app-border); outline-offset: 1.5rem; background: var(--app-background); }
.playbook-home__signal-orbit strong[b-csov5vmsbm] { display: grid; width: 4rem; aspect-ratio: 1; place-items: center; border-radius: .5rem 1.4rem; background: var(--app-brand); color: var(--app-on-brand); font-family: var(--app-font-heading); font-size: 1.35rem; transform: rotate(-6deg); }
.playbook-home__preferences[b-csov5vmsbm] { justify-content: space-between; margin-bottom: 1.25rem; }
.playbook-home__signal ul[b-csov5vmsbm] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin: 0; padding: 0; list-style: none; }
.playbook-home__signal li[b-csov5vmsbm] { display: grid; gap: .2rem; padding-top: .7rem; border-top: 2px solid var(--app-accent); }
.playbook-home__signal li strong[b-csov5vmsbm] { font-size: .75rem; }
.playbook-home__signal li span[b-csov5vmsbm] { color: var(--app-foreground-muted); font-size: .64rem; line-height: 1.4; }
.playbook-home__dashboard[b-csov5vmsbm] { padding: clamp(3rem, 7vw, 6rem) clamp(.25rem, 2vw, 1.5rem); border-bottom: 1px solid var(--app-border); }
.playbook-home__dashboard > header[b-csov5vmsbm] { display: grid; grid-template-columns: 12rem 1fr; align-items: end; gap: 2rem; margin-bottom: 2rem; }
.playbook-home__dashboard h2[b-csov5vmsbm] { margin: 0; font-family: var(--app-font-heading); font-size: clamp(2rem, 4vw, 3.8rem); line-height: .96; letter-spacing: -.05em; }
.playbook-home__metrics[b-csov5vmsbm] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.playbook-home__metrics article[b-csov5vmsbm] { display: grid; align-content: start; min-height: 10rem; padding: 1rem; border: 1px solid var(--app-border); border-radius: .8rem; background: var(--app-surface); }
.playbook-home__metrics strong[b-csov5vmsbm] { color: var(--app-accent); font-family: var(--app-font-heading); font-size: 2.5rem; line-height: 1; }
.playbook-home__metrics span[b-csov5vmsbm] { margin-top: .6rem; font-size: .72rem; font-weight: 800; }
.playbook-home__metrics p[b-csov5vmsbm] { margin: .5rem 0 0; color: var(--app-foreground-muted); font-size: .68rem; line-height: 1.5; }
.playbook-home__dashboard-links[b-csov5vmsbm] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin-top: .75rem; }
.playbook-home__dashboard-links a[b-csov5vmsbm] { display: grid; gap: .25rem; padding: .9rem 1rem; border: 1px solid var(--app-border); border-radius: .75rem; color: var(--app-foreground); text-decoration: none; }
.playbook-home__dashboard-links a:hover[b-csov5vmsbm], .playbook-home__dashboard-links a:focus-visible[b-csov5vmsbm] { border-color: var(--app-accent-border); background: var(--app-accent-soft); outline: none; }
.playbook-home__dashboard-links span[b-csov5vmsbm] { color: var(--app-foreground-muted); font-size: .62rem; }
.playbook-home__dashboard-links strong[b-csov5vmsbm] { font-size: .74rem; }
.playbook-home__start[b-csov5vmsbm] { padding: clamp(4rem, 8vw, 8rem) clamp(.25rem, 2vw, 1.5rem); border-bottom: 1px solid var(--app-border); }
.playbook-home__start > header[b-csov5vmsbm] { display: grid; grid-template-columns: 12rem 1fr; align-items: end; gap: 2rem; margin-bottom: 2.5rem; }
.playbook-home__start h2[b-csov5vmsbm], .playbook-home__contract h2[b-csov5vmsbm] { margin: 0; font-family: var(--app-font-heading); font-size: clamp(2.2rem, 4vw, 4.5rem); line-height: .95; letter-spacing: -.055em; }
.playbook-home__path-grid[b-csov5vmsbm] { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 1rem; }
.playbook-home__path[b-csov5vmsbm] { display: flex; min-height: 20rem; box-sizing: border-box; flex-direction: column; padding: clamp(1.25rem, 3vw, 2.2rem); border: 1px solid var(--app-border); border-radius: 1rem; background: var(--app-surface); color: var(--app-foreground); text-decoration: none; transition: transform .18s ease, border-color .18s ease; }
.playbook-home__path:hover[b-csov5vmsbm], .playbook-home__path:focus-visible[b-csov5vmsbm] { border-color: var(--app-accent-border); outline: none; transform: translateY(-.3rem); }
.playbook-home__path--featured[b-csov5vmsbm] { background: linear-gradient(150deg, var(--app-brand-soft), transparent 62%), var(--app-surface); }
.playbook-home__path > span[b-csov5vmsbm] { color: var(--app-accent); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.playbook-home__path h3[b-csov5vmsbm] { max-width: 14ch; margin: 2rem 0 .8rem; font-family: var(--app-font-heading); font-size: clamp(1.5rem, 2.3vw, 2.4rem); line-height: 1; letter-spacing: -.035em; }
.playbook-home__path p[b-csov5vmsbm] { max-width: 34rem; margin: 0; color: var(--app-foreground-muted); font-size: .85rem; line-height: 1.65; }
.playbook-home__path strong[b-csov5vmsbm] { margin-top: auto; padding-top: 2rem; font-size: .76rem; }
.playbook-home__contract[b-csov5vmsbm] { display: grid; grid-template-columns: minmax(0, .85fr) minmax(24rem, 1fr); gap: clamp(3rem, 8vw, 8rem); padding: clamp(4rem, 8vw, 8rem) clamp(.25rem, 2vw, 1.5rem) 0; }
.playbook-home__contract h2[b-csov5vmsbm] { margin-top: 1rem; }
.playbook-home__contract-list[b-csov5vmsbm] { display: grid; }
.playbook-home__contract-list article[b-csov5vmsbm] { display: grid; grid-template-columns: 6rem 1fr; gap: 1rem; padding: 1.35rem 0; border-top: 1px solid var(--app-border); }
.playbook-home__contract-list article:last-child[b-csov5vmsbm] { border-bottom: 1px solid var(--app-border); }
.playbook-home__contract-list span[b-csov5vmsbm] { color: var(--app-accent); font-size: .7rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.playbook-home__contract-list p[b-csov5vmsbm] { margin: 0; color: var(--app-foreground-muted); font-size: .9rem; line-height: 1.65; }
@media (max-width: 64rem) { .playbook-home__hero[b-csov5vmsbm] { grid-template-columns: 1fr; min-height: auto; } .playbook-home__signal[b-csov5vmsbm] { min-height: auto; } .playbook-home__metrics[b-csov5vmsbm] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .playbook-home__path-grid[b-csov5vmsbm] { grid-template-columns: 1fr 1fr; } .playbook-home__path--featured[b-csov5vmsbm] { grid-column: 1 / -1; } .playbook-home__contract[b-csov5vmsbm] { grid-template-columns: 1fr; } }
@media (max-width: 44rem) { .playbook-home__dashboard > header[b-csov5vmsbm], .playbook-home__start > header[b-csov5vmsbm] { grid-template-columns: 1fr; } .playbook-home__dashboard-links[b-csov5vmsbm] { grid-template-columns: 1fr; } }
@media (max-width: 38rem) { .playbook-home[b-csov5vmsbm] { width: min(100% - 1rem, 92rem); padding-top: 2rem; } .playbook-home__hero[b-csov5vmsbm] { gap: 2.5rem; padding-bottom: 4rem; } .playbook-home__hero h1[b-csov5vmsbm] { font-size: clamp(3.25rem, 17vw, 5rem); } .playbook-home__signal[b-csov5vmsbm] { min-height: 24rem; } .playbook-home__signal-orbit[b-csov5vmsbm] { width: 8rem; margin-block: 3rem; } .playbook-home__signal ul[b-csov5vmsbm], .playbook-home__metrics[b-csov5vmsbm], .playbook-home__path-grid[b-csov5vmsbm] { grid-template-columns: 1fr; } .playbook-home__path--featured[b-csov5vmsbm] { grid-column: auto; } .playbook-home__path[b-csov5vmsbm] { min-height: 17rem; } .playbook-home__contract-list article[b-csov5vmsbm] { grid-template-columns: 1fr; gap: .5rem; } }
@media (prefers-reduced-motion: reduce) { .playbook-home__path[b-csov5vmsbm] { transition: none; } }