/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-header[b-2vi094s7p1] {
    border-bottom: var(--gb-border-width) solid var(--gb-border);
    background: var(--gb-surface);
}

.site-header__bar[b-2vi094s7p1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--gb-space-4);
    min-height: var(--gb-topbar-height);
    padding-top: var(--gb-space-3);
    padding-bottom: var(--gb-space-3);
}

.site-header__home[b-2vi094s7p1] {
    display: inline-flex;
    border-radius: var(--gb-radius-sm);
}

.site-header__nav[b-2vi094s7p1] {
    display: flex;
    align-items: center;
    gap: var(--gb-space-5);
}

.site-header__links[b-2vi094s7p1] {
    display: flex;
    gap: var(--gb-space-1);
    padding: 0;
    list-style: none;
}

.site-header__links a[b-2vi094s7p1],
.site-menu__panel a[b-2vi094s7p1] {
    display: block;
    padding: var(--gb-space-2) var(--gb-space-3);
    border-radius: var(--gb-radius-btn);
    color: var(--gb-text);
    font-weight: var(--gb-weight-semibold);
    text-decoration: none;
}

.site-header__links a:hover[b-2vi094s7p1],
.site-menu__panel a:hover[b-2vi094s7p1] {
    background: var(--gb-surface-2);
    color: var(--gb-primary);
}

.site-menu[b-2vi094s7p1] {
    display: none;
}

.site-menu__toggle[b-2vi094s7p1] {
    display: inline-flex;
    align-items: center;
    gap: var(--gb-space-2);
    min-height: var(--gb-control-height);
    padding: var(--gb-space-2) var(--gb-space-3);
    border: var(--gb-border-width-strong) solid var(--gb-border-strong);
    border-radius: var(--gb-radius-btn);
    color: var(--gb-text);
    font-weight: var(--gb-weight-bold);
    list-style: none;
    cursor: pointer;
}

.site-menu__toggle[b-2vi094s7p1]::-webkit-details-marker {
    display: none;
}

.site-menu__bars[b-2vi094s7p1],
.site-menu__bars[b-2vi094s7p1]::before,
.site-menu__bars[b-2vi094s7p1]::after {
    display: block;
    width: var(--gb-icon-sm);
    height: var(--gb-border-width-thick);
    border-radius: var(--gb-radius-pill);
    background: currentColor;
}

.site-menu__bars[b-2vi094s7p1] {
    position: relative;
}

.site-menu__bars[b-2vi094s7p1]::before,
.site-menu__bars[b-2vi094s7p1]::after {
    content: "";
    position: absolute;
    left: 0;
}

.site-menu__bars[b-2vi094s7p1]::before {
    top: calc(var(--gb-space-1) * -1.25);
}

.site-menu__bars[b-2vi094s7p1]::after {
    top: calc(var(--gb-space-1) * 1.25);
}

.site-menu[open] .site-menu__bars[b-2vi094s7p1] {
    background: transparent;
}

.site-menu[open] .site-menu__bars[b-2vi094s7p1]::before {
    top: 0;
    transform: rotate(45deg);
}

.site-menu[open] .site-menu__bars[b-2vi094s7p1]::after {
    top: 0;
    transform: rotate(-45deg);
}

.site-menu__panel ul[b-2vi094s7p1] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
    padding: var(--gb-space-3) 0 0;
    list-style: none;
}

.site-menu__panel a[b-2vi094s7p1] {
    padding: var(--gb-space-3);
    font-size: var(--gb-text-h4);
}

@media (max-width: 760px) {
    .site-header__nav[b-2vi094s7p1] {
        display: none;
    }

    .site-header__bar[b-2vi094s7p1] {
        position: relative;
    }

    .site-menu[b-2vi094s7p1] {
        display: block;
    }

    .site-menu[open][b-2vi094s7p1] {
        flex-basis: 100%;
    }

    .site-menu__toggle[b-2vi094s7p1] {
        position: absolute;
        top: calc((var(--gb-topbar-height) - var(--gb-control-height)) / 2);
        right: var(--gb-site-gutter);
    }
}

.site-footer[b-2vi094s7p1] {
    padding: var(--gb-space-7) 0;
    border-top: var(--gb-border-width) solid var(--gb-border);
    background: var(--gb-surface);
}

.site-footer__inner[b-2vi094s7p1] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--gb-space-6);
}

.site-footer__brand[b-2vi094s7p1] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
    max-width: var(--gb-card-min-width);
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

.site-footer__nav ul[b-2vi094s7p1] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: var(--gb-space-2) var(--gb-space-5);
    padding: 0;
    list-style: none;
}

.site-footer__nav a[b-2vi094s7p1] {
    color: var(--gb-text);
    font-weight: var(--gb-weight-semibold);
}

.site-footer__small[b-2vi094s7p1] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}
/* /Components/Pages/Buy.razor.rz.scp.css */
.buy[b-ewlqmuwy7f] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-5);
    max-width: var(--gb-site-prose-max-width);
}

.buy__intro[b-ewlqmuwy7f] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
}

.buy__intro h1[b-ewlqmuwy7f] {
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.buy__intro p[b-ewlqmuwy7f] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-h4);
}

.buy__closed[b-ewlqmuwy7f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gb-space-3);
}

.buy__problem[b-ewlqmuwy7f] {
    padding: var(--gb-space-3) var(--gb-space-4);
    border-left: var(--gb-accent-bar-width) solid var(--gb-warning);
    border-radius: var(--gb-radius-md);
    background: var(--gb-warning-soft);
}

[b-ewlqmuwy7f] .buy__form {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-5);
}

.buy__facts[b-ewlqmuwy7f] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    margin: 0;
    padding-left: var(--gb-space-5);
}

.buy__field[b-ewlqmuwy7f],
.buy__consent[b-ewlqmuwy7f] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
}

.buy__field label[b-ewlqmuwy7f] {
    font-weight: var(--gb-weight-bold);
}

.buy__optional[b-ewlqmuwy7f] {
    color: var(--gb-text-muted);
    font-weight: var(--gb-weight-regular);
}

.buy__field[b-ewlqmuwy7f]  input {
    width: 100%;
    min-height: var(--gb-control-height);
    padding: var(--gb-space-2) var(--gb-space-3);
    border: var(--gb-border-width-strong) solid var(--gb-border-strong);
    border-radius: var(--gb-radius-btn);
    background: var(--gb-surface);
    color: var(--gb-text);
    font: inherit;
}

.buy__field[b-ewlqmuwy7f]  .invalid {
    border-color: var(--gb-danger);
}

.buy__check[b-ewlqmuwy7f] {
    display: flex;
    align-items: flex-start;
    gap: var(--gb-space-2);
    cursor: pointer;
}

.buy__check[b-ewlqmuwy7f]  input {
    flex-shrink: 0;
    width: var(--gb-space-5);
    height: var(--gb-space-5);
    margin-top: var(--gb-space-1);
    accent-color: var(--gb-primary);
}

[b-ewlqmuwy7f] .buy__error {
    color: var(--gb-danger);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-semibold);
}

.buy__trap[b-ewlqmuwy7f] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.buy__small[b-ewlqmuwy7f] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

[b-ewlqmuwy7f] button[type="submit"] {
    align-self: flex-start;
}
/* /Components/Pages/BuyDone.razor.rz.scp.css */
.done[b-p34g0w5oq8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gb-space-4);
    max-width: var(--gb-site-prose-max-width);
}

.done h1[b-p34g0w5oq8] {
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.done__key[b-p34g0w5oq8] {
    font-family: var(--gb-font-mono);
    font-size: var(--gb-text-h3);
    font-weight: var(--gb-weight-bold);
    overflow-wrap: anywhere;
    user-select: all;
}

.done__steps[b-p34g0w5oq8] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    margin: 0;
    padding-left: var(--gb-space-5);
}
/* /Components/Pages/Changelog.razor.rz.scp.css */
.changelog[b-44tu1tq4xe] {
    max-width: var(--gb-lesson-max-width);
}

.changelog__empty[b-44tu1tq4xe] {
    color: var(--gb-text-muted);
}

.changelog__entry[b-44tu1tq4xe] {
    padding: var(--gb-space-5) 0;
    border-top: var(--gb-border-width) solid var(--gb-border);
}

.changelog__entry h2 a[b-44tu1tq4xe] {
    color: var(--gb-text);
    text-decoration: none;
}

.changelog__entry h2 a:hover[b-44tu1tq4xe] {
    color: var(--gb-primary);
}

.changelog__entry:target[b-44tu1tq4xe] {
    border-top-color: var(--gb-accent);
}

.changelog__date[b-44tu1tq4xe] {
    margin: var(--gb-space-1) 0 var(--gb-space-4);
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}
/* /Components/Pages/CheckoutSimulated.razor.rz.scp.css */
.simulated[b-uigqiemakf] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-4);
    max-width: var(--gb-site-prose-max-width);
}

.simulated h1[b-uigqiemakf] {
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.simulated__badge[b-uigqiemakf] {
    align-self: flex-start;
    padding: var(--gb-space-1) var(--gb-space-3);
    border-radius: var(--gb-radius-pill);
    background: var(--gb-warning-soft);
    font-weight: var(--gb-weight-bold);
}

.simulated__details[b-uigqiemakf] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--gb-space-2) var(--gb-space-4);
    margin: 0;
}

.simulated__details dt[b-uigqiemakf] {
    font-weight: var(--gb-weight-bold);
}

.simulated__details dd[b-uigqiemakf] {
    margin: 0;
    overflow-wrap: anywhere;
}

.simulated__actions[b-uigqiemakf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gb-space-3);
}
/* /Components/Pages/Cookbook.razor.rz.scp.css */
.cookbook-grid[b-asxwjx4eah] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--gb-cookbook-card-min-width)), 1fr));
    gap: var(--gb-space-4);
    padding: 0;
    list-style: none;
}

.cookbook-ask[b-asxwjx4eah] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gb-space-3);
    padding: var(--gb-space-5);
    border: var(--gb-border-width-thick) dashed var(--gb-border-strong);
    border-radius: var(--gb-radius-lg);
    background: var(--gb-surface-2);
}

.cookbook-ask__emoji[b-asxwjx4eah] {
    font-family: var(--gb-font-emoji);
    font-size: var(--gb-text-h2);
}

.cookbook-ask h2[b-asxwjx4eah] {
    font-size: var(--gb-text-h3);
}

.cookbook-ask p[b-asxwjx4eah] {
    color: var(--gb-text-muted);
}
/* /Components/Pages/CookbookRecipe.razor.rz.scp.css */
.recipe__back[b-jrxkixayhc] {
    margin-bottom: var(--gb-space-4);
    font-weight: var(--gb-weight-bold);
}

.recipe__hero[b-jrxkixayhc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-card-min-width)), 1fr));
    align-items: center;
    gap: var(--gb-space-6);
    margin-bottom: var(--gb-space-7);
}

.recipe__hero img[b-jrxkixayhc] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--gb-radius-lg);
    box-shadow: var(--gb-shadow-md);
}

.recipe__summary[b-jrxkixayhc] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
}

.recipe__category[b-jrxkixayhc] {
    color: var(--gb-secondary-text);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-heavy);
    text-transform: uppercase;
}

.recipe__summary h1[b-jrxkixayhc] {
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.recipe__promise[b-jrxkixayhc] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-h4);
}

.recipe__facts[b-jrxkixayhc] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    margin: 0;
}

.recipe__facts div[b-jrxkixayhc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gb-space-2);
}

.recipe__facts dt[b-jrxkixayhc] {
    min-width: var(--gb-thumbnail-size);
    font-weight: var(--gb-weight-bold);
}

.recipe__facts dd[b-jrxkixayhc] {
    margin: 0;
    color: var(--gb-text-muted);
}

.recipe__columns[b-jrxkixayhc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-baker-card-min-width)), 1fr));
    align-items: start;
    gap: var(--gb-space-6);
}

.recipe__columns h2[b-jrxkixayhc],
.recipe__sample h2[b-jrxkixayhc] {
    margin-bottom: var(--gb-space-4);
}

.recipe__steps[b-jrxkixayhc],
.recipe__questions[b-jrxkixayhc] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
    padding: 0;
    list-style: none;
}

.recipe__steps li[b-jrxkixayhc] {
    display: flex;
    gap: var(--gb-space-3);
    padding: var(--gb-space-3) var(--gb-space-4);
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-md);
    background: var(--gb-surface);
}

.recipe__step-label[b-jrxkixayhc] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: var(--gb-recipe-number-size);
    height: var(--gb-recipe-number-size);
    border-radius: var(--gb-radius-pill);
    background: var(--gb-primary);
    color: var(--gb-primary-contrast);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-heavy);
}

.recipe__step-title[b-jrxkixayhc],
.recipe__question[b-jrxkixayhc] {
    font-weight: var(--gb-weight-bold);
}

.recipe__step-text[b-jrxkixayhc],
.recipe__help[b-jrxkixayhc] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

.recipe__questions li[b-jrxkixayhc] {
    padding: var(--gb-space-3) var(--gb-space-4);
    border-left: var(--gb-accent-bar-width) solid var(--gb-accent);
    border-radius: var(--gb-radius-md);
    background: var(--gb-surface);
}

.recipe__example[b-jrxkixayhc] {
    margin-top: var(--gb-space-1);
    font-size: var(--gb-text-sm);
}

.recipe__example span[b-jrxkixayhc] {
    font-family: var(--gb-font-mono);
}

.recipe__sample[b-jrxkixayhc] {
    max-width: var(--gb-demo-picture-max-width);
    margin-top: var(--gb-space-7);
}

.recipe__sample p[b-jrxkixayhc] {
    margin-bottom: var(--gb-space-3);
    color: var(--gb-text-muted);
}

.recipe__sample img[b-jrxkixayhc] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--gb-radius-lg);
}
/* /Components/Pages/Download.razor.rz.scp.css */
.download__hero[b-cijzqspgb2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gb-space-3);
    margin-bottom: var(--gb-space-7);
}

.download__hero h1[b-cijzqspgb2] {
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.download__lead[b-cijzqspgb2] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-h4);
}

.download__button[b-cijzqspgb2] {
    min-height: var(--gb-site-big-button-height);
    padding: var(--gb-space-3) var(--gb-space-6);
    font-size: var(--gb-text-h4);
}

.download__meta[b-cijzqspgb2] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

.download__sections[b-cijzqspgb2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-baker-card-min-width)), 1fr));
    gap: var(--gb-space-4);
}

.download__sections h2[b-cijzqspgb2] {
    margin-bottom: var(--gb-space-3);
    font-size: var(--gb-text-h3);
}

.download__sections p[b-cijzqspgb2],
.download__sections ul[b-cijzqspgb2],
.download__sections ol[b-cijzqspgb2],
.download__sections pre[b-cijzqspgb2] {
    margin: 0 0 var(--gb-space-3);
}

.download__sections ul[b-cijzqspgb2],
.download__sections ol[b-cijzqspgb2] {
    padding-left: var(--gb-space-5);
}

.download__sections li + li[b-cijzqspgb2] {
    margin-top: var(--gb-space-1);
}

.download__sections pre[b-cijzqspgb2] {
    overflow-x: auto;
    padding: var(--gb-space-2) var(--gb-space-3);
    border-radius: var(--gb-radius-sm);
    background: var(--gb-surface-2);
}

.download__sections code[b-cijzqspgb2] {
    font-family: var(--gb-font-mono);
    font-size: var(--gb-text-sm);
}

.download__hash code[b-cijzqspgb2] {
    display: block;
    padding: var(--gb-space-2) var(--gb-space-3);
    border: var(--gb-border-width) solid var(--gb-border-strong);
    border-radius: var(--gb-radius-sm);
    background: var(--gb-surface-2);
    overflow-wrap: anywhere;
    user-select: all;
}

.download__feedback[b-cijzqspgb2] {
    margin-top: calc(var(--gb-space-6) * -1);
    padding-bottom: var(--gb-space-8);
    text-align: center;
    font-weight: var(--gb-weight-bold);
}
/* /Components/Pages/Faq.razor.rz.scp.css */
.faq[b-u7now2tewq] {
    max-width: var(--gb-lesson-max-width);
}

.faq__list[b-u7now2tewq] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
}

.faq__list ul[b-u7now2tewq] {
    margin: 0;
    padding-left: var(--gb-space-5);
}
/* /Components/Pages/Feedback.razor.rz.scp.css */
.feedback[b-9oluty5dpy] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-5);
    max-width: var(--gb-site-prose-max-width);
}

.feedback__intro[b-9oluty5dpy] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
}

.feedback__intro h1[b-9oluty5dpy] {
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.feedback__intro p[b-9oluty5dpy] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-h4);
}

.feedback__problem[b-9oluty5dpy] {
    padding: var(--gb-space-3) var(--gb-space-4);
    border-left: var(--gb-accent-bar-width) solid var(--gb-warning);
    border-radius: var(--gb-radius-md);
    background: var(--gb-warning-soft);
}

[b-9oluty5dpy] .feedback__form {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-5);
}

.feedback__types[b-9oluty5dpy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gb-space-2);
    margin: 0;
    padding: 0;
    border: 0;
}

.feedback__types legend[b-9oluty5dpy] {
    margin-bottom: var(--gb-space-2);
    padding: 0;
    font-weight: var(--gb-weight-bold);
}

.feedback__type[b-9oluty5dpy] {
    display: inline-flex;
    align-items: center;
    gap: var(--gb-space-2);
    min-height: var(--gb-control-height-sm);
    padding: var(--gb-space-1) var(--gb-space-3);
    border: var(--gb-border-width-strong) solid var(--gb-border-strong);
    border-radius: var(--gb-radius-pill);
    background: var(--gb-surface);
    cursor: pointer;
}

.feedback__type:has(input:checked)[b-9oluty5dpy] {
    border-color: var(--gb-primary);
    background: var(--gb-primary-soft);
    font-weight: var(--gb-weight-bold);
}

.feedback__type[b-9oluty5dpy]  input {
    accent-color: var(--gb-primary);
}

.feedback__field[b-9oluty5dpy] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
}

.feedback__field label[b-9oluty5dpy] {
    font-weight: var(--gb-weight-bold);
}

.feedback__optional[b-9oluty5dpy] {
    color: var(--gb-text-muted);
    font-weight: var(--gb-weight-regular);
}

.feedback__field[b-9oluty5dpy]  input,
.feedback__field[b-9oluty5dpy]  textarea {
    width: 100%;
    min-height: var(--gb-control-height);
    padding: var(--gb-space-2) var(--gb-space-3);
    border: var(--gb-border-width-strong) solid var(--gb-border-strong);
    border-radius: var(--gb-radius-btn);
    background: var(--gb-surface);
    color: var(--gb-text);
    font: inherit;
}

.feedback__field[b-9oluty5dpy]  textarea {
    resize: vertical;
}

.feedback__field[b-9oluty5dpy]  .invalid {
    border-color: var(--gb-danger);
}

.feedback__field[b-9oluty5dpy]  .feedback__error {
    color: var(--gb-danger);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-semibold);
}

.feedback__trap[b-9oluty5dpy] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.feedback__privacy[b-9oluty5dpy] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

[b-9oluty5dpy] button[type="submit"] {
    align-self: flex-start;
}
/* /Components/Pages/Glossary.razor.rz.scp.css */
.glossary[b-srq1nnxdhk] {
    max-width: var(--gb-lesson-max-width);
}

.glossary__back[b-srq1nnxdhk] {
    margin-bottom: var(--gb-space-4);
    font-weight: var(--gb-weight-bold);
}

.glossary__list[b-srq1nnxdhk] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    margin: 0;
}

.glossary__entry[b-srq1nnxdhk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-glossary-term-width)), 1fr));
    gap: var(--gb-space-1) var(--gb-space-5);
    padding: var(--gb-space-3) var(--gb-space-4);
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-md);
    background: var(--gb-surface);
}

.glossary__entry:target[b-srq1nnxdhk] {
    border-color: var(--gb-accent);
    background: var(--gb-accent-soft);
}

.glossary__entry dt[b-srq1nnxdhk] {
    font-family: var(--gb-font-heading);
    font-weight: var(--gb-weight-semibold);
}

.glossary__entry dd[b-srq1nnxdhk] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
    margin: 0;
}

.glossary__entry dd a[b-srq1nnxdhk] {
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-semibold);
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero[b-97vv5chf0t] {
    padding: var(--gb-space-8) 0 var(--gb-space-7);
    background: linear-gradient(180deg, var(--gb-primary-soft), var(--gb-bg));
}

.hero__inner[b-97vv5chf0t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gb-space-5);
    max-width: var(--gb-site-hero-max-width);
    text-align: center;
}

.hero__badge[b-97vv5chf0t] {
    padding: var(--gb-space-1) var(--gb-space-3);
    border-radius: var(--gb-radius-pill);
    background: var(--gb-accent);
    color: var(--gb-accent-contrast);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-bold);
}

.hero h1[b-97vv5chf0t] {
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.hero__lead[b-97vv5chf0t] {
    max-width: var(--gb-site-text-max-width);
    color: var(--gb-text-muted);
    font-size: var(--gb-text-h4);
}

.hero__actions[b-97vv5chf0t] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gb-space-3);
}

.hero__note[b-97vv5chf0t] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

.benefits[b-97vv5chf0t],
.features[b-97vv5chf0t],
.steps[b-97vv5chf0t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-card-min-width)), 1fr));
    gap: var(--gb-space-4);
    padding: 0;
    list-style: none;
}

.benefits[b-97vv5chf0t] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1040px) {
    .benefits[b-97vv5chf0t] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.card__emoji[b-97vv5chf0t] {
    display: block;
    margin-bottom: var(--gb-space-3);
    font-family: var(--gb-font-emoji);
    font-size: var(--gb-text-h2);
    line-height: var(--gb-leading-tight);
}

.card__title[b-97vv5chf0t] {
    margin-bottom: var(--gb-space-2);
    font-size: var(--gb-text-h4);
}

.benefit p[b-97vv5chf0t],
.feature p[b-97vv5chf0t],
.step p[b-97vv5chf0t] {
    color: var(--gb-text-muted);
}

.feature__plain[b-97vv5chf0t] {
    color: var(--gb-text-muted);
    font-family: var(--gb-font-body);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-medium);
    letter-spacing: normal;
}

.why-granny[b-97vv5chf0t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-card-min-width)), 1fr));
    align-items: start;
    gap: var(--gb-space-6);
}

.why-granny__text[b-97vv5chf0t] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
}

.why-granny__text p[b-97vv5chf0t] {
    color: var(--gb-text-muted);
}

.vocabulary[b-97vv5chf0t] {
    width: 100%;
    overflow: hidden;
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-md);
    border-spacing: 0;
    background: var(--gb-surface);
}

.vocabulary th[b-97vv5chf0t],
.vocabulary td[b-97vv5chf0t] {
    padding: var(--gb-space-2) var(--gb-space-4);
    border-bottom: var(--gb-border-width) solid var(--gb-border);
    text-align: left;
}

.vocabulary th[b-97vv5chf0t] {
    background: var(--gb-primary-soft);
    font-family: var(--gb-font-heading);
    font-weight: var(--gb-weight-semibold);
}

.vocabulary tr:last-child td[b-97vv5chf0t] {
    border-bottom: 0;
}

.vocabulary td:first-child[b-97vv5chf0t] {
    font-weight: var(--gb-weight-bold);
}

.vocabulary td:last-child[b-97vv5chf0t] {
    color: var(--gb-text-muted);
}

.step__number[b-97vv5chf0t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--gb-site-step-number-size);
    height: var(--gb-site-step-number-size);
    margin-bottom: var(--gb-space-3);
    border-radius: var(--gb-radius-pill);
    background: var(--gb-primary);
    color: var(--gb-primary-contrast);
    font-family: var(--gb-font-heading);
    font-size: var(--gb-text-h4);
    font-weight: var(--gb-weight-bold);
}

.pricing[b-97vv5chf0t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-card-min-width)), 1fr));
    align-items: start;
    gap: var(--gb-space-6);
}

.ai-costs[b-97vv5chf0t] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
    max-width: var(--gb-site-text-max-width);
}

.ai-costs h3[b-97vv5chf0t] {
    font-size: var(--gb-text-h3);
}

.ai-costs p[b-97vv5chf0t],
.ai-costs ul[b-97vv5chf0t] {
    color: var(--gb-text-muted);
}

.ai-costs ul[b-97vv5chf0t] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    padding-left: var(--gb-space-5);
}

.ai-costs a[b-97vv5chf0t] {
    font-weight: var(--gb-weight-bold);
}

@media (max-width: 600px) {
    .benefits[b-97vv5chf0t] {
        grid-template-columns: 1fr;
    }

    .benefit[b-97vv5chf0t],
    .feature[b-97vv5chf0t],
    .step[b-97vv5chf0t] {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: var(--gb-space-4);
        align-items: start;
        padding: var(--gb-space-4);
    }

    .benefit > :not(.card__emoji)[b-97vv5chf0t],
    .feature > :not(.card__emoji)[b-97vv5chf0t],
    .step > :not(.step__number)[b-97vv5chf0t] {
        grid-column: 2;
    }

    .card__emoji[b-97vv5chf0t],
    .step__number[b-97vv5chf0t] {
        grid-row: span 2;
        margin-bottom: 0;
    }

    .card__emoji[b-97vv5chf0t] {
        font-size: var(--gb-text-h3);
    }
}
/* /Components/Pages/Learn.razor.rz.scp.css */
.learn-level[b-6by2nzd4ns] {
    margin-top: var(--gb-space-6);
}

.learn-level__text[b-6by2nzd4ns] {
    margin: var(--gb-space-1) 0 var(--gb-space-4);
    color: var(--gb-text-muted);
}

.learn-list[b-6by2nzd4ns] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--gb-baker-card-min-width)), 1fr));
    gap: var(--gb-space-3);
    padding: 0;
    list-style: none;
}

.learn-card[b-6by2nzd4ns] {
    position: relative;
    display: flex;
    gap: var(--gb-space-3);
    padding: var(--gb-space-4);
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-lg);
    background: var(--gb-surface);
    box-shadow: var(--gb-shadow-sm);
}

.learn-card:hover[b-6by2nzd4ns],
.learn-card:focus-within[b-6by2nzd4ns] {
    border-color: var(--gb-primary);
}

.learn-card__number[b-6by2nzd4ns] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: var(--gb-avatar-tile-size);
    height: var(--gb-avatar-tile-size);
    border-radius: var(--gb-radius-md);
    background: var(--gb-primary-soft);
    color: var(--gb-primary);
    font-family: var(--gb-font-heading);
    font-weight: var(--gb-weight-bold);
}

.learn-card h3[b-6by2nzd4ns] {
    margin-bottom: var(--gb-space-1);
}

.learn-card h3 a[b-6by2nzd4ns] {
    color: var(--gb-text);
    text-decoration: none;
}

.learn-card h3 a[b-6by2nzd4ns]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.learn-card h3 a:hover[b-6by2nzd4ns] {
    color: var(--gb-primary);
}

.learn-card__text[b-6by2nzd4ns] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

.learn-card__meta[b-6by2nzd4ns] {
    margin-top: var(--gb-space-2);
    color: var(--gb-secondary-text);
    font-size: var(--gb-text-xs);
    font-weight: var(--gb-weight-bold);
}
/* /Components/Pages/Lesson.razor.rz.scp.css */
.lesson[b-shvdocp3uz] {
    max-width: var(--gb-lesson-max-width);
}

.lesson__back[b-shvdocp3uz] {
    margin-bottom: var(--gb-space-4);
    font-weight: var(--gb-weight-bold);
}

.lesson__head[b-shvdocp3uz] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    margin-bottom: var(--gb-space-5);
}

.lesson__kicker[b-shvdocp3uz] {
    color: var(--gb-secondary-text);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-heavy);
}

.lesson__head h1[b-shvdocp3uz] {
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.lesson__pager[b-shvdocp3uz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-card-min-width)), 1fr));
    gap: var(--gb-space-3);
    margin-top: var(--gb-space-7);
}

.lesson__pager-link[b-shvdocp3uz] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
    padding: var(--gb-space-3) var(--gb-space-4);
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-md);
    background: var(--gb-surface);
    color: var(--gb-text);
    font-weight: var(--gb-weight-bold);
    text-decoration: none;
}

.lesson__pager-link:hover[b-shvdocp3uz] {
    border-color: var(--gb-primary);
    color: var(--gb-primary);
}

.lesson__pager-link span[b-shvdocp3uz] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-xs);
    text-transform: uppercase;
}

.lesson__pager-link--next[b-shvdocp3uz] {
    grid-column: -2;
    text-align: right;
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
.pricing__layout[b-4l16olo7my] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-baker-card-min-width)), 1fr));
    align-items: start;
    gap: var(--gb-space-6);
}

.pricing__answers[b-4l16olo7my] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-5);
}

.pricing__answers h2[b-4l16olo7my] {
    margin-bottom: var(--gb-space-2);
    font-size: var(--gb-text-h3);
}

.pricing__answers p[b-4l16olo7my] {
    color: var(--gb-text-muted);
}
/* /Components/Pages/Roadmap.razor.rz.scp.css */
.roadmap__intro[b-movofa5ae8] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
    max-width: var(--gb-site-text-max-width);
    margin-bottom: var(--gb-space-6);
}

.roadmap__intro h1[b-movofa5ae8] {
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.roadmap__intro p[b-movofa5ae8] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-h4);
}

.roadmap__columns[b-movofa5ae8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-card-min-width)), 1fr));
    align-items: start;
    gap: var(--gb-space-4);
}

.roadmap__column[b-movofa5ae8] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-4);
    padding: var(--gb-space-5);
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-lg);
    background: var(--gb-surface);
    box-shadow: var(--gb-shadow-sm);
}

.roadmap__column h2[b-movofa5ae8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gb-space-2);
    font-size: var(--gb-text-h4);
}

.roadmap__tag[b-movofa5ae8] {
    padding: var(--gb-space-0) var(--gb-space-3);
    border-radius: var(--gb-radius-pill);
    font-family: var(--gb-font-body);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-heavy);
    letter-spacing: normal;
}

.roadmap__tag--now[b-movofa5ae8] {
    background: var(--gb-success-soft);
    color: var(--gb-success);
}

.roadmap__tag--next[b-movofa5ae8] {
    background: var(--gb-primary-soft);
    color: var(--gb-primary);
}

.roadmap__tag--decide[b-movofa5ae8] {
    background: var(--gb-accent);
    color: var(--gb-accent-contrast);
}

.roadmap__list[b-movofa5ae8] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
    padding: 0;
    list-style: none;
}

.roadmap__item[b-movofa5ae8] {
    display: flex;
    gap: var(--gb-space-3);
}

.roadmap__check[b-movofa5ae8] {
    flex: none;
    color: var(--gb-success);
    font-weight: var(--gb-weight-heavy);
}

.roadmap__check--next[b-movofa5ae8] {
    color: var(--gb-primary);
}

.roadmap__title[b-movofa5ae8] {
    font-weight: var(--gb-weight-bold);
}

.roadmap__text[b-movofa5ae8] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

.roadmap__decide[b-movofa5ae8] {
    border-color: var(--gb-accent);
    border-width: var(--gb-border-width-thick);
    background: var(--gb-accent-soft);
}

.roadmap__decide .roadmap__text[b-movofa5ae8] {
    color: var(--gb-text);
}

.roadmap__decide .site-button[b-movofa5ae8] {
    align-self: flex-start;
    white-space: normal;
}

.roadmap__small[b-movofa5ae8] {
    margin-top: var(--gb-space-5);
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}
/* /Components/Pages/Story.razor.rz.scp.css */
.story__inner[b-kj7xe199c0] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-4);
    max-width: var(--gb-site-prose-max-width);
    font-size: var(--gb-text-h4);
    line-height: var(--gb-leading-normal);
}

.story__kicker[b-kj7xe199c0] {
    color: var(--gb-secondary-text);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-heavy);
    text-transform: uppercase;
}

.story h1[b-kj7xe199c0] {
    margin-bottom: var(--gb-space-3);
    font-size: var(--gb-site-hero-title);
    font-weight: var(--gb-weight-bold);
}

.story__analogy[b-kj7xe199c0] {
    padding: var(--gb-space-4);
    border-left: var(--gb-accent-bar-width) solid var(--gb-accent);
    border-radius: var(--gb-radius-md);
    background: var(--gb-accent-soft);
}

.story__signature[b-kj7xe199c0] {
    font-family: var(--gb-font-heading);
    font-weight: var(--gb-weight-semibold);
}

.story__links[b-kj7xe199c0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gb-space-2) var(--gb-space-5);
    font-size: var(--gb-text-base);
    font-weight: var(--gb-weight-bold);
}
/* /Components/Site/CookbookCard.razor.rz.scp.css */
.recipe-card[b-1i2gj1w2ju] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-lg);
    background: var(--gb-surface);
    box-shadow: var(--gb-shadow-sm);
}

.recipe-card:focus-within[b-1i2gj1w2ju],
.recipe-card:hover[b-1i2gj1w2ju] {
    border-color: var(--gb-primary);
}

.recipe-card img[b-1i2gj1w2ju] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: var(--gb-cookbook-picture-ratio);
    object-fit: cover;
    background: var(--gb-surface-2);
}

.recipe-card__body[b-1i2gj1w2ju] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--gb-space-2);
    padding: var(--gb-space-4) var(--gb-space-5) var(--gb-space-5);
}

.recipe-card__category[b-1i2gj1w2ju] {
    color: var(--gb-secondary-text);
    font-size: var(--gb-text-xs);
    font-weight: var(--gb-weight-heavy);
    text-transform: uppercase;
}

.recipe-card h3 a[b-1i2gj1w2ju] {
    color: var(--gb-text);
    text-decoration: none;
}

.recipe-card h3 a[b-1i2gj1w2ju]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.recipe-card h3 a:hover[b-1i2gj1w2ju] {
    color: var(--gb-primary);
}

.recipe-card__promise[b-1i2gj1w2ju] {
    color: var(--gb-text-muted);
}

.recipe-card__needs[b-1i2gj1w2ju] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gb-space-1);
    padding: 0;
    list-style: none;
}

.recipe-card__needs li[b-1i2gj1w2ju] {
    padding: var(--gb-space-0) var(--gb-space-2);
    border-radius: var(--gb-radius-pill);
    background: var(--gb-surface-2);
    font-size: var(--gb-text-xs);
    font-weight: var(--gb-weight-semibold);
}

.recipe-card__difficulty[b-1i2gj1w2ju] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

.recipe-card__cost[b-1i2gj1w2ju] {
    margin-top: auto;
    padding-top: var(--gb-space-2);
    color: var(--gb-secondary-text);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-bold);
}
/* /Components/Site/CookbookTeaser.razor.rz.scp.css */
.teaser__grid[b-9e0424s16v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-card-min-width)), 1fr));
    gap: var(--gb-space-4);
    padding: 0;
    list-style: none;
}

.teaser__more[b-9e0424s16v] {
    margin-top: var(--gb-space-5);
    font-weight: var(--gb-weight-bold);
}
/* /Components/Site/CtaBand.razor.rz.scp.css */
.cta-band[b-n0i6jabufe] {
    padding: var(--gb-space-7) 0;
    background: var(--gb-primary);
    color: var(--gb-primary-contrast);
}

.cta-band__inner[b-n0i6jabufe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--gb-space-5);
}

.cta-band__text[b-n0i6jabufe] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    max-width: var(--gb-site-text-max-width);
}

.cta-band .site-button--primary[b-n0i6jabufe] {
    background: var(--gb-surface);
    color: var(--gb-text);
}

.cta-band .site-button--primary:hover[b-n0i6jabufe] {
    background: var(--gb-surface-2);
    color: var(--gb-text);
}

.cta-band :focus-visible[b-n0i6jabufe] {
    outline-color: var(--gb-accent);
}
/* /Components/Site/FaqItem.razor.rz.scp.css */
.faq-item[b-m887fhaj6p] {
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-md);
    background: var(--gb-surface);
}

.faq-item[open][b-m887fhaj6p],
.faq-item:target[b-m887fhaj6p] {
    border-color: var(--gb-primary);
}

.faq-item summary[b-m887fhaj6p] {
    padding: var(--gb-space-3) var(--gb-space-4);
    font-family: var(--gb-font-heading);
    font-size: var(--gb-text-h4);
    font-weight: var(--gb-weight-semibold);
    cursor: pointer;
}

.faq-item__answer[b-m887fhaj6p] {
    padding: 0 var(--gb-space-4) var(--gb-space-4);
    color: var(--gb-text-muted);
}

.faq-item__text[b-m887fhaj6p] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
}

.faq-item__answer[b-m887fhaj6p]  table {
    border-collapse: collapse;
}

.faq-item__answer[b-m887fhaj6p]  th,
.faq-item__answer[b-m887fhaj6p]  td {
    padding: var(--gb-space-1) var(--gb-space-3);
    border: var(--gb-border-width) solid var(--gb-border);
    color: var(--gb-text);
    text-align: left;
}

.faq-item__answer[b-m887fhaj6p]  code {
    font-family: var(--gb-font-mono);
    font-size: var(--gb-text-sm);
}

.faq-item:target:not([open])[b-m887fhaj6p]::details-content {
    content-visibility: visible;
    display: block;
    height: auto;
}

.faq-item:target:not([open]) summary[b-m887fhaj6p] {
    color: var(--gb-primary);
}
/* /Components/Site/ImprintDetails.razor.rz.scp.css */
.imprint-details[b-jvtd7g4uas] {
    margin: 0 0 var(--gb-space-4);
    padding: var(--gb-space-3) var(--gb-space-4);
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-md);
    background: var(--gb-surface);
    font-style: normal;
}

.imprint-details--missing[b-jvtd7g4uas] {
    border-color: var(--gb-warning);
    background: var(--gb-warning-soft);
}
/* /Components/Site/LegalPage.razor.rz.scp.css */
.legal[b-ay4iur3n8r] {
    max-width: var(--gb-lesson-max-width);
}

.page-intro .legal__updated[b-ay4iur3n8r] {
    font-size: var(--gb-text-sm);
}

.legal__summary[b-ay4iur3n8r] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    margin-bottom: var(--gb-space-6);
    padding: var(--gb-space-4) var(--gb-space-5);
    border-left: var(--gb-accent-bar-width) solid var(--gb-secondary);
    border-radius: var(--gb-radius-md);
    background: var(--gb-secondary-soft);
}

.legal__summary-title[b-ay4iur3n8r] {
    color: var(--gb-secondary-text);
    font-weight: var(--gb-weight-heavy);
}

.legal__summary[b-ay4iur3n8r]  ul {
    margin: 0;
    padding-left: var(--gb-space-5);
}

.legal__summary[b-ay4iur3n8r]  li + li {
    margin-top: var(--gb-space-1);
}

.legal__body[b-ay4iur3n8r] {
    font-size: var(--gb-text-base);
}
/* /Components/Site/LessonExampleView.razor.rz.scp.css */
.example[b-ddvm2x1jep] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
    margin: var(--gb-space-5) 0;
    padding: var(--gb-space-4) var(--gb-space-5);
    border: var(--gb-border-width) solid var(--gb-border);
    border-left: var(--gb-accent-bar-width) solid var(--gb-accent);
    border-radius: var(--gb-radius-lg);
    background: var(--gb-surface-2);
}

.example__head[b-ddvm2x1jep] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
}

.example__kicker[b-ddvm2x1jep] {
    color: var(--gb-secondary-text);
    font-size: var(--gb-text-xs);
    font-weight: var(--gb-weight-heavy);
    text-transform: uppercase;
}

.example__title[b-ddvm2x1jep] {
    font-family: var(--gb-font-heading);
    font-size: var(--gb-text-h4);
}

.example__meta[b-ddvm2x1jep],
.example__note[b-ddvm2x1jep],
.example__caption[b-ddvm2x1jep],
.example__stats[b-ddvm2x1jep] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}

.example__prompt[b-ddvm2x1jep] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
    margin: 0;
    padding: var(--gb-space-3) var(--gb-space-4);
    border-radius: var(--gb-radius-md);
    background: var(--gb-surface);
    white-space: pre-wrap;
}

.example__label[b-ddvm2x1jep] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-semibold);
    white-space: normal;
}

.example__columns[b-ddvm2x1jep] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--gb-compare-column-width)), 1fr));
    gap: var(--gb-space-4);
}

.example__column[b-ddvm2x1jep] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
    min-width: 0;
}

.example__column-head[b-ddvm2x1jep] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gb-space-1);
}

.example__column-head h4[b-ddvm2x1jep] {
    font-size: var(--gb-text-base);
}

.example__chip[b-ddvm2x1jep] {
    padding: 0 var(--gb-space-2);
    border-radius: var(--gb-radius-pill);
    background: var(--gb-secondary-soft);
    color: var(--gb-secondary-text);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-semibold);
}

.example__instructions[b-ddvm2x1jep] {
    font-size: var(--gb-text-sm);
}

.example__instructions summary[b-ddvm2x1jep] {
    cursor: pointer;
    font-weight: var(--gb-weight-semibold);
}

.example__instructions p[b-ddvm2x1jep] {
    margin-top: var(--gb-space-1);
    color: var(--gb-text-muted);
}

.example__runs[b-ddvm2x1jep] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-3);
    padding: 0;
    list-style: none;
}

.example__run[b-ddvm2x1jep] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    padding: var(--gb-space-3) var(--gb-space-4);
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-md);
    background: var(--gb-surface);
}

.example__run-number[b-ddvm2x1jep] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
    font-weight: var(--gb-weight-heavy);
}

.example__output[b-ddvm2x1jep] {
    max-height: var(--gb-demo-output-max-height);
    overflow-y: auto;
    overflow-wrap: anywhere;
}

.example__output[b-ddvm2x1jep]  > :first-child {
    margin-top: 0;
}

.example__output[b-ddvm2x1jep]  > :last-child {
    margin-bottom: 0;
}

.example__output[b-ddvm2x1jep]  p,
.example__output[b-ddvm2x1jep]  ul,
.example__output[b-ddvm2x1jep]  ol {
    margin: 0 0 var(--gb-space-2);
}

.example__output[b-ddvm2x1jep]  ul,
.example__output[b-ddvm2x1jep]  ol {
    padding-left: var(--gb-space-5);
}

.example__output[b-ddvm2x1jep]  pre,
.example__output[b-ddvm2x1jep]  code {
    font-family: var(--gb-font-mono);
    font-size: var(--gb-text-sm);
}

.example__output[b-ddvm2x1jep]  pre {
    overflow-x: auto;
    padding: var(--gb-space-2) var(--gb-space-3);
    border-radius: var(--gb-radius-sm);
    background: var(--gb-surface-2);
}

.example__summary[b-ddvm2x1jep] {
    font-weight: var(--gb-weight-semibold);
}
/* /Components/Site/LessonWidgetBox.razor.rz.scp.css */
.widget-box[b-in734ceg15] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
    margin: var(--gb-space-5) 0;
    padding: var(--gb-space-4) var(--gb-space-5);
    border: var(--gb-border-width) dashed var(--gb-border-strong);
    border-radius: var(--gb-radius-lg);
    background: var(--gb-primary-soft);
}

.widget-box__kicker[b-in734ceg15] {
    color: var(--gb-primary);
    font-size: var(--gb-text-xs);
    font-weight: var(--gb-weight-heavy);
    text-transform: uppercase;
}

.widget-box__title[b-in734ceg15] {
    font-family: var(--gb-font-heading);
    font-size: var(--gb-text-h4);
    font-weight: var(--gb-weight-semibold);
}
/* /Components/Site/MessagePage.razor.rz.scp.css */
.message-page[b-x0lmc3nly3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gb-space-4);
    max-width: var(--gb-modal-width);
    margin: 0 auto;
    padding: var(--gb-space-8) 0;
    text-align: center;
}

.message-page__emoji[b-x0lmc3nly3] {
    font-family: var(--gb-font-emoji);
    font-size: var(--gb-text-h1);
    line-height: var(--gb-leading-tight);
}

.message-page h1[b-x0lmc3nly3] {
    font-size: var(--gb-text-h2);
}

.message-page__text[b-x0lmc3nly3] {
    color: var(--gb-text-muted);
}
/* /Components/Site/OvensDemoSection.razor.rz.scp.css */
.ovens__prompt[b-fvhowtjrla] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
    max-width: var(--gb-site-text-max-width);
    margin-bottom: var(--gb-space-5);
    padding: var(--gb-space-3) var(--gb-space-4);
    border-left: var(--gb-accent-bar-width) solid var(--gb-accent);
    border-radius: var(--gb-radius-md);
    background: var(--gb-surface);
}

.ovens__prompt-label[b-fvhowtjrla] {
    color: var(--gb-text-muted);
    font-size: var(--gb-text-xs);
    font-weight: var(--gb-weight-bold);
    text-transform: uppercase;
}

.ovens__grid[b-fvhowtjrla] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--gb-site-oven-min-width), 1fr));
    gap: var(--gb-space-4);
    padding: 0;
    list-style: none;
}

.ovens__item[b-fvhowtjrla] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
    overflow: hidden;
    border: var(--gb-border-width) solid var(--gb-border);
    border-radius: var(--gb-radius-lg);
    background: var(--gb-surface);
    box-shadow: var(--gb-shadow-sm);
}

.ovens__item img[b-fvhowtjrla] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    margin-bottom: var(--gb-space-2);
    object-fit: cover;
}

.ovens__badges[b-fvhowtjrla] {
    position: absolute;
    top: var(--gb-space-2);
    left: var(--gb-space-2);
    display: flex;
    flex-wrap: wrap;
    gap: var(--gb-space-1);
}

.ovens__badge[b-fvhowtjrla] {
    padding: var(--gb-space-0) var(--gb-space-2);
    border-radius: var(--gb-radius-pill);
    box-shadow: var(--gb-shadow-sm);
    font-size: var(--gb-text-xs);
    font-weight: var(--gb-weight-bold);
}

.ovens__badge--cheapest[b-fvhowtjrla] {
    background: var(--gb-accent);
    color: var(--gb-accent-contrast);
}

.ovens__badge--fastest[b-fvhowtjrla] {
    background: var(--gb-secondary-soft);
    color: var(--gb-secondary-text);
}

.ovens__model[b-fvhowtjrla],
.ovens__numbers[b-fvhowtjrla] {
    padding: 0 var(--gb-space-3);
}

.ovens__model[b-fvhowtjrla] {
    font-family: var(--gb-font-heading);
    font-weight: var(--gb-weight-semibold);
}

.ovens__numbers[b-fvhowtjrla] {
    display: flex;
    gap: var(--gb-space-2);
    padding-bottom: var(--gb-space-3);
    color: var(--gb-text-muted);
    font-family: var(--gb-font-mono);
    font-size: var(--gb-text-sm);
}

.ovens__note[b-fvhowtjrla] {
    max-width: var(--gb-site-text-max-width);
    margin-top: var(--gb-space-4);
    color: var(--gb-text-muted);
    font-size: var(--gb-text-sm);
}
/* /Components/Site/PriceCard.razor.rz.scp.css */
.price-card[b-h0lmpijngs] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-4);
    max-width: var(--gb-site-price-card-width);
    border-color: var(--gb-primary);
    border-width: var(--gb-border-width-thick);
}

.price-card__name[b-h0lmpijngs] {
    font-family: var(--gb-font-heading);
    font-size: var(--gb-text-h4);
    font-weight: var(--gb-weight-semibold);
}

.price-card__amount[b-h0lmpijngs] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--gb-space-2);
}

.price-card__value[b-h0lmpijngs] {
    font-family: var(--gb-font-heading);
    font-size: var(--gb-text-h1);
    font-weight: var(--gb-weight-bold);
    line-height: var(--gb-leading-tight);
}

.price-card__period[b-h0lmpijngs] {
    color: var(--gb-text-muted);
}

.price-card__list[b-h0lmpijngs] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    padding-left: var(--gb-space-5);
}

.price-card__free[b-h0lmpijngs] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-1);
    padding: var(--gb-space-4);
    border-left: var(--gb-accent-bar-width) solid var(--gb-secondary);
    border-radius: var(--gb-radius-md);
    background: var(--gb-secondary-soft);
}

.price-card__free p[b-h0lmpijngs] {
    color: var(--gb-text);
}

.price-card__free-title[b-h0lmpijngs] {
    color: var(--gb-secondary-text);
    font-weight: var(--gb-weight-heavy);
}
/* /Components/Site/SectionHeading.razor.rz.scp.css */
.section-heading[b-tlynbslddg] {
    display: flex;
    flex-direction: column;
    gap: var(--gb-space-2);
    max-width: var(--gb-site-text-max-width);
    margin-bottom: var(--gb-space-6);
}

.section-heading p[b-tlynbslddg] {
    color: var(--gb-text-muted);
}
/* /Components/Site/SiteLogo.razor.rz.scp.css */
.site-logo[b-c9blfklfth] {
    display: inline-flex;
}

.site-logo img[b-c9blfklfth] {
    display: block;
    width: auto;
    height: var(--gb-site-logo-height);
}