@import 'GaifulinLab.WebApp.Client.8d9nkxhfsc.bundle.scp.css';

/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-shell[b-cy29n07r3q] { min-height: 100vh; overflow-x: clip; background: var(--color-surface-subtle); }
.admin-header[b-cy29n07r3q] { border-bottom: 1px solid var(--color-border); background: var(--color-background); }
.admin-header-inner[b-cy29n07r3q] { min-height: 4.75rem; display: flex; align-items: center; gap: var(--space-5); }
.admin-brand[b-cy29n07r3q] { min-width: 0; display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-text); text-decoration: none; }
.admin-mark[b-cy29n07r3q] { width: 2.25rem; height: 2.25rem; display: grid; flex: 0 0 auto; place-items: center; border: 1.5px solid var(--color-text); font-size: var(--text-xs); font-weight: 800; }
.admin-brand-name[b-cy29n07r3q] { font-size: var(--text-sm); font-weight: 750; white-space: nowrap; }
.admin-badge[b-cy29n07r3q] { border-radius: var(--radius-pill); padding: .15rem .5rem; background: var(--color-surface-accent); color: var(--color-accent); font-size: var(--text-xs); font-weight: 700; }
.admin-nav[b-cy29n07r3q] { min-width: 0; display: flex; align-items: center; gap: var(--space-3); }
.admin-nav a[b-cy29n07r3q], .view-site[b-cy29n07r3q] { color: var(--color-text-muted); font-size: var(--text-sm); font-weight: 600; text-decoration: none; }
.admin-actions[b-cy29n07r3q] { min-width: 0; display: flex; align-items: center; gap: var(--space-3); margin-left: auto; }
.admin-main[b-cy29n07r3q] { min-width: 0; }
@media (max-width: 52rem) { .admin-brand-name[b-cy29n07r3q], .admin-badge[b-cy29n07r3q], .view-site[b-cy29n07r3q] { display: none; } }
@media (max-width: 40rem) {
    .admin-header-inner[b-cy29n07r3q] { min-height: 4.25rem; flex-wrap: wrap; gap: var(--space-2); padding-block: var(--space-2); }
    .admin-nav[b-cy29n07r3q] { order: 3; width: 100%; overflow-x: auto; justify-content: flex-start; }
    .admin-actions[b-cy29n07r3q] { gap: var(--space-2); }
    .admin-actions[b-cy29n07r3q]  .session-actions { gap: var(--space-2); }
}
@media (max-width: 22rem) { .admin-header-inner[b-cy29n07r3q] { padding-inline: var(--space-2); } .admin-nav[b-cy29n07r3q] { gap: var(--space-2); } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-shell[b-124wrn7wt2] {
    display: flex;
    min-height: 100vh;
    min-height: 100svh;
    flex-direction: column;
}

.site-main[b-124wrn7wt2] {
    flex: 1 0 auto;
}

@media print {
    .site-shell[b-124wrn7wt2]  .site-header,
    .site-shell[b-124wrn7wt2]  .site-footer,
    .skip-link[b-124wrn7wt2] {
        display: none !important;
    }

    .site-shell[b-124wrn7wt2] {
        display: block;
        min-height: 0;
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer[b-ryn07nnn8v] {
    border-top: 1px solid var(--color-border);
    padding-bottom: env(safe-area-inset-bottom);
    background: var(--color-surface-subtle);
}

.footer-content[b-ryn07nnn8v] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--space-8);
    padding-block: var(--space-8);
}

.footer-brand[b-ryn07nnn8v] {
    font-size: var(--text-sm);
    font-weight: 750;
    letter-spacing: 0.02em;
}

.footer-content p[b-ryn07nnn8v] {
    margin: 0;
    font-size: var(--text-sm);
}

.copyright[b-ryn07nnn8v] {
    white-space: nowrap;
}

@media (max-width: 40rem) {
    .footer-content[b-ryn07nnn8v] {
        align-items: start;
        flex-direction: column;
        gap: var(--space-4);
    }
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
.site-header[b-jrx12xwx7m] {
    min-height: var(--header-height);
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-background) 94%, transparent);
}

.header-content[b-jrx12xwx7m] {
    min-height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
}

.brand[b-jrx12xwx7m] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: var(--space-4);
    color: var(--color-text);
    text-decoration: none;
}

.brand:hover[b-jrx12xwx7m] {
    color: var(--color-text);
}

.brand-mark[b-jrx12xwx7m] {
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    border: 2px solid var(--color-text);
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1;
}

.brand-g[b-jrx12xwx7m],
.brand-l[b-jrx12xwx7m] {
    position: absolute;
}

.brand-g[b-jrx12xwx7m] {
    top: 0.45rem;
    left: 0.45rem;
}

.brand-l[b-jrx12xwx7m] {
    right: 0.45rem;
    bottom: 0.42rem;
}

.brand-copy[b-jrx12xwx7m] {
    display: grid;
    min-width: 0;
    gap: 0.05rem;
}

.brand-name[b-jrx12xwx7m] {
    font-size: var(--text-xl);
    font-weight: 750;
    letter-spacing: -0.025em;
    line-height: 1.3;
}

.brand-tagline[b-jrx12xwx7m] {
    overflow: hidden;
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-actions[b-jrx12xwx7m] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--space-4);
}

.primary-nav[b-jrx12xwx7m] { display: flex; align-items: center; gap: var(--space-4); }
.primary-nav a[b-jrx12xwx7m], .language-switch[b-jrx12xwx7m] { color: var(--color-text-muted); font-size: var(--text-sm); font-weight: 600; text-decoration: none; }
.primary-nav a:hover[b-jrx12xwx7m], .language-switch:hover[b-jrx12xwx7m] { color: var(--color-accent); }
.mobile-nav[b-jrx12xwx7m] { display: none; position: relative; }
.mobile-nav summary[b-jrx12xwx7m] { min-height: 2.75rem; align-content: center; cursor: pointer; color: var(--color-text-muted); font-size: var(--text-sm); font-weight: 700; list-style: none; }
.mobile-nav summary[b-jrx12xwx7m]::-webkit-details-marker { display: none; }
.mobile-nav nav[b-jrx12xwx7m] { position: absolute; z-index: 100; top: calc(100% + var(--space-2)); right: 0; display: grid; min-width: 13rem; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-md); }
.mobile-nav nav a[b-jrx12xwx7m] { padding: var(--space-3) var(--space-4); color: var(--color-text); text-decoration: none; }
.mobile-nav nav a:hover[b-jrx12xwx7m], .mobile-nav nav a:focus-visible[b-jrx12xwx7m] { background: var(--color-surface-subtle); color: var(--color-accent); }
@media (max-width: 64rem) { .primary-nav[b-jrx12xwx7m] { display: none; } .mobile-nav[b-jrx12xwx7m] { display: block; } }

@media (max-width: 40rem) {
    .site-header[b-jrx12xwx7m],
    .header-content[b-jrx12xwx7m] {
        min-height: 5rem;
    }

    .brand-mark[b-jrx12xwx7m] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .brand-g[b-jrx12xwx7m] {
        top: 0.4rem;
        left: 0.4rem;
    }

    .brand-l[b-jrx12xwx7m] {
        right: 0.4rem;
        bottom: 0.38rem;
    }

    .brand-name[b-jrx12xwx7m] {
        font-size: var(--text-base);
    }

    .brand-tagline[b-jrx12xwx7m] {
        display: none;
    }
}

@media (max-width: 22rem) {
    .header-content[b-jrx12xwx7m] {
        gap: var(--space-3);
    }

    .brand[b-jrx12xwx7m] {
        gap: var(--space-3);
    }

    .brand-name[b-jrx12xwx7m] {
        font-size: var(--text-sm);
    }
}

@media (max-width: 30rem) {
    .header-content[b-jrx12xwx7m] {
        flex-wrap: wrap;
        padding-block: var(--space-2);
    }

    .brand[b-jrx12xwx7m] {
        flex: 1 1 auto;
    }

    .header-actions[b-jrx12xwx7m] {
        width: 100%;
        min-width: 0;
        justify-content: space-between;
        gap: var(--space-2);
    }

    .header-actions[b-jrx12xwx7m]  .session-actions {
        min-width: 0;
        gap: var(--space-2);
    }
}
/* /Components/Layout/ThemeToggle.razor.rz.scp.css */
.theme-toggle[hidden][b-tha42q9w9n] {
    display: none;
}

.theme-toggle:not([hidden])[b-tha42q9w9n] {
    position: relative;
    display: grid;
    width: 4.3rem;
    min-width: 4.3rem;
    height: 2.75rem;
    min-height: 2.75rem;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-pill);
    padding: 0.2rem;
    background: var(--color-surface-subtle);
    color: var(--color-text-muted);
    cursor: pointer;
}

.theme-toggle[b-tha42q9w9n]::before {
    position: absolute;
    top: 0.2rem;
    bottom: 0.2rem;
    left: 0.2rem;
    width: calc(50% - 0.2rem);
    border-radius: 50%;
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
    content: "";
    transition: transform var(--transition-base);
}

.theme-toggle[aria-pressed="true"][b-tha42q9w9n]::before {
    transform: translateX(100%);
}

.theme-icon[b-tha42q9w9n] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
}

.theme-icon svg[b-tha42q9w9n] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.75;
}

.theme-icon-light[b-tha42q9w9n],
.theme-toggle[aria-pressed="true"] .theme-icon-dark[b-tha42q9w9n] {
    color: var(--color-text);
}

.theme-toggle[aria-pressed="true"] .theme-icon-light[b-tha42q9w9n] {
    color: var(--color-text-muted);
}

@media (max-width: 22rem) {
    .theme-toggle:not([hidden])[b-tha42q9w9n] {
        width: 4rem;
        min-width: 4rem;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.prose-page[b-9zq13qceae] { max-width: 52rem; }
/* /Components/Pages/Article.razor.rz.scp.css */
.public-page[b-raeyk5axn2] { padding-block: clamp(2rem, 6vw, 4rem); }
.article-layout[b-raeyk5axn2] { max-width: 58rem; }
.breadcrumbs[b-raeyk5axn2] { margin-bottom: var(--space-5); }
.article-header[b-raeyk5axn2] { padding-bottom: var(--space-6); border-bottom: 1px solid var(--color-border); }
.article-header h1[b-raeyk5axn2] { font-size: clamp(2rem, 5vw, 3.5rem); }
.article-content[b-raeyk5axn2] { margin-top: var(--space-7); }
.article-meta-info[b-raeyk5axn2] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3) var(--space-5); color: var(--color-text-muted); font-size: var(--text-sm); }
.article-views[b-raeyk5axn2] { display: inline-flex; align-items: center; gap: .35rem; }
.article-views svg[b-raeyk5axn2] { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.article-languages[b-raeyk5axn2] { display: flex; gap: var(--space-2); margin-top: var(--space-5); }
.article-languages a[b-raeyk5axn2] { border: 1px solid var(--color-border); border-radius: var(--radius-pill); padding: .3rem .6rem; text-decoration: none; }
.article-continuation[b-raeyk5axn2] { display: grid; gap: var(--space-3); margin-top: var(--space-8); padding: var(--space-5); }
.article-continuation h2[b-raeyk5axn2] { margin: 0; font-size: var(--text-xl); }
.article-continuation div[b-raeyk5axn2] { display: flex; flex-wrap: wrap; gap: var(--space-2); color: var(--color-text-muted); }
.article-continuation a + a[b-raeyk5axn2]::before { content: "·"; margin-right: var(--space-2); color: var(--color-text-subtle); }

@media print {
    .article-layout[b-raeyk5axn2] { max-width: none; padding: 0; }
    .article-languages[b-raeyk5axn2] { display: none; }
    .article-continuation[b-raeyk5axn2] { display: none; }
}
/* /Components/Pages/Catalog.razor.rz.scp.css */
.page-lead[b-uhi3v4xuta] { max-width: 48rem; }
.article-list[b-uhi3v4xuta] { display: grid; gap: var(--space-5); margin-block: var(--space-6); }
.archive-page-size[b-uhi3v4xuta] {
    display: flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-5);
    padding: var(--space-3);
}
.archive-page-size label[b-uhi3v4xuta] { font-size: var(--text-sm); font-weight: 600; }
.archive-page-size select[b-uhi3v4xuta] { min-width: 4.5rem; min-height: 2.75rem; }
.archive-page-size .button[b-uhi3v4xuta] { min-height: 2.75rem; }
.taxonomy-grid[b-uhi3v4xuta] { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: var(--space-5); }
.taxonomy-card[b-uhi3v4xuta] { display: block; padding: var(--space-5); text-decoration: none; }
.topic-grid[b-uhi3v4xuta] { align-items: start; gap: var(--space-4); }
.topic-card[b-uhi3v4xuta] {
    display: grid;
    min-width: 0;
    align-items: center;
    gap: var(--space-3);
    overflow: hidden;
    padding: var(--space-4);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.topic-card--covered[b-uhi3v4xuta] { grid-template-columns: 4.5rem minmax(0, 1fr); }
.topic-card:hover[b-uhi3v4xuta] { border-color: var(--color-border-strong); box-shadow: var(--shadow-md); }
.topic-card:hover h2[b-uhi3v4xuta] { color: var(--color-accent); }
.topic-card-cover[b-uhi3v4xuta] { width: 4.5rem; }
.topic-card-content[b-uhi3v4xuta] { display: grid; min-width: 0; gap: var(--space-1); align-content: center; }
.topic-card h2[b-uhi3v4xuta], .topic-card p[b-uhi3v4xuta] { margin: 0; }
.topic-card h2[b-uhi3v4xuta] {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    font-size: var(--text-lg);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.topic-card-description[b-uhi3v4xuta] {
    display: -webkit-box;
    overflow: hidden;
    font-size: var(--text-sm);
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.topic-card-count[b-uhi3v4xuta] { color: var(--color-text-muted); font-size: var(--text-xs); }
.tag-cloud[b-uhi3v4xuta] { display: flex; flex-wrap: wrap; gap: var(--space-4); padding: var(--space-5); }
.pagination[b-uhi3v4xuta] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: var(--space-4);
    margin-top: var(--space-6);
}
.pagination-link[b-uhi3v4xuta] { width: fit-content; max-width: 100%; white-space: nowrap; }
.pagination-previous[b-uhi3v4xuta] { grid-column: 1; justify-self: end; }
.pagination-pages[b-uhi3v4xuta] {
    grid-column: 2;
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
}
.pagination-page[b-uhi3v4xuta] {
    display: inline-flex;
    min-width: 2.75rem;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font-size: var(--text-sm);
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}
a.pagination-page:hover[b-uhi3v4xuta] { border-color: var(--color-border-strong); color: var(--color-accent); }
.pagination-current[b-uhi3v4xuta] { border-color: var(--color-accent); background: var(--color-surface-accent); color: var(--color-accent); }
.pagination-ellipsis[b-uhi3v4xuta] { min-width: 1rem; color: var(--color-text-muted); text-align: center; }
.pagination-next[b-uhi3v4xuta] { grid-column: 3; justify-self: start; }

@media (max-width: 30rem) {
    .archive-page-size[b-uhi3v4xuta] { width: 100%; flex-wrap: wrap; }
    .archive-page-size label[b-uhi3v4xuta] { flex-basis: 100%; }
    .archive-page-size select[b-uhi3v4xuta], .archive-page-size .button[b-uhi3v4xuta] { flex: 1 1 auto; }
    .topic-card--covered[b-uhi3v4xuta] { grid-template-columns: 4rem minmax(0, 1fr); }
    .topic-card-cover[b-uhi3v4xuta] { width: 4rem; }
    .pagination[b-uhi3v4xuta] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
    .pagination-pages[b-uhi3v4xuta] { grid-column: 1 / -1; grid-row: 1; flex-wrap: wrap; }
    .pagination-previous[b-uhi3v4xuta] { grid-column: 1; grid-row: 2; justify-self: stretch; }
    .pagination-next[b-uhi3v4xuta] { grid-column: 2; grid-row: 2; justify-self: stretch; }
}
/* /Components/Pages/Search.razor.rz.scp.css */
.search-form[b-2rwekpkrtn] { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(4, minmax(8rem, 1fr)) auto; gap: var(--space-3); padding: var(--space-5); }
.search-form label[b-2rwekpkrtn] { display: grid; gap: var(--space-2); color: var(--color-text-muted); font-size: var(--text-sm); }
.search-form input[b-2rwekpkrtn], .search-form select[b-2rwekpkrtn] { min-height: 2.75rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding-inline: var(--space-3); background: var(--color-background); }
.tag-options[b-2rwekpkrtn] { grid-column: 1 / -2; display: flex; flex-wrap: wrap; gap: var(--space-3); border: 0; padding: var(--space-2) 0 0; }
.tag-options legend[b-2rwekpkrtn] { color: var(--color-text); font-weight: 700; }
.tag-options label[b-2rwekpkrtn] { display: flex; grid-auto-flow: column; align-items: center; gap: var(--space-1); }
.tag-options input[b-2rwekpkrtn] { min-height: auto; }
.tag-options span[b-2rwekpkrtn] { color: var(--color-text-subtle); }
.active-filters[b-2rwekpkrtn] { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block: var(--space-5); }
.active-filters a[b-2rwekpkrtn] { border: 1px solid var(--color-border); border-radius: var(--radius-pill); padding: .35rem .7rem; color: var(--color-text-muted); font-size: var(--text-sm); text-decoration: none; }
.active-filters .reset-filters[b-2rwekpkrtn] { border-color: transparent; color: var(--color-accent); }
.article-list[b-2rwekpkrtn] { display: grid; gap: var(--space-5); }
.search-state[b-2rwekpkrtn] { padding: var(--space-6); text-align: center; }
.search-state p[b-2rwekpkrtn] { margin-bottom: 0; }
.search-pagination[b-2rwekpkrtn] { display: flex; justify-content: center; gap: var(--space-4); margin-top: var(--space-6); }
@media (max-width: 64rem) { .search-form[b-2rwekpkrtn] { grid-template-columns: 1fr 1fr; } .tag-options[b-2rwekpkrtn] { grid-column: 1 / -1; } }
@media (max-width: 40rem) { .search-form[b-2rwekpkrtn] { grid-template-columns: 1fr; } .tag-options[b-2rwekpkrtn] { grid-column: 1; } }
/* /Components/Pages/SeriesDetails.razor.rz.scp.css */
.series-list[b-j2szhoxpdu] { display: grid; gap: var(--space-4); padding-left: var(--space-6); }
/* /Components/Public/ArticleCard.razor.rz.scp.css */
.article-card[b-8g02y2mo2t] { display: flex; gap: var(--space-6); overflow: hidden; padding: .575rem; transition: border-color var(--transition-fast), box-shadow var(--transition-fast); }
.article-card:hover[b-8g02y2mo2t] { border-color: var(--color-border-strong); box-shadow: var(--shadow-md); }
.article-cover[b-8g02y2mo2t] { flex: 0 0 12rem; align-self: flex-start; }
.article-cover img[b-8g02y2mo2t] { width: 100%; }
.article-card-body[b-8g02y2mo2t] { min-width: 0; flex: 1; }
.article-card h2[b-8g02y2mo2t] { margin: .35rem 0 .25rem; font-size: 1.2rem; line-height: 1.4; overflow-wrap: anywhere; }
.article-card h2 a[b-8g02y2mo2t] { color: var(--color-text); text-decoration: none; }
.article-card h2 a:hover[b-8g02y2mo2t] { color: var(--color-accent); }
.article-card-excerpt[b-8g02y2mo2t] { display: -webkit-box; margin: 0 0 var(--space-2); overflow: hidden; overflow-wrap: anywhere; color: var(--color-text-muted); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.article-topics[b-8g02y2mo2t], .article-meta[b-8g02y2mo2t], .article-tags[b-8g02y2mo2t] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.article-topics[b-8g02y2mo2t] { margin-bottom: var(--space-2); }
.article-topics a[b-8g02y2mo2t] { border-radius: var(--radius-sm); padding: .15rem .55rem; background: var(--color-surface-accent); font-size: var(--text-xs); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.article-meta[b-8g02y2mo2t], .article-tags[b-8g02y2mo2t] { margin-bottom: 0; color: var(--color-text-muted); font-size: var(--text-sm); }
.article-tags[b-8g02y2mo2t] { margin-top: var(--space-2); }
.article-tags a[b-8g02y2mo2t] { color: var(--color-text-muted); text-decoration: none; overflow-wrap: anywhere; }
.article-tags a:hover[b-8g02y2mo2t] { color: var(--color-accent); }
.article-card[b-8g02y2mo2t]  mark { border-radius: .15rem; background: color-mix(in srgb, var(--color-accent) 15%, transparent); color: inherit; }

@media (max-width: 40rem) {
    .article-card[b-8g02y2mo2t] { flex-direction: column; gap: var(--space-3); padding: var(--space-2); }
    .article-cover[b-8g02y2mo2t] { flex-basis: auto; width: 100%; }
    .article-cover img[b-8g02y2mo2t] { aspect-ratio: 2 / 1; }
    .article-card h2[b-8g02y2mo2t] { font-size: 1.1rem; }
}
/* /Components/Public/HomeHero.razor.rz.scp.css */
.hero[b-4qjdwkzebj] {
    overflow: hidden;
    border-bottom: 1px solid var(--color-border);
    background:
        radial-gradient(circle at 70% 45%, color-mix(in srgb, var(--color-accent) 7%, transparent), transparent 34%),
        var(--color-background);
}

.hero-layout[b-4qjdwkzebj] {
    min-height: 31rem;
    display: grid;
    grid-template-columns: minmax(29rem, 1.18fr) minmax(25rem, 0.82fr);
    align-items: center;
    gap: clamp(var(--space-8), 5vw, var(--space-16));
    padding-block: var(--space-12);
}

.hero-copy[b-4qjdwkzebj] {
    position: relative;
    z-index: 1;
}

.hero-copy p[b-4qjdwkzebj] {
    max-width: 37rem;
    margin: 0;
    font-size: clamp(var(--text-base), 1.6vw, var(--text-lg));
}

.hero-actions[b-4qjdwkzebj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-8);
}

.hero-visual[b-4qjdwkzebj] {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url("/images/hero/waveform-light.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

html[data-theme="light"] .hero-visual[b-4qjdwkzebj] {
    background-image: url("/images/hero/waveform-light.png");
}

html[data-theme="dark"] .hero-visual[b-4qjdwkzebj] {
    background-image: url("/images/hero/waveform-dark.png");
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme]) .hero-visual[b-4qjdwkzebj] {
        background-image: url("/images/hero/waveform-dark.png");
    }
}

@media (max-width: 70rem) {
    .hero-layout[b-4qjdwkzebj] {
        min-height: 29rem;
        grid-template-columns: minmax(24rem, 1.08fr) minmax(22rem, 0.92fr);
        gap: var(--space-8);
        padding-block: var(--space-12);
    }
}

@media (max-width: 52rem) {
    .hero-layout[b-4qjdwkzebj] {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: var(--space-10);
        padding-block: var(--space-12);
    }

    .hero-visual[b-4qjdwkzebj] {
        width: min(100%, 45rem);
        margin-inline: auto;
    }
}

@media (max-width: 40rem) {
    .hero-layout[b-4qjdwkzebj] {
        gap: var(--space-8);
        padding-block: var(--space-10);
    }

    .hero-actions[b-4qjdwkzebj] {
        display: grid;
    }

    .hero-actions .button[b-4qjdwkzebj] {
        width: 100%;
    }

    .hero-visual[b-4qjdwkzebj] {
        width: calc(100% + (2 * var(--site-gutter)));
        margin-inline: calc(-1 * var(--site-gutter));
        overflow: hidden;
    }
}

@media (max-height: 32rem) and (min-width: 40.01rem) and (max-width: 52rem) {
    .hero-layout[b-4qjdwkzebj] {
        gap: var(--space-6);
        padding-block: var(--space-8);
    }

    .hero-visual[b-4qjdwkzebj] {
        width: min(100%, 34rem);
    }
}
/* /Components/Public/HomeOverview.razor.rz.scp.css */
.overview-grid[b-1h1obqencq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.overview-column[b-1h1obqencq] { min-width: 0; padding: var(--space-10) var(--space-8) var(--space-12); }
.overview-column:first-child[b-1h1obqencq] { padding-left: 0; }
.overview-column:last-child[b-1h1obqencq] { padding-right: 0; }
.overview-column + .overview-column[b-1h1obqencq] { border-left: 1px solid var(--color-border); }
.overview-heading[b-1h1obqencq] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-6); }
.overview-heading h2[b-1h1obqencq] { margin: 0; font-size: var(--text-sm); text-transform: uppercase; }
.overview-heading a[b-1h1obqencq] { color: var(--color-text-muted); font-size: var(--text-xs); text-decoration: none; }
.overview-empty[b-1h1obqencq] { min-height: 13rem; display: grid; place-items: center; align-content: center; border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-6); background: var(--color-surface); text-align: center; }
.overview-empty h3[b-1h1obqencq] { margin: 0 0 var(--space-2); }
.overview-empty p[b-1h1obqencq] { margin: 0; font-size: var(--text-sm); }
.overview-link[b-1h1obqencq] { display: grid; gap: var(--space-2); margin-bottom: var(--space-3); padding: var(--space-4); color: var(--color-text); text-decoration: none; }
.overview-link:hover strong[b-1h1obqencq] { color: var(--color-accent); }
.overview-link span[b-1h1obqencq] { color: var(--color-text-muted); font-size: var(--text-xs); }
.overview-article[b-1h1obqencq] { position: relative; min-width: 0; overflow: hidden; padding: var(--space-2); }
.overview-article-cover[b-1h1obqencq] { position: absolute; top: 50%; left: var(--space-2); width: 4.5rem; transform: translateY(-50%); }
.overview-article-content[b-1h1obqencq] { display: grid; min-width: 0; gap: var(--space-2); }
.overview-article--covered .overview-article-content[b-1h1obqencq] { padding-left: calc(4.5rem + var(--space-3)); }
.overview-article-content strong[b-1h1obqencq] { display: -webkit-box; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.overview-topic[b-1h1obqencq] { grid-template-columns: 1fr; min-width: 0; overflow: hidden; }
.overview-topic--covered[b-1h1obqencq] { grid-template-columns: 4.5rem minmax(0, 1fr); align-items: center; }
.overview-topic--covered strong[b-1h1obqencq], .overview-topic--covered span[b-1h1obqencq] { grid-column: 2; }
.overview-topic--covered strong[b-1h1obqencq] { align-self: end; }
.overview-topic--covered span[b-1h1obqencq] { align-self: start; }
.overview-topic-cover[b-1h1obqencq] { grid-column: 1; grid-row: 1 / span 2; width: 4.5rem; }
.overview-topic strong[b-1h1obqencq] { overflow-wrap: anywhere; }
@media (max-width: 64rem) { .overview-grid[b-1h1obqencq] { grid-template-columns: 1fr; } .overview-column[b-1h1obqencq], .overview-column:first-child[b-1h1obqencq], .overview-column:last-child[b-1h1obqencq] { padding: var(--space-8) 0; } .overview-column + .overview-column[b-1h1obqencq] { border-top: 1px solid var(--color-border); border-left: 0; } }