/* /Components/About/AboutCard.razor.rz.scp.css */
.card[b-wm7ylbvc17] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    max-width: 400px;
    margin: auto;
}

.image-container[b-wm7ylbvc17] {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.image[b-wm7ylbvc17] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.text-content[b-wm7ylbvc17] {
    padding: 1rem;
    text-align: center;
}

.name[b-wm7ylbvc17] {
    font-size: 1.3rem;
    font-weight: bold;
    color: #1b4332;
    margin-bottom: 0.3rem;
}

.role[b-wm7ylbvc17] {
    font-style: italic;
    color: #6c757d;
    margin-bottom: 0.8rem;
}

.bio[b-wm7ylbvc17] {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #444;
}
/* /Components/Admin/IngredientFields.razor.rz.scp.css */
.seasonality-editor[b-8jsacbret4] {
    margin: 0;
    padding: 0.75rem 0 0;
    border: 0;
}

.seasonality-editor legend[b-8jsacbret4] {
    float: none;
    width: auto;
    margin: 0;
    font-size: 1rem;
}

.seasonality-months[b-8jsacbret4] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.seasonality-region-select[b-8jsacbret4] {
    max-width: 26rem;
}

.seasonality-month[b-8jsacbret4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--el-color-border);
    border-radius: 6px;
    background: var(--el-color-surface);
    cursor: pointer;
}

.seasonality-month:has(input:checked)[b-8jsacbret4] {
    border-color: rgba(var(--el-color-primary-rgb), 0.5);
    background: #eef4df;
    color: #326b25;
    font-weight: 800;
}

@media (max-width: 720px) {
    .seasonality-months[b-8jsacbret4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Articles/ArticleCard.razor.rz.scp.css */
.article-card[b-jv7xhmzfi5] {
    display: grid;
    grid-template-columns: minmax(180px, 300px) minmax(0, 1fr);
    gap: 1.2rem;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: 0 12px 32px rgba(67, 51, 32, 0.08);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.article-card:hover[b-jv7xhmzfi5] {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(67, 51, 32, 0.12);
}

.article-card__media[b-jv7xhmzfi5] {
    display: block;
    min-height: 13.5rem;
    overflow: hidden;
    background: #e5e7eb;
}

.article-card__img[b-jv7xhmzfi5] {
    width: 100%;
    height: 100%;
    min-height: 13.5rem;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.article-card:hover .article-card__img[b-jv7xhmzfi5] {
    transform: scale(1.04);
}

.article-card__body[b-jv7xhmzfi5] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.35rem 1.35rem 1.35rem 0;
}

.article-card__meta[b-jv7xhmzfi5] {
    margin: 0 0 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.88rem;
    line-height: 1.35;
}

.article-card__title[b-jv7xhmzfi5] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.35rem, 1.55vw, 1.75rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.article-card__title a[b-jv7xhmzfi5] {
    color: inherit;
    text-decoration: none;
}

.article-card__title a:hover[b-jv7xhmzfi5],
.article-card__title a:focus-visible[b-jv7xhmzfi5] {
    color: var(--el-color-secondary-dark);
}

.article-card__excerpt[b-jv7xhmzfi5] {
    margin: 0.7rem 0 0;
    color: var(--el-color-text-primary);
    font-size: 0.98rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.article-card__tags[b-jv7xhmzfi5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: auto;
    padding-top: 1rem;
}

.tag[b-jv7xhmzfi5] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    border: 1px solid rgba(67, 51, 32, 0.06);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    transition: filter 0.15s ease, transform 0.15s ease;
}

.tag:hover[b-jv7xhmzfi5],
.tag:focus-visible[b-jv7xhmzfi5] {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

@media (max-width: 720px) {
    .article-card[b-jv7xhmzfi5] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .article-card__media[b-jv7xhmzfi5],
    .article-card__img[b-jv7xhmzfi5] {
        min-height: 13rem;
    }

    .article-card__body[b-jv7xhmzfi5] {
        padding: 1rem;
    }

    .article-card__title[b-jv7xhmzfi5] {
        font-size: 1.45rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .article-card[b-jv7xhmzfi5],
    .article-card__img[b-jv7xhmzfi5],
    .tag[b-jv7xhmzfi5] {
        transition: none;
    }
}
/* /Components/Home/AboutTeaser.razor.rz.scp.css */
.about-teaser[b-37935ytmwf] {
    position: relative;
    width: min(100% - 2rem, 1320px);
    display: grid;
    grid-template-columns: minmax(13rem, 0.78fr) minmax(0, 2.35fr) auto;
    gap: clamp(1.2rem, 2.8vw, 2.5rem);
    align-items: center;
    margin: clamp(1rem, 2vw, 1.75rem) auto;
    padding: clamp(1rem, 2vw, 1.4rem) clamp(1rem, 2.8vw, 2rem);
    overflow: hidden;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.14);
    border-radius: 8px;
    background:
        radial-gradient(circle at 8% 15%, rgba(244, 182, 61, 0.14), transparent 10rem),
        linear-gradient(110deg, #f5f7e9 0%, #fffaf1 58%, #fffdf8 100%);
    box-shadow: 0 12px 30px rgba(67, 51, 32, 0.07);
}

.about-teaser[b-37935ytmwf]::after {
    content: "";
    position: absolute;
    right: -4rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.08);
    border-radius: 999px;
    pointer-events: none;
}

.about-teaser > *[b-37935ytmwf] {
    position: relative;
    z-index: 1;
}

.about-teaser-team[b-37935ytmwf] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.about-teaser-portraits[b-37935ytmwf] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.about-teaser-portraits img[b-37935ytmwf] {
    width: 4.5rem;
    height: 4.5rem;
    display: block;
    object-fit: cover;
    border: 4px solid #fffdf8;
    border-radius: 999px;
    box-shadow: 0 8px 22px rgba(67, 51, 32, 0.15);
}

.about-teaser-portraits img + img[b-37935ytmwf] {
    margin-left: -1.35rem;
}

.about-teaser-team p[b-37935ytmwf] {
    min-width: 0;
    margin: 0;
    line-height: 1.2;
}

.about-teaser-team strong[b-37935ytmwf],
.about-teaser-team span[b-37935ytmwf] {
    display: block;
}

.about-teaser-team strong[b-37935ytmwf] {
    color: var(--el-color-primary-dark);
    font-size: 0.98rem;
}

.about-teaser-team span[b-37935ytmwf] {
    margin-top: 0.2rem;
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
}

.about-teaser-copy[b-37935ytmwf] {
    min-width: 0;
}

.about-teaser-eyebrow[b-37935ytmwf] {
    margin: 0 0 0.25rem;
    color: var(--el-color-secondary-dark);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.about-teaser-copy h2[b-37935ytmwf] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.65rem, 2.2vw, 2.35rem);
    line-height: 1;
}

.about-teaser-copy > p:last-child[b-37935ytmwf] {
    max-width: 67ch;
    margin: 0.45rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.96rem;
    line-height: 1.5;
}

.about-teaser-link[b-37935ytmwf] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.24);
    border-radius: 8px;
    color: var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.88);
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.about-teaser-link:hover[b-37935ytmwf],
.about-teaser-link:focus-visible[b-37935ytmwf] {
    color: #fffdf8;
    background: var(--el-color-primary-dark);
    box-shadow: 0 10px 24px rgba(7, 59, 44, 0.14);
    text-decoration: none;
    transform: translateY(-1px);
}

@media (max-width: 960px) {
    .about-teaser[b-37935ytmwf] {
        grid-template-columns: minmax(12rem, 0.8fr) minmax(0, 2fr);
    }

    .about-teaser-link[b-37935ytmwf] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 680px) {
    .about-teaser[b-37935ytmwf] {
        width: calc(100% - 2rem);
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1rem;
    }

    .about-teaser-team[b-37935ytmwf] {
        gap: 0.75rem;
    }

    .about-teaser-portraits img[b-37935ytmwf] {
        width: 4rem;
        height: 4rem;
    }

    .about-teaser-copy h2[b-37935ytmwf] {
        font-size: clamp(1.75rem, 8.8vw, 2.3rem);
    }

    .about-teaser-link[b-37935ytmwf] {
        grid-column: 1;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-teaser-link[b-37935ytmwf] {
        transition: none;
    }
}
/* /Components/Home/EatLancetExplainer.razor.rz.scp.css */
.eatl-explainer[b-c5aoxvdg7d] {
    width: min(100% - 2rem, 1320px);
    margin: clamp(1.5rem, 3vw, 2.7rem) auto 0;
}

.plate-panel[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
    gap: clamp(1.4rem, 3vw, 2.7rem);
    align-items: center;
    padding: clamp(1.25rem, 2.6vw, 2rem);
    border: 1px solid rgba(232, 221, 206, 0.9);
    border-radius: 8px;
    background:
        radial-gradient(circle at 10% 20%, rgba(20, 84, 63, 0.08), transparent 18rem),
        linear-gradient(135deg, #f7f4ec 0%, #fffdf8 64%, #f8f0df 100%);
    box-shadow: 0 18px 45px rgba(67, 51, 32, 0.08);
}

.plate-visual[b-c5aoxvdg7d] {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 100%;
}

.plate-note[b-c5aoxvdg7d] {
    justify-self: start;
    max-width: 11rem;
    margin-left: clamp(0.5rem, 3vw, 2.4rem);
    margin-bottom: -0.6rem;
    color: var(--el-color-primary-dark);
    font-family: "Segoe Print", "Bradley Hand ITC", cursive;
    font-size: clamp(1rem, 1.7vw, 1.35rem);
    line-height: 1.1;
    transform: rotate(-8deg);
}

.plate-note[b-c5aoxvdg7d]::after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 2.1rem;
    margin: 0.2rem 0 0 3.4rem;
    border-left: 2px solid var(--el-color-primary-dark);
    border-bottom: 2px solid var(--el-color-primary-dark);
    transform: rotate(-25deg);
    opacity: 0.82;
}

.plate-image[b-c5aoxvdg7d] {
    width: min(100%, 34rem);
    display: block;
    filter: drop-shadow(0 20px 26px rgba(67, 51, 32, 0.15));
}

.plate-content[b-c5aoxvdg7d] {
    min-width: 0;
}

.eyebrow[b-c5aoxvdg7d],
.targets-heading span[b-c5aoxvdg7d] {
    margin: 0;
    color: var(--el-color-secondary);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.plate-content h2[b-c5aoxvdg7d] {
    max-width: 17ch;
    margin: 0.35rem 0 0.6rem;
    color: var(--el-color-primary-dark);
    font-size: clamp(2.2rem, 3.6vw, 3.9rem);
    line-height: 0.98;
}

.intro[b-c5aoxvdg7d] {
    max-width: 43rem;
    margin: 0;
    color: var(--el-color-text-primary);
    font-size: 1.05rem;
    line-height: 1.5;
}

.context[b-c5aoxvdg7d] {
    max-width: 46rem;
    margin: 0.55rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.92rem;
    line-height: 1.45;
}

.targets-heading[b-c5aoxvdg7d] {
    margin: 1.35rem 0 0.65rem;
}

.target-cards[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.target-card[b-c5aoxvdg7d] {
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.94);
}

.target-card h3[b-c5aoxvdg7d] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0;
    padding: 0.78rem 1rem;
    font-family: var(--el-font-family-heading);
    font-size: 1.55rem;
    line-height: 1;
}

.target-card h3 i[b-c5aoxvdg7d] {
    font-size: 1rem;
}

.target-card-plants h3[b-c5aoxvdg7d] {
    color: #326b25;
    background: #edf5df;
}

.target-card-animal h3[b-c5aoxvdg7d] {
    color: var(--el-color-secondary-dark);
    background: #fff0df;
}

.target-card table[b-c5aoxvdg7d] {
    width: 100%;
    border-collapse: collapse;
}

.target-card th[b-c5aoxvdg7d],
.target-card td[b-c5aoxvdg7d] {
    padding: 0.57rem 0.95rem;
    border-top: 1px solid rgba(232, 221, 206, 0.78);
    color: var(--el-color-text-primary);
    font-size: 0.9rem;
    line-height: 1.2;
    vertical-align: top;
}

.target-card th[b-c5aoxvdg7d] {
    width: 66%;
    font-weight: 800;
    text-align: left;
}

.target-card td[b-c5aoxvdg7d] {
    color: #15251f;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.target-card td span[b-c5aoxvdg7d] {
    color: var(--el-color-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
}

.bottom-row[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 0.42fr);
    gap: 1rem;
    align-items: stretch;
    margin-top: 1rem;
}

.limit-card[b-c5aoxvdg7d],
.shift-card[b-c5aoxvdg7d] {
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.86);
}

.limit-card[b-c5aoxvdg7d] {
    padding: 0.85rem 1rem 0.95rem;
}

.limit-card h3[b-c5aoxvdg7d] {
    margin: 0 0 0.7rem;
    color: var(--el-color-secondary);
    font-family: var(--el-font-family-base);
    font-size: 1rem;
    line-height: 1.2;
}

.limit-card div[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.25rem, 1fr));
    gap: 0.75rem;
}

.limit-card span[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    justify-items: start;
    gap: 0.4rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(232, 221, 206, 0.7);
    border-radius: 8px;
    background: rgba(255, 250, 241, 0.75);
    color: var(--el-color-text-primary);
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: normal;
    word-break: normal;
}

.limit-card i[b-c5aoxvdg7d] {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #9a6410;
    background: #fff0c9;
}

.limit-card strong[b-c5aoxvdg7d] {
    display: block;
    color: var(--el-color-primary-dark);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.1;
}

.shift-card[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    padding: 0.9rem 1rem;
    background: #eef4df;
}

.shift-card i[b-c5aoxvdg7d] {
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fffdf8;
    background: var(--el-color-primary-dark);
}

.shift-card p[b-c5aoxvdg7d] {
    margin: 0;
    color: var(--el-color-text-primary);
    font-size: 0.82rem;
    line-height: 1.28;
}

.shift-card strong[b-c5aoxvdg7d] {
    display: block;
    color: var(--el-color-primary-dark);
}

.figure-note[b-c5aoxvdg7d] {
    margin: 0.85rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
    line-height: 1.45;
}

.official-links[b-c5aoxvdg7d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.official-links a[b-c5aoxvdg7d] {
    box-sizing: border-box;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.68rem 1rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.22);
    border-radius: 8px;
    color: var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.9);
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
}

.official-links a:first-child[b-c5aoxvdg7d] {
    color: #fffdf8;
    background: var(--el-color-primary-dark);
}

.official-links a:hover[b-c5aoxvdg7d],
.official-links a:focus-visible[b-c5aoxvdg7d] {
    text-decoration: none;
    transform: translateY(-1px);
}

@media (max-width: 1100px) {
    .plate-panel[b-c5aoxvdg7d] {
        grid-template-columns: 1fr;
    }

    .plate-note[b-c5aoxvdg7d] {
        justify-self: center;
        margin-left: 0;
    }
}

@media (max-width: 760px) {
    .eatl-explainer[b-c5aoxvdg7d] {
        width: calc(100% - 2rem);
    }

    .plate-panel[b-c5aoxvdg7d] {
        padding: 1rem;
    }

    .target-cards[b-c5aoxvdg7d],
    .bottom-row[b-c5aoxvdg7d],
    .limit-card div[b-c5aoxvdg7d] {
        grid-template-columns: 1fr;
    }

    .target-card th[b-c5aoxvdg7d],
    .target-card td[b-c5aoxvdg7d] {
        padding: 0.55rem 0.75rem;
        font-size: 0.86rem;
    }

    .target-card td[b-c5aoxvdg7d] {
        white-space: normal;
    }

    .official-links[b-c5aoxvdg7d] {
        flex-direction: column;
    }

    .official-links a[b-c5aoxvdg7d] {
        width: 100%;
    }
}
/* /Components/Home/EatLancetMini.razor.rz.scp.css */
.category-strip[b-gz3o50maus] {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 1.05fr 1.15fr 1.05fr 1.05fr 0.9fr 0.75fr;
    width: min(100% - 2rem, 1320px);
    margin: clamp(-2.1rem, -2.6vw, -1.1rem) auto 0;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.96);
    box-shadow: 0 18px 40px rgba(67, 51, 32, 0.1);
}

.category-card[b-gz3o50maus] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
    min-height: 78px;
    padding: 0.85rem 1.1rem;
    border-right: 1px solid var(--el-color-border);
    color: var(--el-color-text-primary);
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.category-card:last-child[b-gz3o50maus] {
    border-right: 0;
}

.category-card:hover[b-gz3o50maus],
.category-card:focus-visible[b-gz3o50maus] {
    color: var(--el-color-primary-dark);
    background: #fffaf1;
    text-decoration: none;
}

.category-card i:first-child[b-gz3o50maus] {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #6f7f24;
    background: #eef4df;
    font-size: 1.25rem;
}

.category-card:nth-child(1) i:first-child[b-gz3o50maus],
.category-card:nth-child(4) i:first-child[b-gz3o50maus],
.category-card:nth-child(6) i:first-child[b-gz3o50maus] {
    color: var(--el-color-secondary-dark);
    background: var(--el-color-secondary-light);
}

.category-card strong[b-gz3o50maus],
.category-card small[b-gz3o50maus] {
    display: block;
    min-width: 0;
}

.category-card strong[b-gz3o50maus] {
    color: var(--el-color-primary-dark);
    font-weight: 900;
    line-height: 1.15;
}

.category-card small[b-gz3o50maus] {
    margin-top: 0.18rem;
    color: var(--el-color-text-secondary);
    font-size: 0.78rem;
    line-height: 1.2;
}

.category-card-all[b-gz3o50maus] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.category-card-all i:last-child[b-gz3o50maus] {
    color: var(--el-color-primary-dark);
}

@media (max-width: 1120px) {
    .category-strip[b-gz3o50maus] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .category-card:nth-child(3n)[b-gz3o50maus] {
        border-right: 0;
    }

    .category-card:nth-child(-n + 3)[b-gz3o50maus] {
        border-bottom: 1px solid var(--el-color-border);
    }
}

@media (max-width: 680px) {
    .category-strip[b-gz3o50maus] {
        grid-template-columns: 1fr;
        width: calc(100% - 2rem);
        margin-top: 0;
    }

    .category-card[b-gz3o50maus],
    .category-card:nth-child(3n)[b-gz3o50maus],
    .category-card:nth-child(-n + 3)[b-gz3o50maus] {
        border-right: 0;
        border-bottom: 1px solid var(--el-color-border);
    }

    .category-card:last-child[b-gz3o50maus] {
        border-bottom: 0;
    }
}
/* /Components/Home/FeaturedRecipeCard.razor.rz.scp.css */
.card[b-mhw1idiyn3] {
    display: grid;
    grid-template-rows: auto 1fr;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: 0 12px 32px rgba(67, 51, 32, 0.08);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.card:hover[b-mhw1idiyn3] {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(67, 51, 32, 0.12);
}

.media-link[b-mhw1idiyn3] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.media[b-mhw1idiyn3] {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e5e7eb;
}

.media .media-img[b-mhw1idiyn3] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.card:hover .media-img[b-mhw1idiyn3] {
    transform: scale(1.04);
}

.media .ribbon[b-mhw1idiyn3] {
    position: absolute;
    top: 0.65rem;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    max-width: calc(100% - 1.3rem);
    padding: 0.34rem 0.65rem;
    border: 1px solid rgba(232, 221, 206, 0.85);
    border-radius: 999px;
    background: rgba(255, 253, 248, 0.92);
    color: var(--el-color-text-primary);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 6px 16px rgba(67, 51, 32, 0.1);
}

.media .ribbon.time[b-mhw1idiyn3] {
    left: 0.65rem;
}

.media .ribbon.rating[b-mhw1idiyn3] {
    right: 0.65rem;
}

.media .ribbon.seasonal[b-mhw1idiyn3] {
    top: auto;
    bottom: 0.65rem;
    left: 0.65rem;
    gap: 0.25rem;
    border-color: rgba(50, 107, 37, 0.22);
    background: rgba(238, 244, 223, 0.94);
    color: #326b25;
}

.content[b-mhw1idiyn3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding: 1rem 1rem 1.05rem;
}

.title[b-mhw1idiyn3] {
    margin: 0 0 0.45rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.45rem, 1.7vw, 1.85rem);
    line-height: 1;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.title a[b-mhw1idiyn3] {
    color: inherit;
    text-decoration: none;
}

.title a:hover[b-mhw1idiyn3],
.title a:focus-visible[b-mhw1idiyn3] {
    color: var(--el-color-secondary-dark);
}

.meta[b-mhw1idiyn3] {
    margin: 0 0 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.78rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.desc[b-mhw1idiyn3] {
    margin: 0 0 0.85rem;
    color: var(--el-color-text-primary);
    font-size: 0.88rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tags[b-mhw1idiyn3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: auto;
    flex: 0 0 auto;
    min-height: 1.65rem;
    overflow: visible;
}

.tag[b-mhw1idiyn3] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    border: 1px solid rgba(67, 51, 32, 0.06);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    transition: filter 0.15s ease, transform 0.15s ease;
}

.tag:hover[b-mhw1idiyn3],
.tag:focus-visible[b-mhw1idiyn3] {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

@media (max-width: 1180px) {
    .desc[b-mhw1idiyn3] {
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
}

@media (max-width: 720px) {
    .card[b-mhw1idiyn3] {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: 0;
    }

    .media[b-mhw1idiyn3] {
        height: auto;
        aspect-ratio: 4 / 3;
    }

    .content[b-mhw1idiyn3] {
        padding: 0.9rem;
    }

    .title[b-mhw1idiyn3] {
        font-size: 1.35rem;
    }

    .desc[b-mhw1idiyn3] {
        font-size: 0.84rem;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .meta[b-mhw1idiyn3] {
        font-size: 0.74rem;
    }
}

@media (max-width: 460px) {
    .desc[b-mhw1idiyn3] {
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
}

@media (prefers-reduced-motion: reduce) {
    .card[b-mhw1idiyn3],
    .media .media-img[b-mhw1idiyn3],
    .tag[b-mhw1idiyn3] {
        transition: none;
    }
}
/* /Components/Home/Hero.razor.rz.scp.css */
.hero[b-p2u6gxxdr0] {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(440px, 1.12fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 4.75rem);
    width: min(100%, 1448px);
    margin: 0 auto;
    padding: clamp(3rem, 5.8vw, 5.25rem) clamp(1.25rem, 4.5vw, 4.25rem) clamp(3.2rem, 5vw, 4.5rem);
    color: var(--el-color-text-primary);
    background:
        linear-gradient(90deg, rgba(255, 253, 248, 0.98) 0%, rgba(255, 253, 248, 0.92) 46%, rgba(255, 253, 248, 0.78) 62%, rgba(255, 253, 248, 0) 100%),
        radial-gradient(circle at 52% 36%, rgba(206, 191, 154, 0.18), transparent 18rem);
    overflow: hidden;
}

.hero-copy[b-p2u6gxxdr0] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.hero-copy[b-p2u6gxxdr0]::after {
    content: "";
    position: absolute;
    right: -5rem;
    top: 1.3rem;
    width: 16rem;
    height: 27rem;
    opacity: 0.25;
    pointer-events: none;
    background:
        linear-gradient(28deg, transparent 48%, #d7c8ad 49%, #d7c8ad 50%, transparent 51%),
        linear-gradient(152deg, transparent 48%, #d7c8ad 49%, #d7c8ad 50%, transparent 51%);
    border-radius: 50%;
}

.hero h1[b-p2u6gxxdr0] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(3.2rem, 5.1vw, 5.35rem);
    font-weight: 700;
    line-height: 0.93;
    letter-spacing: 0;
    max-width: 12ch;
}

.hero-motto[b-p2u6gxxdr0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 1.55rem 0 1.4rem;
    color: var(--el-color-secondary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.6rem, 2.1vw, 2.3rem);
    line-height: 1;
}

.hero-motto span[b-p2u6gxxdr0] {
    width: 3.1rem;
    height: 2px;
    border-radius: 999px;
    background: var(--el-color-secondary);
}

.hero-motto i[b-p2u6gxxdr0] {
    font-size: 1.1rem;
}

.hero-text[b-p2u6gxxdr0] {
    max-width: 43rem;
    margin: 0 0 2.2rem;
    color: #263630;
    font-size: clamp(1.18rem, 1.55vw, 1.55rem);
    line-height: 1.5;
}

.hero-actions[b-p2u6gxxdr0] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin: 0 0 2.5rem;
}

.hero-button[b-p2u6gxxdr0] {
    min-width: min(100%, 14.5rem);
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    border-radius: 8px;
    padding: 0.9rem 1.5rem;
    border: 1px solid var(--el-color-primary-dark);
    font-weight: 900;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.hero-button:hover[b-p2u6gxxdr0],
.hero-button:focus-visible[b-p2u6gxxdr0] {
    transform: translateY(-1px);
    text-decoration: none;
}

.hero-button-primary[b-p2u6gxxdr0] {
    color: #fffdf8;
    background: linear-gradient(135deg, #1e6c52 0%, #0f4c3a 100%);
    box-shadow: 0 14px 32px rgba(7, 59, 44, 0.18);
}

.hero-button-primary:hover[b-p2u6gxxdr0],
.hero-button-primary:focus-visible[b-p2u6gxxdr0] {
    color: #fff;
    box-shadow: 0 17px 36px rgba(7, 59, 44, 0.22);
}

.hero-button-secondary[b-p2u6gxxdr0] {
    color: var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.82);
}

.hero-button-secondary:hover[b-p2u6gxxdr0],
.hero-button-secondary:focus-visible[b-p2u6gxxdr0] {
    color: var(--el-color-primary-dark);
    background: #fffdf8;
}

.hero-facts[b-p2u6gxxdr0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 48rem;
    margin: 0;
    padding: 0.75rem 0.85rem;
    list-style: none;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.9);
    box-shadow: 0 14px 32px rgba(67, 51, 32, 0.08);
}

.hero-facts li[b-p2u6gxxdr0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-width: 0;
    padding: 0.55rem 0.75rem;
    border-right: 1px solid var(--el-color-border);
}

.hero-facts li:last-child[b-p2u6gxxdr0] {
    border-right: 0;
}

.hero-facts i[b-p2u6gxxdr0] {
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6f7f24;
    font-size: 1.08rem;
}

.hero-facts strong[b-p2u6gxxdr0] {
    min-width: 0;
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
    line-height: 1.15;
}

.hero-visual[b-p2u6gxxdr0] {
    position: relative;
    justify-self: end;
    align-self: stretch;
    width: min(100%, clamp(34rem, 52vw, 50rem));
    min-height: clamp(30rem, 41vw, 43rem);
    overflow: visible;
}

.hero-visual picture[b-p2u6gxxdr0] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
}

.hero-visual img[b-p2u6gxxdr0] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    object-position: center;
    border: 1px solid rgba(232, 221, 206, 0.85);
    border-radius: 999px 0 0 999px;
    box-shadow: 0 24px 58px rgba(67, 51, 32, 0.15);
}

.hero-badge[b-p2u6gxxdr0] {
    position: absolute;
    left: clamp(1rem, 2.4vw, 2.1rem);
    bottom: clamp(1rem, 3vw, 2.4rem);
    z-index: 2;
    width: clamp(7rem, 9vw, 9.4rem);
    min-height: clamp(7rem, 9vw, 9.4rem);
    display: grid;
    place-items: center;
    gap: 0.35rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.12);
    border-radius: 999px;
    color: var(--el-color-primary-dark);
    background: #eef4df;
    box-shadow: 0 18px 38px rgba(67, 51, 32, 0.16);
    text-align: center;
}

.hero-badge i[b-p2u6gxxdr0] {
    color: #6d842c;
    font-size: 1rem;
}

.hero-badge span[b-p2u6gxxdr0] {
    max-width: 7.1rem;
    font-size: clamp(0.7rem, 0.82vw, 0.9rem);
    font-weight: 900;
    line-height: 1.18;
}

@media (max-width: 1080px) {
    .hero[b-p2u6gxxdr0] {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding-top: 2.4rem;
    }

    .hero h1[b-p2u6gxxdr0] {
        max-width: 12ch;
        font-size: clamp(3rem, 9vw, 4.6rem);
    }

    .hero-visual[b-p2u6gxxdr0] {
        justify-self: center;
        width: min(100%, 44rem);
        min-height: 30rem;
    }

    .hero-visual img[b-p2u6gxxdr0] {
        border-radius: 150px 8px 8px 150px;
    }
}

@media (max-width: 680px) {
    .hero[b-p2u6gxxdr0] {
        padding: 2rem 1rem 1.25rem;
    }

    .hero h1[b-p2u6gxxdr0] {
        font-size: clamp(2.55rem, 12vw, 3.45rem);
        max-width: 9ch;
    }

    .hero-motto[b-p2u6gxxdr0] {
        align-items: flex-start;
        gap: 0.65rem;
        font-size: 1.45rem;
        line-height: 1.1;
    }

    .hero-motto span[b-p2u6gxxdr0] {
        width: 2.4rem;
        margin-top: 0.6rem;
    }

    .hero-text[b-p2u6gxxdr0] {
        font-size: 1.12rem;
        margin-bottom: 1.4rem;
    }

    .hero-actions[b-p2u6gxxdr0] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-bottom: 1.1rem;
    }

    .hero-button[b-p2u6gxxdr0] {
        width: 100%;
    }

    .hero-facts[b-p2u6gxxdr0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0.35rem;
    }

    .hero-facts li[b-p2u6gxxdr0] {
        border-right: 0;
        border-bottom: 1px solid var(--el-color-border);
        padding: 0.6rem;
    }

    .hero-facts li:nth-child(odd)[b-p2u6gxxdr0] {
        border-right: 1px solid var(--el-color-border);
    }

    .hero-facts li:nth-last-child(-n + 2)[b-p2u6gxxdr0] {
        border-bottom: 0;
    }

    .hero-visual[b-p2u6gxxdr0] {
        width: 100%;
        min-height: 22rem;
    }

    .hero-visual img[b-p2u6gxxdr0] {
        border-radius: 90px 8px 8px 90px;
    }

    .hero-badge[b-p2u6gxxdr0] {
        left: 0.75rem;
        bottom: 0.75rem;
        width: 6.8rem;
        min-height: 6.8rem;
        padding: 0.7rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-button[b-p2u6gxxdr0] {
        transition: none;
    }
}
/* /Components/Home/NewsletterSignup.razor.rz.scp.css */
.nl[b-hijej5fhin] {
    max-width: 1320px;
    margin: clamp(1.5rem, 3vw, 2.7rem) auto clamp(2rem, 4vw, 3.5rem);
    padding: 0 clamp(1.1rem, 4vw, 3.5rem);
}

.nl-inner[b-hijej5fhin] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 0.72fr) minmax(280px, 0.58fr);
    gap: 1.2rem;
    align-items: center;
    padding: clamp(1.1rem, 2.4vw, 1.8rem);
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background:
        radial-gradient(circle at 92% 20%, rgba(111, 127, 36, 0.16), transparent 12rem),
        linear-gradient(135deg, #eef4df 0%, #fffdf8 62%);
    box-shadow: var(--el-box-shadow-sm);
}

.nl-inner[b-hijej5fhin]::before {
    content: "\f06c";
    position: absolute;
    left: clamp(0.9rem, 2vw, 1.4rem);
    top: 50%;
    transform: translateY(-50%);
    color: rgba(111, 127, 36, 0.52);
    font-family: "Font Awesome 6 Free";
    font-size: clamp(2.2rem, 4vw, 4rem);
    font-weight: 900;
}

.nl h3[b-hijej5fhin],
.nl p[b-hijej5fhin],
.nl form[b-hijej5fhin],
.status[b-hijej5fhin],
.unsubscribe-link[b-hijej5fhin] {
    position: relative;
    z-index: 1;
}

.nl h3[b-hijej5fhin] {
    grid-column: 1;
    margin: 0 0 0.3rem;
    padding-left: clamp(3rem, 5vw, 5.4rem);
    color: var(--el-color-primary-dark);
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 0.95;
}

.nl p[b-hijej5fhin] {
    grid-column: 1;
    margin: 0;
    padding-left: clamp(3rem, 5vw, 5.4rem);
    color: var(--el-color-text-secondary);
    line-height: 1.45;
}

.nl form[b-hijej5fhin] {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.row[b-hijej5fhin] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0;
    align-items: stretch;
}

.input[b-hijej5fhin] {
    min-height: 48px;
    border-radius: 8px 0 0 8px;
    border: 1px solid var(--el-color-border);
    background: #fffdf8;
}

.row[b-hijej5fhin] (.el-button),
.row[b-hijej5fhin] (button) {
    min-height: 48px;
    border-radius: 0 8px 8px 0;
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    border-color: var(--el-color-primary-dark);
    font-weight: 800;
}

.status[b-hijej5fhin] {
    grid-column: 1 / -1;
    margin-top: 0.7rem !important;
    color: var(--el-color-primary-dark) !important;
}

.nl .privacy-note[b-hijej5fhin] {
    margin-top: 0.65rem;
    padding-left: 0;
    color: var(--el-color-text-secondary);
    font-size: 0.8rem;
    line-height: 1.45;
}

.privacy-note a[b-hijej5fhin] {
    color: var(--el-color-primary-dark);
    font-weight: 700;
}

.unsubscribe-link[b-hijej5fhin] {
    grid-column: 1 / -1;
    display: inline-flex;
    margin-top: 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

@media (max-width: 800px) {
    .nl[b-hijej5fhin] {
        padding: 0 1rem;
    }

    .nl-inner[b-hijej5fhin] {
        grid-template-columns: 1fr;
    }

    .nl form[b-hijej5fhin],
    .nl h3[b-hijej5fhin],
    .nl p[b-hijej5fhin] {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (max-width: 520px) {
    .nl-inner[b-hijej5fhin]::before {
        display: none;
    }

    .nl h3[b-hijej5fhin],
    .nl p[b-hijej5fhin] {
        padding-left: 0;
    }

    .row[b-hijej5fhin] {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .input[b-hijej5fhin],
    .row[b-hijej5fhin] (.el-button),
    .row[b-hijej5fhin] (button) {
        border-radius: 8px;
    }
}
/* /Components/Home/PlanetPlate.razor.rz.scp.css */
.plate[b-w0i7d8ss4d] {
    max-width: 720px;
    margin: clamp(1.5rem, 3vw, 2.6rem) auto 0;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffdf8;
    box-shadow: var(--el-box-shadow-sm);
}

.plate img[b-w0i7d8ss4d] {
    width: 100%;
    display: block;
    padding: clamp(0.8rem, 2vw, 1.5rem);
    background:
        radial-gradient(circle at 50% 45%, rgba(20, 84, 63, 0.08), transparent 60%),
        #f9f6ee;
}

.plate figcaption[b-w0i7d8ss4d] {
    margin: 0;
    padding: 0.95rem 1.2rem;
    border-top: 1px solid var(--el-color-border);
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    line-height: 1;
    text-align: center;
}
/* /Components/Recipes/CookModeButton.razor.rz.scp.css */
.cook-mode-control[b-uwika7e0y9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.cook-mode-control[b-uwika7e0y9] (.cook-mode-button) {
    align-items: center;
    display: inline-flex;
    gap: 0.55rem;
    min-height: 44px;
}

.cook-mode-status[b-uwika7e0y9] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
    max-width: 28rem;
}

@media (max-width: 640px) {
    .cook-mode-control[b-uwika7e0y9] {
        align-items: stretch;
        flex-direction: column;
    }

    .cook-mode-control[b-uwika7e0y9] (.cook-mode-button) {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Recipes/FilterBlock.razor.rz.scp.css */
.fblock[b-3k0zhh1ij0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.fblock--compact[b-3k0zhh1ij0] {
    gap: 0;
}

.fblock__header[b-3k0zhh1ij0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.fblock__label[b-3k0zhh1ij0] {
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
    font-weight: 800;
}

.fblock__clear[b-3k0zhh1ij0] {
    border: 0;
    background: transparent;
    color: var(--el-color-secondary-dark);
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 800;
}

.fblock__clear:hover[b-3k0zhh1ij0],
.fblock__clear:focus-visible[b-3k0zhh1ij0] {
    text-decoration: underline;
}

.fblock__loading[b-3k0zhh1ij0],
.fblock__empty[b-3k0zhh1ij0] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.fblock--compact .fblock__loading[b-3k0zhh1ij0],
.fblock--compact .fblock__empty[b-3k0zhh1ij0] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0.58rem 0.72rem;
    border: 1px solid var(--el-color-border);
    border-radius: 7px;
    background: #fffdf8;
    font-size: 0.84rem;
}

.fselect[b-3k0zhh1ij0] {
    position: relative;
}

.fselect__trigger[b-3k0zhh1ij0] {
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffdf8;
    color: var(--el-color-text-primary);
    cursor: pointer;
    font: inherit;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.fselect__trigger:focus-visible[b-3k0zhh1ij0] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 2px;
}

.fselect__trigger:hover[b-3k0zhh1ij0] {
    border-color: rgba(var(--el-color-primary-rgb), 0.32);
}

.fblock--compact .fselect__trigger[b-3k0zhh1ij0] {
    min-height: 44px;
    padding: 0.58rem 0.72rem;
    gap: 0.55rem;
    border-radius: 7px;
    font-size: 0.88rem;
    font-weight: 750;
}

.fblock--compact .fselect__trigger.is-active[b-3k0zhh1ij0] {
    border-color: rgba(var(--el-color-primary-rgb), 0.42);
    background: rgba(238, 244, 223, 0.48);
    color: var(--el-color-primary-dark);
}

.fselect__icon[b-3k0zhh1ij0] {
    flex: 0 0 auto;
    color: var(--el-color-primary-dark);
    font-size: 0.82rem;
}

.fselect__value[b-3k0zhh1ij0] {
    min-width: 0;
    overflow: hidden;
    color: var(--el-color-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fselect__chevron[b-3k0zhh1ij0] {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--el-color-text-secondary);
    flex: 0 0 auto;
}

.fselect__backdrop[b-3k0zhh1ij0] {
    position: fixed;
    inset: 0;
    z-index: 59;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: default;
}

.fselect__list[b-3k0zhh1ij0] {
    position: absolute;
    z-index: 60;
    width: 100%;
    max-height: 15rem;
    overflow: auto;
    margin: 0.35rem 0 0;
    padding: 0.35rem;
    list-style: none;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: var(--el-box-shadow);
}

.fselect__option[b-3k0zhh1ij0] {
    border-radius: 6px;
}

.fselect__option.is-selected[b-3k0zhh1ij0] {
    background: var(--el-color-primary-light);
    color: var(--el-color-primary-dark);
}

.fselect__option.is-active[b-3k0zhh1ij0] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
}

.fselect__optionBtn[b-3k0zhh1ij0] {
    display: block;
    width: 100%;
    padding: 0.55rem 0.65rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.fselect__optionBtn:hover[b-3k0zhh1ij0] {
    background: rgba(var(--el-color-primary-rgb), 0.07);
    color: var(--el-color-primary-dark);
}
/* /Components/Recipes/RecipeHero.razor.rz.scp.css */
.hero-grid[b-m5apddlaeg] {
    display: grid;
    grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1fr);
    gap: clamp(2rem, 4.8vw, 4.25rem);
    align-items: center;
}

.hero-media[b-m5apddlaeg] {
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    background-color: #e5e7eb;
    border: 1px solid rgba(232, 221, 206, 0.95);
    box-shadow: 0 18px 42px rgba(67, 51, 32, 0.11);
}

.hero-media--square[b-m5apddlaeg] {
    aspect-ratio: 1 / 1;
}

.hero-media--standard[b-m5apddlaeg] {
    aspect-ratio: 4 / 3;
}

.hero-media--wide[b-m5apddlaeg] {
    aspect-ratio: 16 / 9;
}

.hero-img[b-m5apddlaeg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--hero-focus-x, 50%) var(--hero-focus-y, 50%);
    display: block;
}

.hero-image-settings[b-m5apddlaeg] {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(67, 51, 32, 0.12);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.78);
}

.hero-focus-controls .form-label[b-m5apddlaeg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.2rem;
}

.hero-focus-controls .form-range[b-m5apddlaeg] {
    display: block;
    width: 100%;
    margin-bottom: 0.65rem;
}

.media-badge[b-m5apddlaeg] {
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    max-width: calc(100% - 2.5rem);
    min-height: 2.65rem;
    padding: 0.58rem 1rem;
    border-radius: 999px;
    background: rgba(255, 253, 248, 0.94);
    color: var(--el-color-text-primary);
    border: 1px solid rgba(232, 221, 206, 0.85);
    box-shadow: 0 10px 22px rgba(67, 51, 32, 0.11);
    font-weight: 900;
    line-height: 1.1;
}

.media-badge i[b-m5apddlaeg] {
    color: var(--el-color-secondary);
}

.hero-body[b-m5apddlaeg] {
    position: relative;
    min-width: 0;
    padding: clamp(0.4rem, 2vw, 1rem) 0;
}

.hero-body[b-m5apddlaeg]::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 15rem;
    height: 28rem;
    opacity: 0.18;
    pointer-events: none;
    background:
        linear-gradient(28deg, transparent 48%, #d7c8ad 49%, #d7c8ad 50%, transparent 51%),
        linear-gradient(152deg, transparent 48%, #d7c8ad 49%, #d7c8ad 50%, transparent 51%);
    border-radius: 50%;
}

.hero-body > *[b-m5apddlaeg] {
    position: relative;
    z-index: 1;
}

.recipe-title[b-m5apddlaeg] {
    max-width: 15ch;
    margin: 0 0 0.75rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(2.9rem, 4vw, 4.6rem);
    line-height: 0.98;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.recipe-title i[b-m5apddlaeg] {
    color: var(--el-color-secondary);
    font-size: 0.38em;
    vertical-align: 0.1em;
}

.recipe-subtitle[b-m5apddlaeg] {
    max-width: 45rem;
    margin: 0 0 1.25rem;
    color: var(--el-color-text-primary);
    font-size: clamp(1.05rem, 1.25vw, 1.25rem);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.meta-row[b-m5apddlaeg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    color: var(--el-color-text-primary);
    min-width: 0;
    font-size: 0.92rem;
}

.meta-row span:not(.dot)[b-m5apddlaeg] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.meta-row i[b-m5apddlaeg] {
    color: #4c5a53;
    font-size: 0.92rem;
}

.meta-row .seasonality-meta[b-m5apddlaeg] {
    color: var(--el-color-text-secondary);
    font-weight: 800;
}

.meta-row .seasonality-meta.is-current[b-m5apddlaeg],
.meta-row .seasonality-meta.is-current i[b-m5apddlaeg] {
    color: #326b25;
}

.dot[b-m5apddlaeg]::before {
    content: "\2022";
    opacity: 0.55;
    color: var(--el-color-text-secondary);
}

.rating-row[b-m5apddlaeg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.15rem;
    color: var(--el-color-text-primary);
    font-size: 0.95rem;
}

.rating-row[b-m5apddlaeg] (.star-rating) {
    gap: 0.25rem;
}

.rating-row[b-m5apddlaeg] (.star-wrap) {
    width: 1.1rem;
    height: 1.6rem;
}

.tags[b-m5apddlaeg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.chip[b-m5apddlaeg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.1rem;
    border: 1px solid rgba(67, 51, 32, 0.06);
    padding: 0.42rem 0.85rem;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1;
    background: #eef4df;
    color: var(--el-color-primary-dark);
    text-decoration: none;
}

.category-chip[b-m5apddlaeg] {
    background: var(--el-color-secondary-light);
    color: var(--el-color-secondary-dark);
}

.tag-link[b-m5apddlaeg] {
    transition: filter 0.15s ease, transform 0.15s ease;
    overflow-wrap: anywhere;
}

.tag-link:hover[b-m5apddlaeg],
.tag-link:focus-visible[b-m5apddlaeg] {
    filter: brightness(0.96);
    transform: translateY(-1px);
    text-decoration: none;
}

.hero-cta-row[b-m5apddlaeg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    margin-top: 1.6rem;
    min-width: 0;
}

.jump-recipe-btn[b-m5apddlaeg],
.print-recipe-btn[b-m5apddlaeg],
.save-recipe-btn[b-m5apddlaeg],
.jump-insights-btn[b-m5apddlaeg] {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    border-radius: 8px;
    padding: 0.8rem 1.2rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.jump-recipe-btn[b-m5apddlaeg] {
    border: 1px solid var(--el-color-primary-dark);
    background: linear-gradient(135deg, #1e6c52 0%, #0f4c3a 100%);
    color: #fffdf8;
    box-shadow: 0 12px 26px rgba(7, 59, 44, 0.17);
}

.jump-recipe-btn:hover[b-m5apddlaeg],
.jump-recipe-btn:focus-visible[b-m5apddlaeg] {
    color: #fff;
    transform: translateY(-1px);
    text-decoration: none;
    box-shadow: 0 16px 32px rgba(7, 59, 44, 0.21);
}

.print-recipe-btn[b-m5apddlaeg],
.jump-insights-btn[b-m5apddlaeg] {
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.45);
    background: rgba(255, 253, 248, 0.94);
    color: var(--el-color-primary-dark);
}

.save-recipe-btn[b-m5apddlaeg] {
    width: 50px;
    padding: 0;
    border: 1px solid var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.94);
    color: var(--el-color-primary-dark);
}

.save-recipe-btn span[b-m5apddlaeg] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.save-recipe-btn[aria-pressed="true"][b-m5apddlaeg] {
    background: var(--el-color-secondary-light);
    color: var(--el-color-secondary-dark);
    border-color: rgba(var(--el-color-secondary-rgb), 0.35);
}

.save-recipe-btn:disabled[b-m5apddlaeg] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.print-recipe-btn:hover[b-m5apddlaeg],
.print-recipe-btn:focus-visible[b-m5apddlaeg],
.save-recipe-btn:hover[b-m5apddlaeg],
.save-recipe-btn:focus-visible[b-m5apddlaeg],
.jump-insights-btn:hover[b-m5apddlaeg],
.jump-insights-btn:focus-visible[b-m5apddlaeg] {
    background: #eef4df;
    color: var(--el-color-primary-dark);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(67, 51, 32, 0.08);
}

.hero-description-input[b-m5apddlaeg] {
    resize: vertical;
    min-height: 140px;
}

@media (max-width: 980px) {
    .hero-grid[b-m5apddlaeg] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .recipe-title[b-m5apddlaeg] {
        max-width: 16ch;
        font-size: clamp(2.65rem, 9vw, 4rem);
    }
}

@media (max-width: 620px) {
    .hero-grid[b-m5apddlaeg] {
        gap: 1rem;
    }

    .hero-image-settings[b-m5apddlaeg] {
        grid-template-columns: 1fr;
    }

    .recipe-title[b-m5apddlaeg] {
        max-width: 12ch;
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }

    .meta-row[b-m5apddlaeg] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .dot[b-m5apddlaeg] {
        display: none;
    }

    .hero-cta-row[b-m5apddlaeg] {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 0.7rem;
    }

    .jump-recipe-btn[b-m5apddlaeg],
    .print-recipe-btn[b-m5apddlaeg],
    .jump-insights-btn[b-m5apddlaeg] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .save-recipe-btn[b-m5apddlaeg] {
        width: 50px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jump-recipe-btn[b-m5apddlaeg],
    .print-recipe-btn[b-m5apddlaeg],
    .save-recipe-btn[b-m5apddlaeg],
    .jump-insights-btn[b-m5apddlaeg],
    .tag-link[b-m5apddlaeg] {
        transition: none;
    }
}
/* /Components/Recipes/RecipeIngredients.razor.rz.scp.css */
.title[b-mbwlpt8vwk] {
    margin: 0;
}

.section-title[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--el-color-primary-dark);
    line-height: 1;
}

.section-title i[b-mbwlpt8vwk] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #326b25;
    background: #eef4df;
}

.ingredients-header[b-mbwlpt8vwk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.ingredient-actions[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.planet-swap-toggle[b-mbwlpt8vwk],
.unit-switch[b-mbwlpt8vwk] {
    border-radius: 8px;
}

.planet-swap-toggle[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 38px;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.32);
    background: rgba(255, 253, 248, 0.9);
    color: var(--el-color-primary-dark);
    padding: 0.48rem 0.8rem;
    font-weight: 900;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    min-width: 0;
}

.planet-swap-toggle i[b-mbwlpt8vwk] {
    color: #326b25;
}

.planet-swap-toggle.active[b-mbwlpt8vwk] {
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    border-color: var(--el-color-primary-dark);
}

.planet-swap-toggle.active i[b-mbwlpt8vwk] {
    color: #fffdf8;
}

.swap-count[b-mbwlpt8vwk] {
    min-width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--el-color-primary-dark);
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.unit-switch[b-mbwlpt8vwk] {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    background: #fffaf1;
}

.unit-switch .switch[b-mbwlpt8vwk] {
    min-width: 3.55rem;
    padding: 0.62rem 0.85rem;
    font-size: 0.86rem;
    background: transparent;
    color: var(--el-color-text-primary);
    border: 0;
    cursor: pointer;
}

.unit-switch .switch + .switch[b-mbwlpt8vwk] {
    border-left: 1px solid var(--el-color-border);
}

.unit-switch .switch.active[b-mbwlpt8vwk] {
    background: var(--el-color-primary-dark);
    color: #fffdf8;
}

.ingredients-list[b-mbwlpt8vwk] {
    list-style: none;
    margin: 0.85rem 0 0;
    padding: 0;
    display: grid;
}

.ingredient[b-mbwlpt8vwk] {
    padding: 0;
}

.ingredient-main[b-mbwlpt8vwk] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) minmax(5rem, 0.24fr) auto;
    gap: 0.85rem;
    align-items: center;
    min-width: 0;
    padding: 0.78rem 0;
    border-bottom: 1px dashed var(--el-color-border);
}

.ingredient-main[b-mbwlpt8vwk]::before {
    content: "";
    width: 1.45rem;
    height: 1.45rem;
    border: 2px solid #22332c;
    border-radius: 999px;
    background: rgba(255, 253, 248, 0.85);
}

.qty[b-mbwlpt8vwk] {
    color: var(--el-color-text-primary);
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    min-width: 0;
    overflow-wrap: anywhere;
}

.unit[b-mbwlpt8vwk] {
    margin-left: 0.25rem;
    color: var(--el-color-text-secondary);
    font-size: 0.88em;
}

.name[b-mbwlpt8vwk] {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.swap-available[b-mbwlpt8vwk] {
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #326b25;
    background: #eef4df;
    border: 1px solid rgba(50, 107, 37, 0.18);
    font-size: 0.68rem;
}

.ingredient-link[b-mbwlpt8vwk] {
    font-size: 0.78rem;
    color: var(--el-color-primary-dark);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.42rem 0.7rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.28);
    border-radius: 999px;
    background: rgba(255, 253, 248, 0.92);
    font-weight: 800;
    white-space: nowrap;
    min-width: 0;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.ingredient-link:hover[b-mbwlpt8vwk] {
    text-decoration: none;
    background: #eef4df;
    border-color: rgba(var(--el-color-primary-rgb), 0.4);
    transform: translateY(-1px);
}

.prepared-recipe-details[b-mbwlpt8vwk] {
    margin: 0.6rem 0 0.85rem 2.85rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.2);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.78);
    overflow: hidden;
}

.prepared-recipe-details summary[b-mbwlpt8vwk] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.7rem 0.85rem;
    color: var(--el-color-primary-dark);
    cursor: pointer;
    font-weight: 900;
    list-style: none;
}

.prepared-recipe-details summary[b-mbwlpt8vwk]::-webkit-details-marker {
    display: none;
}

.prepared-recipe-details summary:focus-visible[b-mbwlpt8vwk] {
    outline: 3px solid rgba(var(--el-color-primary-rgb), 0.45);
    outline-offset: -3px;
}

.prepared-recipe-details summary[b-mbwlpt8vwk]::after {
    content: "+";
    width: 1.6rem;
    height: 1.6rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(var(--el-color-primary-rgb), 0.1);
    font-size: 1.05rem;
}

.prepared-recipe-details[open] summary[b-mbwlpt8vwk]::after {
    content: "−";
}

.prepared-recipe-summary-title[b-mbwlpt8vwk],
.prepared-recipe-summary-meta[b-mbwlpt8vwk],
.prepared-recipe-times[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.prepared-recipe-summary-meta[b-mbwlpt8vwk] {
    margin-left: auto;
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    font-weight: 700;
}

.prepared-recipe-panel[b-mbwlpt8vwk] {
    padding: 0.85rem 1rem 1rem;
    border-top: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    background: #fffdf8;
}

.prepared-recipe-times[b-mbwlpt8vwk] {
    flex-wrap: wrap;
    margin-bottom: 0.7rem;
}

.prepared-recipe-times span[b-mbwlpt8vwk] {
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: #eef4df;
    color: #326b25;
    font-size: 0.78rem;
    font-weight: 800;
}

.swap-panel[b-mbwlpt8vwk] {
    margin: 0.7rem 0 0.2rem 2.85rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 8px;
    background: #eef4df;
}

.swap-panel-header[b-mbwlpt8vwk] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-bottom: 0.45rem;
}

.swap-label[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    background: #fffdf8;
    color: #326b25;
    border: 1px solid rgba(50, 107, 37, 0.18);
    font-size: 0.75rem;
    font-weight: 900;
}

.swap-title[b-mbwlpt8vwk] {
    font-weight: 900;
    color: var(--el-color-primary-dark);
    overflow-wrap: anywhere;
}

.swap-panel p[b-mbwlpt8vwk] {
    margin: 0;
    color: var(--el-color-text-secondary);
    line-height: 1.45;
}

.swap-panel p + p[b-mbwlpt8vwk] {
    margin-top: 0.35rem;
}

.swap-note[b-mbwlpt8vwk] {
    color: var(--el-color-text-primary);
}

.planet-swap-editor[b-mbwlpt8vwk] {
    margin-top: 0.9rem;
    padding: 0.9rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(var(--el-color-primary-rgb), 0.035);
}

.planet-swap-editor-header[b-mbwlpt8vwk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    margin-bottom: 0.75rem;
}

.planet-swap-editor-title[b-mbwlpt8vwk] {
    margin: 0;
    color: var(--el-color-text-primary);
    font-weight: 900;
}

.planet-swap-editor-copy[b-mbwlpt8vwk] {
    margin: 0.15rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
    line-height: 1.35;
}

.hint[b-mbwlpt8vwk],
.muted[b-mbwlpt8vwk] {
    color: var(--el-color-text-secondary);
}

.prepared-ingredients-editor[b-mbwlpt8vwk] {
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--el-color-border);
}

.prepared-ingredients-title[b-mbwlpt8vwk] {
    margin: 0 0 0.7rem;
    color: var(--el-color-text-primary);
    font-size: 1rem;
    font-weight: 900;
}

.prepared-badge[b-mbwlpt8vwk] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.15rem 0.45rem;
    background: rgba(var(--el-color-primary-rgb), 0.08);
    color: var(--el-color-primary-dark);
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.22);
    font-size: 0.72rem;
    font-weight: 900;
}

.ingredient-picker[b-mbwlpt8vwk] {
    position: relative;
}

.ingredient-picker-menu[b-mbwlpt8vwk] {
    position: absolute;
    z-index: 30;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffdf8;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.14);
    padding: 0.4rem;
}

.ingredient-picker-option[b-mbwlpt8vwk] {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--el-color-text-primary);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    padding: 0.5rem 0.65rem;
    text-align: left;
    cursor: pointer;
}

.ingredient-picker-option:hover[b-mbwlpt8vwk],
.ingredient-picker-option:focus[b-mbwlpt8vwk] {
    background: rgba(var(--el-color-primary-rgb), 0.08);
    outline: none;
}

.ingredient-picker-title[b-mbwlpt8vwk] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.ingredient-picker-meta[b-mbwlpt8vwk] {
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.ingredient-picker-badge[b-mbwlpt8vwk] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.15rem 0.45rem;
    background: #eef4df;
    color: #326b25;
    border: 1px solid rgba(50, 107, 37, 0.18);
    font-size: 0.72rem;
    font-weight: 900;
}

@media (max-width: 820px) {
    .ingredients-header[b-mbwlpt8vwk] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ingredient-actions[b-mbwlpt8vwk] {
        width: 100%;
        justify-content: flex-start;
    }

    .planet-swap-toggle[b-mbwlpt8vwk],
    .unit-switch[b-mbwlpt8vwk] {
        width: 100%;
    }

    .planet-swap-toggle[b-mbwlpt8vwk] {
        justify-content: center;
    }

    .unit-switch .switch[b-mbwlpt8vwk] {
        flex: 1 1 0;
    }

    .ingredient-main[b-mbwlpt8vwk] {
        grid-template-columns: 1.35rem minmax(0, 1fr) auto 2rem;
        gap: 0.4rem;
        padding: 0.52rem 0;
    }

    .ingredient-main[b-mbwlpt8vwk]::before {
        width: 1.1rem;
        height: 1.1rem;
        border-width: 1.5px;
    }

    .name[b-mbwlpt8vwk] {
        display: block;
        overflow: hidden;
        overflow-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .qty[b-mbwlpt8vwk] {
        overflow-wrap: normal;
        white-space: nowrap;
    }

    .ingredient-link[b-mbwlpt8vwk] {
        width: 2rem;
        height: 2rem;
        max-width: none;
        padding: 0;
        font-size: 0;
        white-space: nowrap;
    }

    .ingredient-link i[b-mbwlpt8vwk] {
        font-size: 0.78rem;
    }

    .swap-panel[b-mbwlpt8vwk] {
        margin-left: 0;
    }

    .prepared-recipe-details[b-mbwlpt8vwk] {
        margin-left: 0;
    }

    .prepared-recipe-details summary[b-mbwlpt8vwk] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .prepared-recipe-summary-meta[b-mbwlpt8vwk] {
        width: calc(100% - 2.45rem);
        margin-left: 0;
    }

    .planet-swap-editor-header[b-mbwlpt8vwk] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Recipes/RecipeKeyPointsCard.razor.rz.scp.css */
h3[b-r75zvbwx9u] {
    margin: 0 0 0.95rem;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-primary-dark);
}

.section-title[b-r75zvbwx9u] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    line-height: 1;
}

.section-title i[b-r75zvbwx9u] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #6f7f24;
    background: #eef4df;
}

.kv[b-r75zvbwx9u] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--el-color-border);
}

.kv li[b-r75zvbwx9u] {
    min-width: 0;
    padding: 0.85rem 0.75rem;
    border-right: 1px solid var(--el-color-border);
    border-bottom: 1px solid var(--el-color-border);
}

.kv li:nth-child(3n)[b-r75zvbwx9u] {
    border-right: 0;
}

.kv span[b-r75zvbwx9u],
.kv strong[b-r75zvbwx9u] {
    display: block;
}

.kv span[b-r75zvbwx9u] {
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.2;
}

.kv strong[b-r75zvbwx9u] {
    margin-top: 0.18rem;
    color: var(--el-color-text-primary);
    font-size: 0.98rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    .kv[b-r75zvbwx9u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kv li:nth-child(3n)[b-r75zvbwx9u] {
        border-right: 1px solid var(--el-color-border);
    }

    .kv li:nth-child(2n)[b-r75zvbwx9u] {
        border-right: 0;
    }
}
/* /Components/Recipes/RecipeLinkedRecipes.razor.rz.scp.css */
.linked-recipes[b-767nthi1it] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-title[b-767nthi1it] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-text-primary);
}

.linked-recipes-header[b-767nthi1it] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.linked-recipes-list[b-767nthi1it] {
    display: grid;
    gap: 10px;
}

.linked-recipe-card[b-767nthi1it] {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    color: inherit;
    text-decoration: none;
    border: 1px solid var(--el-color-border);
    border-radius: 12px;
    padding: 8px;
    background: var(--el-color-background-alt);
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.linked-recipe-card:hover[b-767nthi1it],
.linked-recipe-card:focus-visible[b-767nthi1it] {
    border-color: var(--el-color-primary);
    box-shadow: var(--el-box-shadow-sm);
    transform: translateY(-1px);
}

.linked-recipe-media[b-767nthi1it] {
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    overflow: hidden;
    background: #e5e7eb;
}

.linked-recipe-media img[b-767nthi1it] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.linked-recipe-body[b-767nthi1it] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.linked-recipe-body strong[b-767nthi1it] {
    overflow-wrap: anywhere;
    line-height: 1.25;
}

.linked-recipe-body span[b-767nthi1it] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.linked-recipes-selected[b-767nthi1it] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.linked-recipes-picker[b-767nthi1it] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.linked-recipes-select[b-767nthi1it] {
    min-width: min(420px, 100%);
    flex: 1 1 280px;
}

.linked-recipe-chip[b-767nthi1it] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--el-color-border);
    border-radius: 999px;
    padding: 6px 10px;
    background: var(--el-color-background-alt);
    max-width: 100%;
}

.linked-recipe-chip span[b-767nthi1it] {
    overflow-wrap: anywhere;
}

.linked-recipe-chip button[b-767nthi1it] {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.muted[b-767nthi1it] {
    margin: 0;
    color: var(--el-color-text-secondary);
}

@media (max-width: 520px) {
    .linked-recipe-card[b-767nthi1it] {
        grid-template-columns: 64px minmax(0, 1fr);
    }
}
/* /Components/Recipes/RecipeNarrativeArticle.razor.rz.scp.css */
/* bloc narratif SEO */
.narrative .block[b-de21ibzqwg] {
    margin: 16px 0;
}

.block h3[b-de21ibzqwg] {
    margin: 0 0 6px;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-text-primary);
}

.block-img[b-de21ibzqwg] {
    width: 100%;
    height: auto;
    border-radius: var(--el-border-radius-lg);
    box-shadow: var(--el-box-shadow-sm);
    margin: 8px 0;
}
/* /Components/Recipes/RecipeNutritionCard.razor.rz.scp.css */
h3[b-4du2drajgm] {
    margin: 0 0 0.25rem;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-primary-dark);
}

.section-title[b-4du2drajgm] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    line-height: 1;
}

.section-title i[b-4du2drajgm] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--el-color-secondary-dark);
    background: var(--el-color-secondary-light);
}

.portion-meta[b-4du2drajgm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0.9rem 0 1rem;
}

.portion-meta.editing[b-4du2drajgm] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portion-field[b-4du2drajgm] {
    display: grid;
    gap: 0.35rem;
}

.portion-meta label[b-4du2drajgm] {
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    font-weight: 800;
}

.servings-input[b-4du2drajgm] {
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
}

.portion-size-badge[b-4du2drajgm] {
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
    border: 1px solid var(--el-color-border);
    background: #fffaf1;
    color: var(--el-color-text-primary);
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow-wrap: anywhere;
    text-align: center;
}

.portion-check[b-4du2drajgm] {
    grid-column: 1 / -1;
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(64, 162, 111, 0.28);
    background: rgba(64, 162, 111, 0.08);
    color: #1f7a4d;
    font-size: 0.86rem;
    line-height: 1.35;
}

.portion-check.warning[b-4du2drajgm] {
    border-color: rgba(240, 140, 0, 0.32);
    background: rgba(240, 140, 0, 0.08);
    color: #9a5c00;
}

.nutrition-groups[b-4du2drajgm] {
    display: grid;
    gap: 1rem;
}

.nutrition-group h4[b-4du2drajgm] {
    margin: 0 0 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.kv[b-4du2drajgm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.kv li[b-4du2drajgm] {
    min-width: 0;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.25rem;
    background: rgba(255, 253, 248, 0.92);
}

.kv li span[b-4du2drajgm] {
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.2;
}

.kv li strong[b-4du2drajgm] {
    color: var(--el-color-text-primary);
    font-size: 0.98rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.kv li small[b-4du2drajgm] {
    width: fit-content;
    border-radius: 999px;
    padding: 0.15rem 0.45rem;
    background: #eef4df;
    color: var(--el-color-primary-dark);
    font-size: 0.72rem;
    line-height: 1.35;
}

.who-context[b-4du2drajgm] {
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 8px;
    padding: 0.7rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
    line-height: 1.35;
    background: #eef4df;
}

.who-context i[b-4du2drajgm] {
    color: var(--el-color-primary-dark);
}

.who-context span[b-4du2drajgm] {
    flex: 1;
    min-width: 0;
}

.who-context button[b-4du2drajgm] {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--el-color-primary-dark);
    font-weight: 900;
    white-space: nowrap;
}

.who-details[b-4du2drajgm] {
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
}

.who-details summary[b-4du2drajgm] {
    cursor: pointer;
    color: var(--el-color-primary-dark);
    font-weight: 900;
}

.who-details p[b-4du2drajgm] {
    margin: 0.5rem 0 0;
    line-height: 1.45;
}

.muted[b-4du2drajgm] {
    color: var(--el-color-text-secondary);
}

@media (max-width: 1160px) {
    .kv[b-4du2drajgm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .portion-meta[b-4du2drajgm],
    .portion-meta.editing[b-4du2drajgm],
    .kv[b-4du2drajgm] {
        grid-template-columns: 1fr;
    }

    .who-context[b-4du2drajgm] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .who-context button[b-4du2drajgm] {
        white-space: normal;
        text-align: left;
    }
}
/* /Components/Recipes/RecipePreparation.razor.rz.scp.css */
.steps[b-mmsj6hl05x] {
    counter-reset: recipe-step;
    list-style: none;
    margin: 0;
    padding: 0;
}

.step[b-mmsj6hl05x] {
    position: relative;
    counter-increment: recipe-step;
    min-height: 4.6rem;
    margin: 0;
    padding: 0 0 1.45rem 4.2rem;
}

.step[b-mmsj6hl05x]::before {
    content: counter(recipe-step);
    position: absolute;
    left: 0;
    top: 0.05rem;
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fffdf8;
    background: linear-gradient(135deg, #6f8f43, #326b25);
    font-family: var(--el-font-family-heading);
    font-size: 1.2rem;
    line-height: 1;
}

.step[b-mmsj6hl05x]::after {
    content: "";
    position: absolute;
    left: 1.36rem;
    top: 3rem;
    bottom: 0.25rem;
    border-left: 2px dashed rgba(50, 107, 37, 0.32);
}

.step:last-child[b-mmsj6hl05x] {
    padding-bottom: 0;
}

.step:last-child[b-mmsj6hl05x]::after {
    display: none;
}

.step-title[b-mmsj6hl05x] {
    margin: 0 0 0.35rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.2rem, 1.6vw, 1.55rem);
    line-height: 1;
}

.step-desc[b-mmsj6hl05x] {
    max-width: 56rem;
    margin: 0;
    color: var(--el-color-text-primary);
    line-height: 1.55;
}

.muted[b-mmsj6hl05x] {
    color: var(--el-color-text-secondary);
}

.step-description-input[b-mmsj6hl05x] {
    resize: vertical;
    min-height: 110px;
}

@media (max-width: 560px) {
    .step[b-mmsj6hl05x] {
        padding-left: 3.4rem;
    }

    .step[b-mmsj6hl05x]::before {
        width: 2.35rem;
        height: 2.35rem;
    }

    .step[b-mmsj6hl05x]::after {
        left: 1.16rem;
        top: 2.6rem;
    }
}
/* /Components/Recipes/RecipeSeasonalityFilter.razor.rz.scp.css */
.season-filter[b-j7bf15hsb8] {
    position: relative;
    min-width: 0;
}

.season-filter__trigger[b-j7bf15hsb8] {
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.58rem 0.72rem;
    border: 1px solid var(--el-color-border);
    border-radius: 7px;
    background: #fffdf8;
    color: var(--el-color-text-primary);
    cursor: pointer;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 750;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.season-filter__trigger:hover[b-j7bf15hsb8] {
    border-color: rgba(var(--el-color-primary-rgb), 0.32);
}

.season-filter__trigger:focus-visible[b-j7bf15hsb8] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 2px;
}

.season-filter__trigger.is-active[b-j7bf15hsb8] {
    border-color: rgba(var(--el-color-primary-rgb), 0.42);
    background: rgba(238, 244, 223, 0.48);
    color: var(--el-color-primary-dark);
}

.season-filter__trigger i[b-j7bf15hsb8] {
    flex: 0 0 auto;
    color: var(--el-color-primary-dark);
    font-size: 0.82rem;
}

.season-filter__trigger > span:first-of-type[b-j7bf15hsb8] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.season-filter__chevron[b-j7bf15hsb8] {
    width: 0;
    height: 0;
    flex: 0 0 auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--el-color-text-secondary);
}

.season-filter__backdrop[b-j7bf15hsb8] {
    position: fixed;
    inset: 0;
    z-index: 59;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: default;
}

.season-filter__panel[b-j7bf15hsb8] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    z-index: 60;
    width: min(22rem, calc(100vw - 2rem));
    padding: 0.9rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: var(--el-box-shadow);
}

.season-filter__fields[b-j7bf15hsb8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
    gap: 0.75rem;
}

.season-filter__fields label[b-j7bf15hsb8] {
    min-width: 0;
    display: grid;
    gap: 0.35rem;
    color: var(--el-color-text-primary);
    font-size: 0.78rem;
    font-weight: 800;
}

.season-filter__fields select[b-j7bf15hsb8] {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--el-color-border);
    border-radius: 7px;
    padding: 0.5rem 2rem 0.5rem 0.65rem;
    background: #fffdf8;
    color: var(--el-color-text-primary);
    font: inherit;
}

.season-filter__fields select:focus-visible[b-j7bf15hsb8] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .season-filter__panel[b-j7bf15hsb8] {
        position: fixed;
        inset: auto 1rem 1rem;
        width: auto;
    }
}

@media (max-width: 420px) {
    .season-filter__fields[b-j7bf15hsb8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Recipes/RecipeSkeleton.razor.rz.scp.css */
/* skeletons locaux au composant */
.skeleton[b-n8d9l0bd2i] {
    background: linear-gradient(
        90deg,
        var(--el-color-background-alt),
        var(--el-color-border),
        var(--el-color-background-alt)
    );
    background-size: 200% 100%;
    animation: shimmer-b-n8d9l0bd2i 1.2s infinite;
    opacity: .8;
    border-radius: var(--el-border-radius-lg);
}

@keyframes shimmer-b-n8d9l0bd2i {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.recipe-loading-copy[b-n8d9l0bd2i] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 2rem;
    max-width: 46rem;
}

.skeleton-title[b-n8d9l0bd2i] {
    height: 3rem;
    width: min(100%, 36rem);
}

.skeleton-line[b-n8d9l0bd2i] {
    height: 1rem;
    width: min(100%, 42rem);
}

.skeleton-line--short[b-n8d9l0bd2i] {
    width: min(68%, 26rem);
}

.skeleton-panel[b-n8d9l0bd2i] {
    height: 400px;
}
/* /Components/Recipes/RecipeTags.razor.rz.scp.css */
.tag[b-l33xqsmeue] {
    display: inline-flex;
    align-items: center;
    margin-bottom:0.2rem;
    width:fit-content;
    padding: 8px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    transition: filter .18s ease, transform .18s ease;
}

.tag:hover[b-l33xqsmeue],
.tag:focus-visible[b-l33xqsmeue] {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

.tags[b-l33xqsmeue] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

    .tag:not([style])[b-l33xqsmeue] {
        background: var(--primary);
        color: #fff;
    }
/* /Components/Recipes/SEOHead.razor.rz.scp.css */
body[b-3rdyrmxbj4] {
}
/* /Components/Recipes/StarRating.razor.rz.scp.css */
:root[b-ga5e7pmy8l] {
    --star-fill: #ffc107;
    --star-stroke: #e0c36a;
    --star-size: 20px;
    --star-focus: #b88d00;
    --star-focus-outline: #6ca8ff;
}

.star-rating[b-ga5e7pmy8l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.star-wrap[b-ga5e7pmy8l] {
    position: relative;
    width: 20px;
    height: 35px;
}

.star[b-ga5e7pmy8l] {
    width: 100%;
    height: 100%;
    display: inline-block;
}

    .star .outline[b-ga5e7pmy8l] {
        fill: none;
        stroke: var(--star-stroke, #c9c9c9);
        stroke-width: 1.25;
    }

    .star.full .fill[b-ga5e7pmy8l],
    .star.half .fill[b-ga5e7pmy8l] {
        fill: var(--star-fill, #f6b100);
    }

    .star.empty .fill[b-ga5e7pmy8l] {
        fill: none;
    }

.value[b-ga5e7pmy8l] {
    font-size: .9rem;
    color: #555;
    line-height: 1;
}

.interactive .star-wrap[b-ga5e7pmy8l] {
    cursor: pointer;
}

    .interactive .star-wrap:focus-within .star .outline[b-ga5e7pmy8l] {
        stroke: var(--star-focus, #9c7a00);
    }

.hit[b-ga5e7pmy8l] {
    position: absolute;
    top: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
    outline: none;
}

.half-left[b-ga5e7pmy8l] {
    left: 0;
    width: 50%;
}

.half-right[b-ga5e7pmy8l] {
    right: 0;
    width: 50%;
}

.hit:focus-visible[b-ga5e7pmy8l] {
    outline: 2px solid var(--star-focus-outline, #6ca8ff);
    border-radius: 4px;
}

/* /Components/Shared/AdminImageUploader.razor.rz.scp.css */
.admin-image-uploader[b-lgwbhnu6o0] {
    margin-top: .75rem;
}

.upload-status[b-lgwbhnu6o0] {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-top: .5rem;
}
/* /Components/Shared/ArticleRewriteAssistant.razor.rz.scp.css */
.rewrite-assistant[b-wfnm3ix2ha] {
    margin-top: 0.75rem;
}

.rewrite-panel[b-wfnm3ix2ha] {
    margin-top: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--el-box-shadow-sm);
}

.rewrite-help[b-wfnm3ix2ha] {
    margin: 0 0 0.75rem;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.rewrite-presets[b-wfnm3ix2ha],
.rewrite-actions[b-wfnm3ix2ha] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.rewrite-instruction-label[b-wfnm3ix2ha] {
    display: block;
    margin-top: 1rem;
    font-weight: var(--el-font-weight-semibold);
}

.rewrite-instruction[b-wfnm3ix2ha] {
    margin-top: 0.35rem;
    min-height: 90px;
    resize: vertical;
    font-weight: normal;
}

.rewrite-actions[b-wfnm3ix2ha] {
    margin-top: 0.75rem;
}

.rewrite-error[b-wfnm3ix2ha] {
    margin: 0.75rem 0 0;
    color: var(--el-color-error);
}

.rewrite-preview[b-wfnm3ix2ha] {
    margin-top: 1rem;
    padding: 1rem;
    border-left: 4px solid var(--el-color-accent);
    border-radius: 6px;
    background: var(--el-color-primary-light, #f5f7f2);
}

.rewrite-preview h4[b-wfnm3ix2ha] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
}

.rewrite-preview-text[b-wfnm3ix2ha] {
    color: var(--el-color-text-primary);
}

.rewrite-preview-text[b-wfnm3ix2ha]  p:last-child {
    margin-bottom: 0;
}
/* /Components/Shared/CookieConsent.razor.rz.scp.css */
.consent-banner[b-2980q65xgb] {
    position: fixed;
    z-index: 1100;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    max-width: 920px;
    margin: 0 auto;
    padding: 1.1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 10px;
    background: #fffdf8;
    box-shadow: 0 14px 42px rgba(25, 62, 46, 0.2);
    color: var(--el-color-text-primary);
}

.consent-banner h2[b-2980q65xgb] {
    margin: 0 0 0.35rem;
    color: var(--el-color-primary-dark);
    font-size: 1.2rem;
}

.consent-banner p[b-2980q65xgb] {
    margin: 0;
    line-height: 1.5;
}

.consent-banner a[b-2980q65xgb] {
    color: var(--el-color-primary-dark);
    font-weight: 700;
}

.consent-banner__status[b-2980q65xgb] {
    margin-top: 0.4rem !important;
    font-size: 0.88rem;
    font-weight: 700;
}

.consent-banner__actions[b-2980q65xgb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 0.55rem;
}

.consent-banner button[b-2980q65xgb] {
    min-height: 44px;
    padding: 0.65rem 0.9rem;
    border: 2px solid var(--el-color-primary-dark);
    border-radius: 8px;
    background: #fffdf8;
    color: var(--el-color-primary-dark);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.consent-banner button:hover[b-2980q65xgb],
.consent-banner button:focus-visible[b-2980q65xgb] {
    background: #eef4df;
}

.consent-banner button:disabled[b-2980q65xgb] {
    cursor: wait;
    opacity: 0.65;
}

.consent-banner .consent-banner__close[b-2980q65xgb] {
    grid-column: 1 / -1;
    min-height: auto;
    padding: 0.35rem;
    border: 0;
    text-decoration: underline;
}

@media (max-width: 720px) {
    .consent-banner[b-2980q65xgb] {
        grid-template-columns: 1fr;
        right: 0.65rem;
        bottom: 0.65rem;
        left: 0.65rem;
        max-height: calc(100vh - 1.3rem);
        overflow-y: auto;
    }

    .consent-banner__actions[b-2980q65xgb] {
        grid-template-columns: 1fr;
    }

    .consent-banner .consent-banner__close[b-2980q65xgb] {
        grid-column: 1;
    }
}
/* /Components/Shared/RelatedContentSection.razor.rz.scp.css */
.related-content[b-4j76foh9tk] {
    margin-top: clamp(2rem, 4vw, 3.25rem);
    padding: clamp(1.25rem, 2.6vw, 2rem) 0 0;
    border-top: 1px solid rgba(232, 221, 206, 0.95);
}

.related-content__header[b-4j76foh9tk] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.15rem;
}

.related-content__icon[b-4j76foh9tk] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    border-radius: 999px;
    background: #eef4df;
    color: var(--el-color-primary-dark);
    font-size: 0.95rem;
}

.related-content__eyebrow[b-4j76foh9tk] {
    margin: 0 0 0.18rem;
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.related-content h2[b-4j76foh9tk] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(2.15rem, 4.2vw, 4.2rem);
    line-height: 0.95;
    letter-spacing: 0;
}

.related-content__topics[b-4j76foh9tk] {
    display: grid;
    gap: 0.65rem;
    margin-bottom: 1.15rem;
}

.related-content__topics > span[b-4j76foh9tk] {
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: 1.05rem;
    font-weight: 800;
}

.related-content__topics > div[b-4j76foh9tk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.related-content__topics a[b-4j76foh9tk] {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    border: 1px solid rgba(232, 221, 206, 0.95);
    border-radius: 999px;
    padding: 0.45rem 0.75rem;
    background: #fffaf1;
    color: var(--el-color-primary-dark);
    font-size: 0.86rem;
    font-weight: 900;
    text-decoration: none;
    transition: border-color 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

.related-content__topics a:hover[b-4j76foh9tk],
.related-content__topics a:focus-visible[b-4j76foh9tk] {
    border-color: rgba(var(--el-color-primary-rgb), 0.26);
    background: #f6eddc;
    transform: translateY(-1px);
}

.related-content__grid[b-4j76foh9tk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 1rem;
}

.related-content-card[b-4j76foh9tk] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    overflow: hidden;
    border: 1px solid rgba(232, 221, 206, 0.95);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.98);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(67, 51, 32, 0.075);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.related-content-card:hover[b-4j76foh9tk],
.related-content-card:focus-visible[b-4j76foh9tk] {
    border-color: rgba(var(--el-color-primary-rgb), 0.28);
    box-shadow: 0 18px 44px rgba(67, 51, 32, 0.12);
    transform: translateY(-2px);
}

.related-content-card__media[b-4j76foh9tk] {
    aspect-ratio: 4 / 3;
    display: block;
    overflow: hidden;
    background: #e5e7eb;
}

.related-content-card__media img[b-4j76foh9tk] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.24s ease;
}

.related-content-card:hover .related-content-card__media img[b-4j76foh9tk],
.related-content-card:focus-visible .related-content-card__media img[b-4j76foh9tk] {
    transform: scale(1.035);
}

.related-content-card__body[b-4j76foh9tk] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0.4rem;
    padding: 0.95rem;
}

.related-content-card__type[b-4j76foh9tk] {
    color: var(--el-color-secondary-dark);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.related-content-card strong[b-4j76foh9tk] {
    color: var(--el-color-primary-dark);
    font-size: 1.03rem;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.related-content-card__meta[b-4j76foh9tk] {
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
    font-weight: 700;
}

@media (max-width: 720px) {
    .related-content[b-4j76foh9tk] {
        margin-top: 2rem;
    }

    .related-content__header[b-4j76foh9tk] {
        align-items: flex-start;
    }

    .related-content h2[b-4j76foh9tk] {
        font-size: 2.45rem;
        line-height: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .related-content__topics a[b-4j76foh9tk],
    .related-content-card[b-4j76foh9tk],
    .related-content-card__media img[b-4j76foh9tk] {
        transition: none;
    }
}
/* /Components/Shared/RichContentDisplay.razor.rz.scp.css */
.rich-content[b-294du5xgxy] {
    color: var(--el-color-text-primary);
    line-height: 1.72;
    font-size: 1.05rem;
}

.rich-content-editing[b-294du5xgxy] {
    font-size: 1rem;
}

.main-title[b-294du5xgxy] {
    border-bottom: 1px solid var(--el-color-border);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    line-height: 1;
}

/* Bloc narratif */
.block[b-294du5xgxy] {
    margin-bottom: 2.5rem; /* Plus d'espace entre les sections */
}

.block-editing[b-294du5xgxy] {
    margin-bottom: 1rem;
    scroll-margin-top: 190px;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    padding: 1rem;
    background: #fffdf8;
}

.block-editing:target[b-294du5xgxy] {
    border-color: #d78926;
    box-shadow: 0 0 0 3px rgba(215, 137, 38, .18);
}

.block-editing-index[b-294du5xgxy] {
    margin: 0 0 .6rem;
    color: #7a4a13;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.block h3[b-294du5xgxy] {
    margin: 0 0 1rem;
    font-size: clamp(1.55rem, 2vw, 2.15rem);
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    line-height: 1.08;
}

.block-img[b-294du5xgxy] {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1rem 0 1.5rem;
    box-shadow: var(--shadow-sm);
    display: block;
}

.text-content[b-294du5xgxy] {
    max-width: 100%;
}

.text-content p[b-294du5xgxy] {
    margin: 0;
}

.text-content p + p[b-294du5xgxy] {
    margin-top: 1rem;
}

.editing-textarea[b-294du5xgxy] {
    resize: vertical;
    min-height: 140px;
}

.editing-textarea-lg[b-294du5xgxy] {
    min-height: 220px;
}
/* /Layout/LoginDisplay.razor.rz.scp.css */
.user-menu[b-c9c38rykbi],
.user-menu-mobile[b-c9c38rykbi] {
    position: relative;
}

.account-trigger[b-c9c38rykbi] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 42px;
    padding: .25rem .75rem .25rem .3rem;
    border: 1px solid var(--el-color-border, #dee2e6);
    border-radius: 999px;
    background: var(--el-color-white, #fff);
    color: var(--el-color-text-primary, #212529);
    cursor: pointer;
    font-weight: 700;
    box-shadow: var(--el-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));
}

.account-trigger:hover[b-c9c38rykbi],
.account-trigger:focus-visible[b-c9c38rykbi] {
    border-color: var(--el-color-primary, #20c997);
    color: var(--el-color-primary-dark, #0f7b62);
    outline: none;
}

.account-trigger--loading[b-c9c38rykbi] {
    pointer-events: none;
    color: var(--el-color-text-secondary, #6c757d);
    opacity: 0.78;
}

.account-trigger-mobile[b-c9c38rykbi] {
    width: calc(100% - 3rem);
    justify-content: flex-start;
    margin: .35rem 1.5rem .6rem;
    box-shadow: none;
}

.account-trigger__label[b-c9c38rykbi] {
    line-height: 1;
}

.account-trigger__chevron[b-c9c38rykbi],
.caret[b-c9c38rykbi] {
    transition: transform .15s ease;
}

.account-trigger__chevron.rotate[b-c9c38rykbi],
.caret.rotate[b-c9c38rykbi] {
    transform: rotate(180deg);
}

.submenu-toggle .caret.rotate[b-c9c38rykbi] {
    transform: rotate(90deg);
}

.avatar-circle[b-c9c38rykbi] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--el-color-primary, #20c997);
    color: #fff;
    font-family: var(--el-font-family-heading, inherit);
    font-weight: 800;
    flex: 0 0 auto;
}

.avatar-circle--loading[b-c9c38rykbi] {
    background: #dce9e2;
}

.user-dropdown[b-c9c38rykbi] {
    position: absolute;
    right: 0;
    top: calc(100% + .55rem);
    min-width: 250px;
    list-style: none;
    margin: 0;
    padding: .5rem;
    background: var(--el-color-white, #fff);
    border: 1px solid var(--el-color-border, #dee2e6);
    border-radius: var(--el-border-radius, 8px);
    z-index: 1080;
    box-shadow: var(--el-box-shadow-sm, 0 .5rem 1.5rem rgba(0, 0, 0, .12));
    animation: fadeIn-b-c9c38rykbi .15s ease;
}

.menu-label[b-c9c38rykbi] {
    padding: .45rem .6rem .25rem;
    color: var(--el-color-text-secondary, #6c757d);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.menu-item[b-c9c38rykbi],
.user-dropdown .submenu > .menu-item[b-c9c38rykbi],
.sheet-item[b-c9c38rykbi] {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: 100%;
    min-height: 40px;
    padding: .6rem .65rem;
    border-radius: 8px;
    color: var(--el-color-text-primary, #212529);
    cursor: pointer;
    font-weight: 600;
}

.menu-item i[b-c9c38rykbi],
.sheet-item i[b-c9c38rykbi] {
    width: 1.1rem;
    color: var(--el-color-primary-dark, #0f7b62);
    text-align: center;
}

.menu-item:hover[b-c9c38rykbi],
.sheet-item:hover[b-c9c38rykbi] {
    background: rgba(var(--el-color-primary-rgb, 32, 201, 151), .08);
    color: var(--el-color-primary-dark, #0f7b62);
}

.submenu-toggle[b-c9c38rykbi] {
    justify-content: space-between;
}

.submenu-toggle span[b-c9c38rykbi] {
    margin-right: auto;
}

.user-dropdown .submenu[b-c9c38rykbi] {
    margin: .1rem 0 .25rem;
    padding: .15rem 0 .15rem .65rem;
    border-left: 2px solid rgba(var(--el-color-primary-rgb, 32, 201, 151), .25);
}

.user-dropdown .submenu > .menu-item[b-c9c38rykbi] {
    min-height: 36px;
    padding-left: .65rem;
    font-size: .95rem;
}

.logout[b-c9c38rykbi] {
    margin-top: .25rem;
    border-top: 1px solid var(--el-color-border, #dee2e6);
    color: #b42318;
}

.logout i[b-c9c38rykbi] {
    color: #b42318;
}

.logout:hover[b-c9c38rykbi] {
    background: rgba(180, 35, 24, .08);
    color: #8f1d14;
}

.auth-pills[b-c9c38rykbi] {
    display: flex;
    gap: .55rem;
    align-items: center;
}

.btn-pill[b-c9c38rykbi] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .9rem;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    border: 1px solid transparent;
}

.btn-primary[b-c9c38rykbi] {
    background: var(--el-color-primary, #20c997);
    color: #fff !important;
}

.btn-primary:hover[b-c9c38rykbi] {
    background: var(--el-color-primary-dark, #0f7b62);
    color: #fff !important;
}

.btn-outline[b-c9c38rykbi] {
    background: transparent;
    color: var(--el-color-primary-dark, #0f7b62);
    border-color: var(--el-color-primary, #20c997);
}

.btn-outline:hover[b-c9c38rykbi] {
    background: rgba(var(--el-color-primary-rgb, 32, 201, 151), .08);
    color: var(--el-color-primary-dark, #0f7b62);
}

.sheet-backdrop[b-c9c38rykbi] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .25);
    z-index: 1079;
}

.user-sheet[b-c9c38rykbi] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--el-color-white, #fff);
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border: 1px solid var(--el-color-border, #dee2e6);
    padding: .75rem .75rem 1rem;
    z-index: 1080;
    box-shadow: 0 -1rem 2rem rgba(0, 0, 0, .14);
}

.user-sheet .sheet-handle[b-c9c38rykbi] {
    width: 36px;
    height: 4px;
    border-radius: 999px;
    background: #d9e3de;
    margin: 0 auto .5rem;
}

.submenu-mobile[b-c9c38rykbi] {
    margin: .1rem 0 .25rem .75rem;
    padding-left: .5rem;
    border-left: 2px solid rgba(var(--el-color-primary-rgb, 32, 201, 151), .25);
}

.submenu-mobile .sheet-item[b-c9c38rykbi] {
    min-height: 38px;
    font-size: .95rem;
}

@keyframes fadeIn-b-c9c38rykbi {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 600px) {
    .auth-pills[b-c9c38rykbi] {
        gap: .4rem;
    }

    .btn-pill[b-c9c38rykbi] {
        padding: .5rem .75rem;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
html[b-vjip55gy69], body[b-vjip55gy69] {
    height: 100%;
}

.main-content-container[b-vjip55gy69] {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 86px);
    background:
        radial-gradient(circle at 14% 14%, rgba(217, 82, 22, 0.05), transparent 22rem),
        linear-gradient(180deg, #fffdf8 0%, #fbf6ed 100%);
}

.main-content-container main[b-vjip55gy69] {
    flex-grow: 1;
}

.top-row.auth[b-vjip55gy69] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page[b-vjip55gy69] {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.support-footer[b-vjip55gy69] {
    margin-top: auto;
    padding: 1.35rem 1.25rem;
    border-top: 1px solid var(--el-color-border);
    background: #fffaf1;
}

.support-footer__content[b-vjip55gy69] {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.support-footer__title[b-vjip55gy69] {
    margin: 0;
    font-weight: 700;
}

.support-footer__text[b-vjip55gy69] {
    margin: 0.35rem 0 0.65rem;
    color: #4a4a4a;
}

.support-footer__links[b-vjip55gy69] {
    display: inline-flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
}

.support-footer__links a[b-vjip55gy69],
.support-footer__links button[b-vjip55gy69] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    color: var(--el-color-primary-dark);
    cursor: pointer;
}

.support-footer__links a:hover[b-vjip55gy69],
.support-footer__links button:hover[b-vjip55gy69] {
    text-decoration: underline;
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* NavMenu.razor.css */

/* Barre de navigation principale */
.top-app-bar[b-bcx51njheu] {
    background: rgba(255, 253, 248, 0.96);
    border-bottom: 1px solid var(--el-color-border, #e8ddce);
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 1020;
    box-shadow: 0 8px 24px rgba(67, 51, 32, 0.05);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
.nav-login--column[b-bcx51njheu] {
    display: none;
}
.nav-container[b-bcx51njheu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 86px;
    margin: 0 auto;
    width: 100%;
    max-width: 1448px;
    padding: 0 clamp(1rem, 4vw, 3.5rem);
    gap: 1.25rem;
}

.brand-link[b-bcx51njheu] {
    color: var(--el-color-primary-dark);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.brand-mark[b-bcx51njheu] {
    width: 62px;
    height: 62px;
    display: block;
    flex: 0 0 auto;
    filter: drop-shadow(0 8px 14px rgba(20, 84, 63, 0.15));
    line-height: 0;
}

.brand-mark img[b-bcx51njheu] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

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

.brand-name[b-bcx51njheu] {
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.75rem, 2vw, 2.55rem);
    font-weight: 700;
    line-height: 0.94;
    color: var(--el-color-primary-dark);
    white-space: nowrap;
}

.brand-tagline[b-bcx51njheu] {
    color: #394841;
    font-size: 0.95rem;
    line-height: 1.2;
    white-space: nowrap;
}

.brand-tagline span[b-bcx51njheu] {
    color: var(--el-color-secondary);
}

.nav-actions[b-bcx51njheu],
.nav-mobile-actions[b-bcx51njheu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.navbar-toggler[b-bcx51njheu] {
    display: none;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 1.55rem;
    line-height: 1;
    background-color: transparent;
    border: 0;
    border-radius: 999px;
    color: #071c25;
    cursor: pointer;
    transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .navbar-toggler:hover[b-bcx51njheu] {
        color: var(--el-color-primary-dark);
    }

    .navbar-toggler:focus[b-bcx51njheu] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(var(--el-color-primary-rgb), 0.18);
    }

.nav-collapse-container[b-bcx51njheu] {
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
}

.nav-links[b-bcx51njheu] {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-items: center;
}

    .nav-links li[b-bcx51njheu]  a {
        color: #14251f;
        text-decoration: none;
        padding: 1.9rem 0.55rem 1.55rem;
        margin: 0 0.3rem;
        display: block;
        transition: color 0.15s ease-in-out;
        font-family: var(--el-font-family-base);
        font-weight: 700;
        font-size: 1.04rem;
        border-bottom: 3px solid transparent;
    }

        .nav-links li[b-bcx51njheu]  a:hover {
            color: var(--el-color-primary-dark);
            border-bottom-color: rgba(var(--el-color-primary-rgb), 0.22);
        }

        .nav-links li[b-bcx51njheu]  a.active {
            color: var(--el-color-primary-dark);
            font-weight: 800;
            border-bottom-color: var(--el-color-primary-dark);
        }

.newsletter-pill[b-bcx51njheu] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    padding: 0.75rem 1.2rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #1f6b52 0%, #0f4c3a 100%);
    color: #fffdf8;
    box-shadow: 0 12px 26px rgba(7, 59, 44, 0.16);
    font-weight: 800;
    white-space: nowrap;
}

.newsletter-pill:hover[b-bcx51njheu] {
    color: #fff;
    filter: brightness(1.04);
}

.nav-icon-link[b-bcx51njheu] {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #071c25;
    border-radius: 999px;
    font-size: 1.45rem;
}

.nav-icon-link:hover[b-bcx51njheu] {
    color: var(--el-color-primary-dark);
    background: rgba(var(--el-color-primary-rgb), 0.06);
}

.nav-mobile-actions[b-bcx51njheu] {
    display: none;
}

.admin-dropdown[b-bcx51njheu] {
    position: relative;
}

.admin-dropdown-toggle[b-bcx51njheu] {
    border: none;
    background: transparent;
    color: #14251f;
    text-decoration: none;
    padding: var(--el-spacing-md, 1rem) var(--el-spacing-sm, 0.5rem);
    margin: 0 var(--el-spacing-sm, 0.5rem);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: var(--el-font-weight-medium, 500);
    transition: color 0.15s ease-in-out;
}

.admin-dropdown-toggle:hover[b-bcx51njheu] {
    color: var(--el-color-primary-dark);
}

.admin-dropdown-caret[b-bcx51njheu] {
    font-size: 0.75rem;
}

.admin-dropdown-menu[b-bcx51njheu] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background-color: var(--el-color-surface, #fffdf8);
    border: 1px solid var(--el-color-border, #e8ddce);
    border-radius: 8px;
    box-shadow: var(--el-box-shadow-sm);
    list-style: none;
    padding: 0.25rem 0;
    margin: 0;
    z-index: 1050;
}

.admin-dropdown-menu.open[b-bcx51njheu] {
    display: block;
}

.nav-links .admin-dropdown-menu li[b-bcx51njheu]  a {
    color: var(--el-color-text-secondary);
    text-decoration: none;
    padding: 0.6rem 1rem;
    margin: 0;
    display: block;
    border: none;
}

.nav-links .admin-dropdown-menu li[b-bcx51njheu]  a:hover {
    color: var(--el-color-primary-dark);
    background-color: rgba(var(--el-color-primary-rgb), 0.06);
}


/* --- Responsive pour Mobile --- */
/* Screens smaller than 992px */
@media (max-width: 991.98px) {
    .nav-container[b-bcx51njheu] {
        min-height: 112px;
        align-items: center;
        padding: 0 1.35rem;
    }

    .brand-mark[b-bcx51njheu] {
        width: 58px;
        height: 58px;
    }

    .brand-name[b-bcx51njheu] {
        white-space: normal;
        font-size: clamp(1.85rem, 6vw, 2.35rem);
        max-width: 13rem;
    }

    .brand-tagline[b-bcx51njheu],
    .newsletter-pill[b-bcx51njheu],
    .nav-icon-link--desktop[b-bcx51njheu] {
        display: none;
    }

    .nav-actions[b-bcx51njheu] {
        display: none;
    }

    .nav-mobile-actions[b-bcx51njheu] {
        display: flex;
        margin-left: auto;
    }

    .navbar-toggler[b-bcx51njheu] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .nav-login[b-bcx51njheu]{
        display:none;
    }
    .nav-login--column[b-bcx51njheu] {
        display: flex;
        flex-direction:column;
        justify-content:start;
    }
    .nav-collapse-container[b-bcx51njheu] {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--el-color-surface, #fffdf8);
        border-top: 1px solid var(--el-color-border, #e8ddce);
        border-bottom: 1px solid var(--el-color-border, #e8ddce);
        box-shadow: var(--el-box-shadow-sm);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease-out;
        z-index: 1019;
    }

        .nav-collapse-container:not(.collapsed)[b-bcx51njheu] {
            max-height: 80vh;
            overflow-y: auto;
        }

    .nav-links[b-bcx51njheu] {
        flex-direction: column;
        width: 100%;
        padding: 0.75rem 0;
    }

        .nav-links li[b-bcx51njheu] {
            width: 100%; /* Prend toute la largeur */
        }

            .nav-links li[b-bcx51njheu]  a {
                padding: 0.85rem 1.5rem;
                margin: 0;
                border-bottom: none;
                border-left: 3px solid transparent;
            }

                .nav-links li[b-bcx51njheu]  a:hover {
                    background-color: rgba(var(--el-color-primary-rgb), 0.05);
                    border-bottom-color: transparent;
                }

                .nav-links li[b-bcx51njheu]  a.active {
                    border-bottom-color: transparent;
                    border-left-color: var(--el-color-primary-dark);
                    color: var(--el-color-primary-dark);
                    background-color: rgba(var(--el-color-primary-rgb), 0.08);
                }

    .admin-dropdown[b-bcx51njheu] {
        width: 100%;
    }

    .admin-dropdown-toggle[b-bcx51njheu] {
        width: 100%;
        justify-content: space-between;
        padding: 0.85rem 1.5rem;
        margin: 0;
    }

    .admin-dropdown-menu[b-bcx51njheu] {
        position: static;
        border: none;
        border-radius: 0;
        box-shadow: none;
        min-width: 100%;
        background: transparent;
        padding: 0;
    }

    .nav-links .admin-dropdown-menu li[b-bcx51njheu]  a {
        padding: 0.5rem 2.5rem;
        border-left: 3px solid transparent;
    }
}

@media (max-width: 640px) {
    .nav-container[b-bcx51njheu] {
        min-height: 108px !important;
        padding-left: 1.15rem !important;
        padding-right: 1.15rem !important;
    }

    .brand-link[b-bcx51njheu] {
        gap: 0.55rem;
    }

    .brand-mark[b-bcx51njheu] {
        width: 54px !important;
        height: 54px !important;
    }

    .brand-name[b-bcx51njheu] {
        font-size: 1.85rem;
        max-width: 10.5rem;
    }

    .nav-icon-link[b-bcx51njheu],
    .navbar-toggler[b-bcx51njheu] {
        width: 42px;
        height: 42px;
        font-size: 1.4rem;
    }
}
/* /Pages/About.razor.rz.scp.css */
.container[b-xj4ezogxns] {
    padding: 2rem 1rem;
    max-width: 1000px;
    margin: auto;
    font-family: 'Segoe UI', sans-serif;
}

.title[b-xj4ezogxns] {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 1rem;
}

.intro[b-xj4ezogxns] {
    text-align: center;
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.ai-note-context[b-xj4ezogxns] {
    text-align: center;
    max-width: 78ch;
    margin: -0.75rem auto 1.75rem auto;
    font-size: 0.97rem;
    color: var(--ink-soft);
    font-style: italic;
}

.cards[b-xj4ezogxns] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.philosophy[b-xj4ezogxns] {
    text-align: center;
}

    .philosophy h2[b-xj4ezogxns] {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }

    .philosophy p[b-xj4ezogxns] {
        margin-bottom: 1rem;
        font-size: 1rem;
    }

@media(min-width: 768px) {
    .cards[b-xj4ezogxns] {
        flex-direction: row;
        justify-content: space-around;
    }
}
.about-contact[b-xj4ezogxns] {
    margin-top: 2.5rem;
    padding: 1.5rem;
    background: var(--panel-soft);
    border-radius: 14px;
    border: 1px dashed var(--brand-3);
    box-shadow: var(--shadow);
    text-align: center;
}

    .about-contact h2[b-xj4ezogxns] {
        margin-bottom: .75rem;
        font-size: 1.5rem;
        color: var(--brand-1);
    }

    .about-contact p[b-xj4ezogxns] {
        max-width: 65ch;
        margin: 0 auto 1.25rem auto;
        color: var(--ink-soft);
        font-size: 1.05rem;
        line-height: 1.6;
    }

.contact-actions[b-xj4ezogxns] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}
/* /Pages/Admin/AdminManageArticle.razor.rz.scp.css */
.horizontal-divider[b-ovpx6pm0wx] {
    border-bottom: 1px solid lightgrey;
    padding: 1rem;
}

.article-generation-prompt[b-ovpx6pm0wx] {
    width: 50%;
}

.article-generation-image-toggle[b-ovpx6pm0wx] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    margin-top: 0.45rem;
}
/* /Pages/Admin/AdminManageIngredients.razor.rz.scp.css */
.admin-ingredients-heading[b-pfeacfd74a] {
    align-items: flex-end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.admin-ingredients-search[b-pfeacfd74a] {
    align-items: center;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    display: flex;
    flex: 1;
    gap: 0.65rem;
    max-width: 42rem;
    min-height: 44px;
    padding: 0 0.65rem 0 0.85rem;
}

.admin-ingredients-search i[b-pfeacfd74a] {
    color: var(--el-color-text-secondary);
}

.admin-ingredients-search__label[b-pfeacfd74a] {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.admin-ingredients-search[b-pfeacfd74a] (input),
.admin-ingredients-search[b-pfeacfd74a] (.admin-ingredients-search__input) {
    border: 0;
    box-shadow: none;
    flex: 1;
    min-height: 40px;
    outline: 0;
}

.admin-ingredients-pagination[b-pfeacfd74a] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

@media (max-width: 800px) {
    .admin-ingredients-heading[b-pfeacfd74a] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-ingredients-search[b-pfeacfd74a] {
        max-width: none;
    }
}
/* /Pages/Admin/AdminManageRecipe.razor.rz.scp.css */
.horizontal-divider[b-odaxf53fn6] {
    border-bottom: 1px solid lightgrey;
    padding:1rem;
}

.recipe-generation-prompt[b-odaxf53fn6] {
    width: 50%;
}

.recipe-generation-image-toggle[b-odaxf53fn6] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    margin-top: 0.45rem;
}

.admin-recipes-toolbar[b-odaxf53fn6] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin: 1rem 0;
}

.admin-recipes-search[b-odaxf53fn6] {
    align-items: center;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    display: flex;
    flex: 1;
    gap: 0.65rem;
    max-width: 44rem;
    min-height: 44px;
    padding: 0 0.85rem;
}

.admin-recipes-search i[b-odaxf53fn6] {
    color: var(--el-color-text-secondary);
}

.admin-recipes-search__label[b-odaxf53fn6] {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.admin-recipes-search[b-odaxf53fn6] (input),
.admin-recipes-search[b-odaxf53fn6] (.admin-recipes-search__input) {
    border: 0;
    box-shadow: none;
    flex: 1;
    min-height: 40px;
    outline: 0;
}

.recipe-tone-summary[b-odaxf53fn6] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0 0 1rem;
    padding: .75rem .9rem;
    border-radius: 8px;
    font-weight: 700;
}

.recipe-tone-summary--warning[b-odaxf53fn6] {
    border: 1px solid #f0b86e;
    background: #fff8e8;
    color: #7a3f00;
}

.recipe-tone-summary--clear[b-odaxf53fn6] {
    border: 1px solid #9ac7a5;
    background: #f0f9f2;
    color: #185c2d;
}

[b-odaxf53fn6](.recipe-tone-row--warning) {
    background: rgba(255, 248, 232, .58);
}

.recipe-tone-marker[b-odaxf53fn6] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 32px;
    padding: .35rem .6rem;
    border: 1px solid #dc8a23;
    border-radius: 999px;
    background: #fff4d8;
    color: #713b00;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.recipe-tone-marker:hover[b-odaxf53fn6],
.recipe-tone-marker:focus-visible[b-odaxf53fn6] {
    background: #ffe7ad;
    outline: 2px solid rgba(220, 138, 35, .25);
    outline-offset: 2px;
}

.recipe-tone-marker span[b-odaxf53fn6] {
    padding-left: .35rem;
    border-left: 1px solid rgba(113, 59, 0, .25);
    font-variant-numeric: tabular-nums;
}

.recipe-tone-clear[b-odaxf53fn6] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 30px;
    padding: .3rem .55rem;
    border: 1px solid #b9d7c0;
    border-radius: 999px;
    background: #f2faf4;
    color: #236337;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}
/* /Pages/Admin/AdminManageUsers.razor.rz.scp.css */
.admin-users-page[b-nc4mqibow9] {
    width: min(1440px, 100%);
    margin: 0 auto;
    padding: clamp(18px, 2.6vw, 32px);
}

.admin-users-header[b-nc4mqibow9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.admin-users-header h1[b-nc4mqibow9],
.admin-users-editor-head h2[b-nc4mqibow9] {
    margin: 0;
    color: var(--el-color-text-primary);
    font-family: var(--el-font-family-heading);
}

.admin-users-kicker[b-nc4mqibow9] {
    margin: 0 0 4px;
    color: #7a4f00;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-users-metrics[b-nc4mqibow9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.admin-users-metric[b-nc4mqibow9] {
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    border-radius: 8px;
    padding: 14px 16px;
    background: #fff;
}

.admin-users-metric span[b-nc4mqibow9] {
    display: block;
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
}

.admin-users-metric strong[b-nc4mqibow9] {
    display: block;
    margin-top: 4px;
    color: var(--el-color-text-primary);
    font-size: 1.8rem;
    line-height: 1;
}

.admin-users-layout[b-nc4mqibow9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: 18px;
    align-items: start;
}

.admin-users-list[b-nc4mqibow9],
.admin-users-editor[b-nc4mqibow9] {
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    border-radius: 8px;
    background: #fff;
}

.admin-users-toolbar[b-nc4mqibow9] {
    padding: 14px;
    border-bottom: 1px solid var(--el-color-border);
}

.admin-users-toolbar label[b-nc4mqibow9],
.admin-users-form-grid label[b-nc4mqibow9] {
    display: grid;
    gap: 6px;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.admin-users-table-wrap[b-nc4mqibow9] {
    overflow-x: auto;
}

.admin-users-table[b-nc4mqibow9] {
    width: 100%;
    border-collapse: collapse;
}

.admin-users-table th[b-nc4mqibow9],
.admin-users-table td[b-nc4mqibow9] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--el-color-border);
    vertical-align: middle;
    text-align: left;
}

.admin-users-table th[b-nc4mqibow9] {
    color: var(--el-color-text-secondary);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-users-table td > strong[b-nc4mqibow9] {
    display: block;
    color: var(--el-color-text-primary);
}

.admin-users-table td > span[b-nc4mqibow9] {
    display: block;
    color: var(--el-color-text-secondary);
    font-size: 0.88rem;
    overflow-wrap: anywhere;
}

.admin-users-table tr.selected[b-nc4mqibow9] {
    background: rgba(var(--el-color-primary-rgb), 0.06);
}

.admin-users-role-list[b-nc4mqibow9],
.admin-users-status-list[b-nc4mqibow9],
.admin-users-actions[b-nc4mqibow9],
.admin-users-editor-actions[b-nc4mqibow9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.admin-users-badge[b-nc4mqibow9] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    padding: 2px 9px;
    background: #eef6f2;
    color: #245d45;
    font-size: 0.78rem;
    font-weight: 800;
}

.admin-users-badge.success[b-nc4mqibow9] {
    background: #eaf6eb;
    color: #2f7d32;
}

.admin-users-badge.warning[b-nc4mqibow9] {
    background: #fff4e6;
    color: #a44900;
}

.admin-users-badge.danger[b-nc4mqibow9] {
    background: #ffe8e6;
    color: #b42318;
}

.admin-users-badge.muted[b-nc4mqibow9] {
    background: #f1f3f5;
    color: #6c757d;
}

.admin-users-editor[b-nc4mqibow9] {
    padding: 16px;
    position: sticky;
    top: 96px;
}

.admin-users-editor-head[b-nc4mqibow9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.admin-users-editor-head h2[b-nc4mqibow9] {
    font-size: 1.15rem;
    overflow-wrap: anywhere;
}

.admin-users-form-grid[b-nc4mqibow9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.admin-users-wide[b-nc4mqibow9] {
    grid-column: 1 / -1;
}

.admin-users-role-editor[b-nc4mqibow9] {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.admin-users-role-editor > span[b-nc4mqibow9] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.admin-users-role-option[b-nc4mqibow9] {
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.14);
    border-radius: 8px;
    padding: 10px;
}

.admin-users-role-option input[b-nc4mqibow9] {
    width: 18px;
    height: 18px;
}

.admin-users-editor-actions[b-nc4mqibow9] {
    margin-top: 18px;
}

.admin-users-empty[b-nc4mqibow9] {
    padding: 24px;
    color: var(--el-color-text-secondary);
    text-align: center;
}

.admin-users-message[b-nc4mqibow9] {
    margin: 0 0 16px;
    border-radius: 8px;
    padding: 10px 12px;
    background: #f1f3f5;
    color: var(--el-color-text-primary);
}

.admin-users-message.success[b-nc4mqibow9] {
    background: #eaf6eb;
    color: #2f7d32;
}

.admin-users-message.error[b-nc4mqibow9] {
    background: #ffe8e6;
    color: #b42318;
}

@media (max-width: 980px) {
    .admin-users-layout[b-nc4mqibow9],
    .admin-users-metrics[b-nc4mqibow9] {
        grid-template-columns: 1fr;
    }

    .admin-users-editor[b-nc4mqibow9] {
        position: static;
    }
}

@media (max-width: 620px) {
    .admin-users-page[b-nc4mqibow9] {
        padding: 14px;
    }

    .admin-users-header[b-nc4mqibow9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-users-form-grid[b-nc4mqibow9] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/EditRecipe.razor.rz.scp.css */
.edit-recipe-empty[b-kusaylvcoe] {
    padding: 1.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    background: #fff;
}

.edit-recipe-kicker[b-kusaylvcoe] {
    margin-bottom: .25rem;
    font-size: .85rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6b7280;
}

.edit-recipe-header[b-kusaylvcoe] {
    position: sticky;
    top: 86px;
    z-index: 1010;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid #e5e7eb;
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: rgba(255, 253, 248, .97);
    box-shadow: 0 10px 24px rgba(67, 51, 32, .08);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.edit-recipe-heading[b-kusaylvcoe] {
    min-width: 12rem;
}

.edit-recipe-header-actions[b-kusaylvcoe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.edit-recipe-navigation-actions[b-kusaylvcoe],
.edit-recipe-primary-actions[b-kusaylvcoe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.edit-recipe-primary-actions[b-kusaylvcoe] {
    padding-left: .75rem;
    border-left: 1px solid #e5e7eb;
}

.edit-recipe-save-message[b-kusaylvcoe] {
    max-width: 16rem;
    margin: 0;
    color: #4b5563;
    font-size: .9rem;
    line-height: 1.25;
}

.edit-linked-recipes-panel[b-kusaylvcoe] {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

.edit-recipe-tone-warning[b-kusaylvcoe] {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #f0b86e;
    border-radius: 12px;
    background: #fff8e8;
    color: #633500;
}

.edit-recipe-tone-warning__heading[b-kusaylvcoe] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
}

.edit-recipe-tone-warning__heading > i[b-kusaylvcoe] {
    margin-top: .2rem;
    color: #c56d00;
}

.edit-recipe-tone-warning__heading p[b-kusaylvcoe] {
    margin: .25rem 0 0;
    color: #7a4a13;
}

.edit-recipe-tone-warning ul[b-kusaylvcoe] {
    margin: .8rem 0 0 1.2rem;
    padding: 0;
}

.edit-recipe-tone-warning li + li[b-kusaylvcoe] {
    margin-top: .4rem;
}

.edit-recipe-tone-warning li span[b-kusaylvcoe] {
    display: block;
    color: #7a4a13;
    font-size: .9rem;
}

.edit-recipe-tone-issue-link[b-kusaylvcoe] {
    display: inline-flex;
    margin-top: .4rem;
    color: #7a3f00;
    font-size: .9rem;
    font-weight: 700;
}

.edit-recipe-tone-warning__action[b-kusaylvcoe] {
    display: inline-flex;
    margin-top: .9rem;
    color: #7a3f00;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .2rem;
}

.edit-recipe-tone-excerpt[b-kusaylvcoe] {
    margin: .45rem 0 0;
    padding: .55rem .75rem;
    border-left: 3px solid #d78926;
    background: rgba(255, 255, 255, .65);
    color: #4f2d08;
    font-size: .9rem;
    font-style: normal;
}

.edit-recipe-tone-clear[b-kusaylvcoe] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border: 1px solid #9ac7a5;
    border-radius: 10px;
    background: #f0f9f2;
    color: #185c2d;
}

.edit-recipe-seo-panel[b-kusaylvcoe] {
    margin-bottom: 1rem;
    padding: 1.1rem;
    scroll-margin-top: 190px;
    border: 1px solid #d8ddd7;
    border-radius: 12px;
    background: #fff;
}

.edit-recipe-seo-panel__heading[b-kusaylvcoe] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.edit-recipe-seo-panel__heading h2[b-kusaylvcoe],
.edit-recipe-seo-panel__heading p[b-kusaylvcoe] {
    margin: 0;
}

.edit-recipe-seo-panel__heading > p[b-kusaylvcoe] {
    max-width: 38rem;
    color: #6b7280;
    font-size: .9rem;
}

.edit-recipe-seo-fields[b-kusaylvcoe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.edit-recipe-seo-fields small[b-kusaylvcoe] {
    display: block;
    margin-top: .3rem;
    color: #6b7280;
    text-align: right;
}

.edit-recipe-seo-fields :is(input, textarea):target[b-kusaylvcoe] {
    border-color: #d78926;
    box-shadow: 0 0 0 3px rgba(215, 137, 38, .18);
}

.edit-recipe-insights-editor[b-kusaylvcoe] {
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

@media (max-width: 1199.98px) {
    .edit-recipe-header[b-kusaylvcoe] {
        align-items: flex-start;
    }

    .edit-recipe-header-actions[b-kusaylvcoe] {
        flex-direction: column;
        align-items: flex-end;
    }

    .edit-recipe-primary-actions[b-kusaylvcoe] {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 991.98px) {
    .edit-recipe-header[b-kusaylvcoe] {
        top: 112px;
    }
}

@media (max-width: 767.98px) {
    .edit-recipe-header[b-kusaylvcoe] {
        flex-direction: column;
        align-items: stretch;
        padding: .75rem;
    }

    .edit-recipe-header-actions[b-kusaylvcoe],
    .edit-recipe-navigation-actions[b-kusaylvcoe],
    .edit-recipe-primary-actions[b-kusaylvcoe] {
        width: 100%;
        align-items: center;
        justify-content: flex-start;
    }

    .edit-recipe-heading .text-muted[b-kusaylvcoe] {
        display: none;
    }

    .edit-recipe-save-message[b-kusaylvcoe] {
        order: 10;
        max-width: none;
        flex-basis: 100%;
    }

    .edit-recipe-seo-panel__heading[b-kusaylvcoe] {
        display: block;
    }

    .edit-recipe-seo-panel__heading > p[b-kusaylvcoe] {
        margin-top: .5rem;
    }

    .edit-recipe-seo-fields[b-kusaylvcoe] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .edit-recipe-header[b-kusaylvcoe] {
        top: 108px;
    }
}
/* /Pages/Articles/ArticlePage.razor.rz.scp.css */
.page-wrapper[b-2kv9kprzjh] {
    max-width: 900px;
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2.5rem) clamp(1rem, 4vw, 3.5rem) 4rem;
    color: var(--el-color-text-primary);
}

.page-wrapper.is-editing[b-2kv9kprzjh] {
    max-width: 1080px;
}

/* Header */
.article-header[b-2kv9kprzjh] {
    text-align: center;
    margin-bottom: clamp(1.8rem, 3vw, 2.6rem);
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background:
        radial-gradient(circle at 88% 12%, rgba(244, 182, 61, 0.08), transparent 14rem),
        linear-gradient(145deg, #fffdf8, #f9f6ee);
    box-shadow: var(--el-box-shadow-sm);
}

.article-header-editing[b-2kv9kprzjh] {
    text-align: left;
    background: var(--surface-2, #f6f8fb);
    border: 1px solid var(--border, #e4e7ec);
    border-radius: 8px;
    padding: 1.25rem;
}

.article-title[b-2kv9kprzjh] {
    font-size: clamp(2.45rem, 4vw, 4.1rem);
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 0.98;
    color: var(--el-color-primary-dark);
}

.article-meta[b-2kv9kprzjh] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 2rem;
}

.article-rating[b-2kv9kprzjh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.rating-count[b-2kv9kprzjh] {
    font-size: .9rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.article-credibility[b-2kv9kprzjh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem 1rem;
    margin: -0.75rem 0 1.25rem;
    color: var(--el-color-text-secondary);
    font-size: 0.92rem;
    line-height: 1.35;
}

.article-credibility a[b-2kv9kprzjh] {
    color: var(--el-color-primary-dark);
    font-weight: 800;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.tags-list[b-2kv9kprzjh] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.article-tag[b-2kv9kprzjh] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--el-color-border);
    border-radius: 999px;
    padding: 6px 10px;
    color: var(--el-color-text-secondary);
    background: var(--el-color-background-alt);
    font-size: .85rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: filter .18s ease, transform .18s ease;
}

.article-tag:hover[b-2kv9kprzjh],
.article-tag:focus-visible[b-2kv9kprzjh] {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

/* Hero Image */
.hero-image-wrapper[b-2kv9kprzjh] {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 8px;
    overflow: hidden;
    background: #e5e7eb;
    box-shadow: var(--el-box-shadow);
    margin: 1.5rem 0 0;
}

.hero-image[b-2kv9kprzjh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-body-editing[b-2kv9kprzjh] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #e4e7ec);
    border-radius: 8px;
    padding: 1.25rem;
}

.article-sources[b-2kv9kprzjh] {
    margin-top: 3rem;
    padding-top: 1.75rem;
    border-top: 1px solid var(--el-color-border);
}

.article-sources h2[b-2kv9kprzjh] {
    margin: 0 0 1rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: 1.45rem;
}

.article-sources ul[b-2kv9kprzjh] {
    display: grid;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.article-sources li[b-2kv9kprzjh] {
    padding-left: 1rem;
    border-left: 3px solid var(--el-color-secondary);
}

.article-sources a[b-2kv9kprzjh] {
    color: var(--el-color-primary);
    font-weight: 800;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.article-sources span[b-2kv9kprzjh] {
    display: block;
    margin-top: 0.15rem;
    color: var(--el-color-text-secondary);
    font-size: 0.92rem;
    font-weight: 700;
}

.article-sources p[b-2kv9kprzjh] {
    margin: 0.25rem 0 0;
    color: var(--el-color-text-primary);
    line-height: 1.55;
}

.editing-hint[b-2kv9kprzjh] {
    margin-top: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    border: 1px solid #bfd4ff;
    background: #edf3ff;
    color: var(--text-body, #334155);
    font-size: 0.95rem;
}

.article-seo-editor[b-2kv9kprzjh] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
    text-align: left;
}

/* Footer */
.article-footer[b-2kv9kprzjh] {
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.btn-share[b-2kv9kprzjh] {
    background: #fffaf1;
    border: 1px solid var(--el-color-border);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.2s;
    margin-left: 0.5rem;
}

.btn-share:hover[b-2kv9kprzjh] {
    background: #eef4df;
}

.share-actions[b-2kv9kprzjh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.share-feedback[b-2kv9kprzjh] {
    color: var(--text-muted);
    font-size: 0.95rem;
}
/* /Pages/Articles/Articles.razor.rz.scp.css */
.articles-hero[b-g13vyctpoc] {
    overflow: hidden;
    border-bottom: 1px solid var(--el-color-border);
    background: #fffdf8;
}

.container[b-g13vyctpoc] {
    width: min(100%, 1320px);
    margin: 0 auto;
    padding-left: clamp(1rem, 4vw, 3.5rem);
    padding-right: clamp(1rem, 4vw, 3.5rem);
}

.header-row[b-g13vyctpoc] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.85fr);
    grid-template-rows: auto auto;
    gap: 0 2rem;
    align-items: end;
    min-height: 20rem;
    padding-top: clamp(2rem, 4vw, 4rem);
}

.hero-copy[b-g13vyctpoc] {
    grid-column: 1;
    grid-row: 1;
    padding-bottom: 1.6rem;
}

.articles-title[b-g13vyctpoc] {
    margin: 0;
    color: var(--el-color-primary-dark) !important;
    font-size: clamp(3rem, 5vw, 5.2rem);
    line-height: 0.95;
}

.articles-subtitle[b-g13vyctpoc] {
    max-width: 42rem;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-primary);
    font-size: 1.1rem;
    line-height: 1.45;
}

.ai-disclaimer[b-g13vyctpoc] {
    max-width: 54rem;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.92rem;
    font-style: italic;
    line-height: 1.45;
}

.ai-disclaimer a[b-g13vyctpoc] {
    color: var(--el-color-primary-dark);
    font-weight: 800;
}

.articles-hero-art[b-g13vyctpoc] {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: stretch;
    min-height: 17rem;
    margin-right: calc(clamp(1rem, 4vw, 3.5rem) * -1);
    border-bottom-left-radius: 170px;
    background:
        linear-gradient(90deg, rgba(255, 253, 248, 0.12), rgba(255, 253, 248, 0)),
        url("/images/brand/articles-hero.jpg") center / cover no-repeat;
}

.search[b-g13vyctpoc] {
    grid-column: 1 / -1;
    grid-row: 2;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 56px;
    margin: 0 0 1.25rem;
    padding: 0 1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.98);
    box-shadow: var(--el-box-shadow-sm);
}

.search-label[b-g13vyctpoc] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.search[b-g13vyctpoc]  .input,
.search[b-g13vyctpoc]  input,
.input[b-g13vyctpoc] {
    width: 100%;
    min-height: 44px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--el-color-text-primary);
    font: inherit;
    outline: 0;
}

.sticky-filters[b-g13vyctpoc] {
    position: sticky;
    top: 86px;
    z-index: 30;
    padding: 1.15rem 0;
    border-bottom: 1px solid var(--el-color-border);
    background: rgba(255, 253, 248, 0.96);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 28px rgba(67, 51, 32, 0.05);
}

.filters-row[b-g13vyctpoc] {
    display: grid;
    grid-template-columns: minmax(220px, 0.55fr) minmax(260px, 0.75fr);
    gap: 1.35rem;
    align-items: end;
}

.filter-block[b-g13vyctpoc] {
    min-width: 0;
}

.label[b-g13vyctpoc] {
    display: block;
    margin: 0 0 0.5rem;
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
    font-weight: 800;
}

.chips[b-g13vyctpoc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.chip[b-g13vyctpoc] {
    min-height: 40px;
    border: 1px solid var(--el-color-border);
    border-radius: 999px;
    background: #fffaf1;
    color: var(--el-color-text-primary);
    padding: 0.45rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.chip:hover[b-g13vyctpoc],
.chip:focus-visible[b-g13vyctpoc] {
    border-color: rgba(var(--el-color-primary-rgb), 0.35);
    color: var(--el-color-primary-dark);
}

.chip--active[b-g13vyctpoc] {
    border-color: var(--el-color-primary-dark);
    background: var(--el-color-primary-dark);
    color: #fffdf8;
}

.chip--active:hover[b-g13vyctpoc],
.chip--active:focus-visible[b-g13vyctpoc] {
    border-color: var(--el-color-primary-dark);
    background: var(--el-color-primary-dark);
    color: #fffdf8;
}

.active-filters[b-g13vyctpoc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0.75rem;
}

.chip-x[b-g13vyctpoc] {
    margin-left: 0.45rem;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.articles-content-grid[b-g13vyctpoc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 2rem;
    width: min(100%, 1320px);
    margin: 1.5rem auto 3rem;
    padding: 0 clamp(1rem, 4vw, 3.5rem);
}

.articles-main[b-g13vyctpoc] {
    min-width: 0;
}

.articles-virtualize[b-g13vyctpoc] {
    display: block;
    min-height: 45vh;
}

.articles-prerender-list[b-g13vyctpoc] {
    display: grid;
    gap: 1rem;
}

.article-prerender-cell[b-g13vyctpoc] {
    min-width: 0;
}

.article-cell[b-g13vyctpoc] {
    box-sizing: border-box;
    width: 100%;
    height: 300px;
    min-width: 0;
    padding-bottom: 1rem;
}

.article-cell[b-g13vyctpoc]  .article-card {
    height: 100%;
}

.article-cell[b-g13vyctpoc]  .article-card__media,
.article-cell[b-g13vyctpoc]  .article-card__img {
    height: 100%;
    min-height: 0;
}

.article-cell--placeholder[b-g13vyctpoc] {
    display: grid;
    place-items: center;
}

.articles-status[b-g13vyctpoc] {
    margin: 0;
    padding: 1rem;
    color: var(--el-color-text-secondary);
    text-align: center;
}

.articles-error[b-g13vyctpoc] {
    margin-top: 1rem;
    border: 1px solid #d88;
    border-radius: 8px;
    background: #fff3f3;
    color: #7a2020;
}

.articles-error p[b-g13vyctpoc] {
    margin: 0 0 0.75rem;
}

.retry-button[b-g13vyctpoc] {
    min-height: 40px;
    border: 0;
    border-radius: 8px;
    padding: 0.55rem 0.9rem;
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.articles-sidebar[b-g13vyctpoc] {
    display: grid;
    align-content: start;
    gap: 1rem;
}

.sidebar-card[b-g13vyctpoc] {
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: var(--el-box-shadow-sm);
    padding: 1.15rem;
}

.sidebar-card h2[b-g13vyctpoc] {
    margin: 0 0 0.85rem;
    color: var(--el-color-primary-dark);
    font-size: 1.7rem;
    line-height: 1;
}

.topics-card h2[b-g13vyctpoc] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.topics-card h2 i[b-g13vyctpoc] {
    color: #6f7f24;
    font-size: 1rem;
}

.topic-grid[b-g13vyctpoc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.topic-grid a[b-g13vyctpoc],
.topic-grid span[b-g13vyctpoc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffaf1;
    color: var(--el-color-text-primary);
    font-size: 0.82rem;
    font-weight: 800;
    text-align: center;
}

.topic-grid a:hover[b-g13vyctpoc],
.topic-grid a:focus-visible[b-g13vyctpoc] {
    background: #eef4df;
    color: var(--el-color-primary-dark);
}

.newsletter-card[b-g13vyctpoc] {
    background:
        radial-gradient(circle at 88% 16%, rgba(111, 127, 36, 0.18), transparent 9rem),
        linear-gradient(135deg, #eef4df 0%, #fffdf8 70%);
}

.newsletter-card p[b-g13vyctpoc],
.plate-card p[b-g13vyctpoc] {
    margin: 0 0 0.9rem;
    color: var(--el-color-text-secondary);
    line-height: 1.45;
}

.sidebar-button[b-g13vyctpoc] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    font-weight: 800;
}

.sidebar-button:hover[b-g13vyctpoc],
.sidebar-button:focus-visible[b-g13vyctpoc] {
    color: #fff;
    filter: brightness(1.04);
}

.plate-card img[b-g13vyctpoc] {
    display: block;
    width: 100%;
    margin: 0.4rem auto -2rem;
    filter: drop-shadow(0 16px 22px rgba(67, 51, 32, 0.13));
}

.card[b-g13vyctpoc] {
    width: 100%;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    overflow: hidden;
}

.skeleton[b-g13vyctpoc] {
    position: relative;
    overflow: hidden;
}

.skeleton-thumb[b-g13vyctpoc] {
    height: 160px;
    background: #e5e7eb;
}

.skeleton-line[b-g13vyctpoc] {
    height: 14px;
    margin: 0.75rem;
    border-radius: 999px;
    background: #e5e7eb;
}

.skeleton-line.short[b-g13vyctpoc] {
    width: 60%;
}

.skeleton[b-g13vyctpoc]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: shimmer-b-g13vyctpoc 1.25s infinite;
}

@keyframes shimmer-b-g13vyctpoc {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 980px) {
    .header-row[b-g13vyctpoc] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .articles-hero-art[b-g13vyctpoc] {
        display: none;
    }

    .articles-content-grid[b-g13vyctpoc] {
        grid-template-columns: 1fr;
    }

    .articles-sidebar[b-g13vyctpoc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .plate-card[b-g13vyctpoc] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .header-row[b-g13vyctpoc] {
        padding-top: 1.7rem;
    }

    .articles-title[b-g13vyctpoc] {
        font-size: clamp(2.7rem, 12vw, 4rem);
    }

    .sticky-filters[b-g13vyctpoc] {
        position: static;
        padding-top: 1rem;
    }

    .filters-row[b-g13vyctpoc] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .articles-content-grid[b-g13vyctpoc] {
        margin-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .articles-sidebar[b-g13vyctpoc] {
        grid-template-columns: 1fr;
    }

    .article-cell[b-g13vyctpoc]  .article-card {
        grid-template-columns: minmax(8.5rem, 38%) minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr);
        gap: 0;
    }

    .article-cell[b-g13vyctpoc]  .article-card__body {
        padding: 1rem;
        overflow: hidden;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home[b-1u8wjry93i] {
    color: var(--el-color-text-primary);
    background: #fffdf8;
}

.featured[b-1u8wjry93i],
.whats-next[b-1u8wjry93i],
.why-it-matters[b-1u8wjry93i] {
    width: min(100% - 2rem, 1320px);
    max-width: none;
    margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
    box-sizing: border-box;
}

.section-eyebrow[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-secondary);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    line-height: 1.2;
    text-transform: uppercase;
}

.why-it-matters[b-1u8wjry93i] {
    margin-top: 1rem;
}

.why-it-matters .section-eyebrow[b-1u8wjry93i] {
    text-align: center;
    margin-bottom: 0.65rem;
}

.why-grid[b-1u8wjry93i] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.why-card[b-1u8wjry93i] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.95);
    box-shadow: 0 12px 30px rgba(67, 51, 32, 0.06);
    text-align: center;
}

.why-card i[b-1u8wjry93i] {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.7rem;
    border-radius: 999px;
    color: var(--el-color-secondary-dark);
    background: var(--el-color-secondary-light);
    font-size: 1.25rem;
}

.why-card:nth-child(even) i[b-1u8wjry93i] {
    color: #6f7f24;
    background: #eef4df;
}

.why-card h2[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-base);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

.why-card p[b-1u8wjry93i] {
    margin: 0.45rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
    line-height: 1.35;
}

.featured[b-1u8wjry93i] {
    position: relative;
    padding: clamp(1.1rem, 2vw, 1.6rem);
}

.featured[b-1u8wjry93i]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 8px;
    background:
        radial-gradient(circle at 16% 8%, rgba(244, 182, 61, 0.08), transparent 16rem),
        linear-gradient(180deg, rgba(255, 250, 241, 0.92), rgba(255, 253, 248, 0.92));
    border: 1px solid rgba(232, 221, 206, 0.72);
}

.featured > *[b-1u8wjry93i] {
    position: relative;
    z-index: 1;
}

.featured-title[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-size: clamp(2rem, 3.1vw, 3.2rem);
    line-height: 0.95;
    text-align: left;
}

.featured-sub[b-1u8wjry93i] {
    max-width: 46rem;
    margin: 0.3rem 0 1.05rem;
    color: var(--el-color-text-secondary);
    font-size: 1.02rem;
    line-height: 1.55;
}

.grid[b-1u8wjry93i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding-bottom: 1rem;
}

.featured-recipes .grid[b-1u8wjry93i] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.featured-recipes[b-1u8wjry93i]::before {
    border-radius: 8px;
    background:
        radial-gradient(circle at 8% 8%, rgba(244, 182, 61, 0.08), transparent 13rem),
        linear-gradient(180deg, rgba(255, 253, 248, 0.95), rgba(255, 250, 241, 0.95));
}

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

.empty[b-1u8wjry93i] {
    margin: 0;
    padding: 1rem 0 1.4rem;
    color: var(--el-color-text-secondary);
}

.cta-row[b-1u8wjry93i] {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 1.25rem;
}

.btn[b-1u8wjry93i] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0.72rem 1.05rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.22);
    background: #fffdf8;
    color: var(--el-color-primary-dark);
    font-weight: 800;
    text-decoration: none;
}

.btn:hover[b-1u8wjry93i],
.btn:focus-visible[b-1u8wjry93i] {
    color: var(--el-color-primary-dark);
    background: #eef4df;
}

.whats-next[b-1u8wjry93i] {
    position: relative;
    padding: clamp(1.1rem, 2vw, 1.6rem);
    overflow: hidden;
}

.whats-next[b-1u8wjry93i]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 8px;
    background: #fffdf8;
    border: 1px solid var(--el-color-border);
    box-shadow: var(--el-box-shadow-sm);
}

.whats-next > *[b-1u8wjry93i] {
    position: relative;
    z-index: 1;
}

.whats-next-header h2[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-size: clamp(2rem, 3vw, 3.2rem);
}

.whats-next-header p[b-1u8wjry93i] {
    margin: 0.35rem 0 0;
    color: var(--el-color-text-secondary);
}

.whats-next-list[b-1u8wjry93i] {
    list-style: none;
    margin: 1.1rem 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.whats-next-list li[b-1u8wjry93i] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    min-width: 0;
    padding: 0.95rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffaf1;
}

.whats-next-list i[b-1u8wjry93i] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #6f7f24;
    background: #eef4df;
    font-size: 1rem;
}

.whats-next-list h3[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: 1.55rem;
    line-height: 1;
}

.whats-next-list p[b-1u8wjry93i] {
    margin: 0.35rem 0 0;
    color: var(--el-color-text-secondary);
    line-height: 1.45;
}

.whats-next-feedback[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-text-secondary);
}

.whats-next-feedback a[b-1u8wjry93i] {
    color: var(--el-color-secondary-dark);
    font-weight: 800;
}

@media (max-width: 1120px) {
    .featured-recipes .grid[b-1u8wjry93i],
    .grid[b-1u8wjry93i],
    .why-grid[b-1u8wjry93i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .whats-next-list[b-1u8wjry93i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .featured[b-1u8wjry93i],
    .whats-next[b-1u8wjry93i],
    .why-it-matters[b-1u8wjry93i] {
        width: calc(100% - 2rem);
        margin-top: 1rem;
    }

    .featured[b-1u8wjry93i],
    .whats-next[b-1u8wjry93i] {
        padding: 1rem;
    }

    .featured-title[b-1u8wjry93i] {
        font-size: clamp(2.2rem, 12vw, 3.4rem);
    }

    .grid[b-1u8wjry93i],
    .featured-recipes .grid[b-1u8wjry93i],
    .articles-grid[b-1u8wjry93i],
    .why-grid[b-1u8wjry93i] {
        grid-template-columns: 1fr;
    }

    .cta-row[b-1u8wjry93i] {
        justify-content: stretch;
    }

    .btn[b-1u8wjry93i] {
        width: 100%;
    }

    .whats-next-list li[b-1u8wjry93i] {
        grid-template-columns: 2.5rem minmax(0, 1fr);
    }
}
/* /Pages/Ingredients/IngredientPage.razor.rz.scp.css */
.ingredient-page[b-far2t29z54] {
    max-width: 900px;
    padding-top: 24px;
    padding-bottom: 32px;
}

.ingredient-hero-card[b-far2t29z54],
.nutrition-card[b-far2t29z54],
.ingredient-description-card[b-far2t29z54],
.seasonality-card[b-far2t29z54] {
    background: var(--el-color-surface, #fff);
    border: 1px solid var(--el-color-border);
    border-radius: 16px;
    padding: 20px;
    box-shadow: var(--el-box-shadow-sm);
    margin-bottom: 16px;
}

.seasonality-status[b-far2t29z54] {
    margin: 0.85rem 0;
    color: var(--el-color-text-secondary);
    font-weight: 700;
}

.seasonality-region-label[b-far2t29z54] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--el-color-text-secondary);
    font-size: 0.85rem;
    font-weight: 700;
}

.seasonality-region-select[b-far2t29z54] {
    max-width: 26rem;
}

.seasonality-status.is-current[b-far2t29z54] {
    color: #326b25;
}

.seasonality-month-grid[b-far2t29z54] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seasonality-month-grid li[b-far2t29z54] {
    padding: 0.45rem 0.2rem;
    border: 1px solid var(--el-color-border);
    border-radius: 5px;
    color: var(--el-color-text-secondary);
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
}

.seasonality-month-grid li.is-available[b-far2t29z54] {
    border-color: rgba(50, 107, 37, 0.25);
    background: #eef4df;
    color: #326b25;
}

.seasonality-month-grid li[aria-current="date"][b-far2t29z54] {
    box-shadow: 0 0 0 2px var(--el-color-primary-dark);
}

@media (max-width: 720px) {
    .seasonality-month-grid[b-far2t29z54] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.ingredient-header[b-far2t29z54] {
    margin-bottom: 16px;
    text-align: center;
}

.ingredient-header h1[b-far2t29z54] {
    margin: 0;
}

.ingredient-secondary-name[b-far2t29z54] {
    margin-top: 6px;
    color: var(--el-color-text-secondary);
    font-style: italic;
}

.ingredient-image[b-far2t29z54] {
    width: 100%;
    max-width: 520px;
    height: 280px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    display: block;
}

.ingredient-image-wrapper[b-far2t29z54] {
    display: flex;
    justify-content: center;
}

.ingredient-image-placeholder[b-far2t29z54] {
    background: var(--el-color-background-alt);
    background-image: linear-gradient(110deg, rgba(var(--el-color-primary-rgb), 0.06), rgba(var(--el-color-primary-rgb), 0.14), rgba(var(--el-color-primary-rgb), 0.06));
    background-size: 220% 100%;
    animation: ingredient-image-pulse-b-far2t29z54 1.4s ease-in-out infinite;
}

@keyframes ingredient-image-pulse-b-far2t29z54 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.section-title[b-far2t29z54] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 0;
    margin-bottom: 16px;
}

.section-title i[b-far2t29z54] {
    color: var(--el-color-primary);
}

.nutrition-grid[b-far2t29z54] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.nutrition-grid li[b-far2t29z54] {
    border: 1px solid var(--el-color-border);
    border-radius: 12px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: rgba(var(--el-color-primary-rgb), 0.04);
}

.nutrition-grid li span[b-far2t29z54] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.nutrition-grid li strong[b-far2t29z54] {
    color: var(--el-color-text-primary);
    font-size: 1rem;
}

.ingredient-description-card p[b-far2t29z54] {
    line-height: 1.6;
}

.ingredient-description-secondary[b-far2t29z54] {
    margin-top: 10px;
    color: var(--el-color-text-secondary);
}

@media (max-width: 640px) {
    .ingredient-image[b-far2t29z54] {
        height: 220px;
    }
}
/* /Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-daol00ftpa] {
    width: min(900px, 100%);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4.5rem) clamp(0.25rem, 2vw, 1.25rem);
    color: var(--el-color-text-primary);
}

.privacy-page__header[b-daol00ftpa] {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--el-color-border);
}

.privacy-page__eyebrow[b-daol00ftpa] {
    margin: 0 0 0.4rem;
    color: var(--el-color-accent, #9b431c);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.privacy-page h1[b-daol00ftpa] {
    margin: 0 0 0.45rem;
    color: var(--el-color-primary-dark);
    font-size: clamp(2.3rem, 6vw, 4.4rem);
    line-height: 0.95;
}

.privacy-page section[b-daol00ftpa] {
    padding-top: 1.6rem;
}

.privacy-page h2[b-daol00ftpa] {
    margin-bottom: 0.65rem;
    color: var(--el-color-primary-dark);
    font-size: clamp(1.35rem, 3vw, 1.8rem);
}

.privacy-page p[b-daol00ftpa],
.privacy-page li[b-daol00ftpa] {
    line-height: 1.7;
}

.privacy-page ul[b-daol00ftpa] {
    padding-left: 1.35rem;
}

.privacy-page li + li[b-daol00ftpa] {
    margin-top: 0.45rem;
}

.privacy-page a[b-daol00ftpa] {
    color: var(--el-color-primary-dark);
    font-weight: 700;
}
/* /Pages/Profile.razor.rz.scp.css */
.profile-page[b-o0u3npzwe4] {
    max-width: 1140px;
    margin: 0 auto;
    padding: clamp(18px, 2.6vw, 28px) var(--el-spacing-lg) clamp(28px, 4vw, 48px);
}

.profile-panel[b-o0u3npzwe4] {
    max-width: 820px;
    margin: 0 auto;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.2);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(23, 25, 35, 0.06);
    padding: clamp(18px, 2vw, 24px);
    background: linear-gradient(145deg, rgba(var(--el-color-primary-rgb), 0.06), rgba(var(--el-color-primary-rgb), 0.015));
}

.profile-header[b-o0u3npzwe4] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
}

.profile-icon[b-o0u3npzwe4] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a44900;
    background: #fff4e6;
    border: 1px solid #ffd8a8;
    flex: 0 0 auto;
}

.profile-header h1[b-o0u3npzwe4] {
    margin: 0 0 8px;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-text-primary);
    letter-spacing: 0.01em;
}

.profile-header p[b-o0u3npzwe4],
.profile-note[b-o0u3npzwe4],
.muted[b-o0u3npzwe4] {
    color: var(--el-color-text-secondary);
}

.profile-header p[b-o0u3npzwe4] {
    margin: 0;
    line-height: 1.5;
}

.profile-grid[b-o0u3npzwe4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.profile-grid label[b-o0u3npzwe4] {
    display: grid;
    gap: 6px;
}

.profile-grid span[b-o0u3npzwe4] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.profile-grid-wide[b-o0u3npzwe4] {
    grid-column: 1 / -1;
}

.profile-grid :global(.form-control)[b-o0u3npzwe4] {
    min-height: 42px;
    border-radius: 10px;
    border-color: var(--el-color-border);
    background: var(--el-color-surface, #fff);
    color: var(--el-color-text-primary);
}

.profile-grid :global(.form-control:focus)[b-o0u3npzwe4] {
    border-color: var(--el-color-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--el-color-primary-rgb), 0.12);
}

.profile-note[b-o0u3npzwe4] {
    margin: 18px 0;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 10px;
    padding: 10px 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: rgba(var(--el-color-primary-rgb), 0.035);
    line-height: 1.45;
}

.profile-note i[b-o0u3npzwe4] {
    color: #f08c00;
    margin-top: 3px;
}

.profile-actions[b-o0u3npzwe4] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.status[b-o0u3npzwe4] {
    color: var(--el-color-text-secondary);
}

.status.success[b-o0u3npzwe4] {
    color: #2f7d32;
}

.status.error[b-o0u3npzwe4] {
    color: #b42318;
}

@media (max-width: 640px) {
    .profile-page[b-o0u3npzwe4] {
        padding-left: var(--el-spacing-md);
        padding-right: var(--el-spacing-md);
    }

    .profile-panel[b-o0u3npzwe4] {
        border-radius: 16px;
    }

    .profile-header[b-o0u3npzwe4] {
        gap: 12px;
    }

    .profile-grid[b-o0u3npzwe4] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Recipes/MyRecipes.razor.rz.scp.css */
.my-recipes[b-50a3tai89z] {
    max-width: 1100px;
    margin: 0 auto;
    padding: var(--el-spacing-lg);
}

.my-recipes-header h1[b-50a3tai89z] {
    font-family: var(--el-font-family-heading);
    margin-bottom: 6px;
}

.my-recipes-header p[b-50a3tai89z] {
    color: var(--el-color-text-secondary);
    margin-bottom: var(--el-spacing-lg);
}

.recipes-grid[b-50a3tai89z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}

.empty-state[b-50a3tai89z] {
    padding: var(--el-spacing-lg);
    text-align: center;
    color: var(--el-color-text-secondary);
    border: 1px dashed var(--el-color-border);
    border-radius: var(--el-border-radius-lg);
}

.browse-link[b-50a3tai89z] {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 18px;
    border-radius: 999px;
    background: var(--el-color-primary);
    color: #fff;
    text-decoration: none;
}

.browse-link:hover[b-50a3tai89z],
.browse-link:focus-visible[b-50a3tai89z] {
    background: var(--el-color-primary-dark);
}
/* /Pages/Recipes/RecipePage.razor.rz.scp.css */
.container[b-hh0sldwcfw] {
    width: min(100% - 2rem, 1448px);
    max-width: none;
    margin: 0 auto;
    padding: clamp(1.25rem, 2.8vw, 2.25rem) 0 clamp(2.5rem, 4vw, 4rem);
    box-sizing: border-box;
}

.recipe-page[b-hh0sldwcfw] {
    color: var(--el-color-text-primary);
    background:
        radial-gradient(circle at 92% 15%, rgba(214, 199, 173, 0.18), transparent 18rem),
        #fffdf8;
}

.recipe-breadcrumb[b-hh0sldwcfw] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    margin: 0 0 1.15rem;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
    line-height: 1.2;
}

.recipe-breadcrumb a[b-hh0sldwcfw],
.recipe-breadcrumb span[b-hh0sldwcfw] {
    min-width: 0;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recipe-breadcrumb a:hover[b-hh0sldwcfw],
.recipe-breadcrumb a:focus-visible[b-hh0sldwcfw] {
    color: var(--el-color-primary-dark);
    text-decoration: none;
}

.recipe-breadcrumb i[b-hh0sldwcfw] {
    color: #b7aa95;
    font-size: 0.68rem;
}

.recipe-breadcrumb span[b-hh0sldwcfw] {
    color: var(--el-color-primary-dark);
    font-weight: 800;
}

.grid[b-hh0sldwcfw] {
    display: grid;
    gap: 24px;
}

.g-32[b-hh0sldwcfw] {
    gap: 32px;
}

.recipe-main-grid[b-hh0sldwcfw] {
    grid-template-columns: minmax(0, 1.42fr) minmax(320px, 0.9fr);
    align-items: start;
    margin-top: clamp(1.75rem, 3vw, 2.35rem);
}

.content[b-hh0sldwcfw],
.meta[b-hh0sldwcfw] {
    min-width: 0;
}

.content[b-hh0sldwcfw] {
    display: grid;
    gap: 1.2rem;
}

.meta[b-hh0sldwcfw] {
    display: grid;
    gap: 1rem;
}

.recipe-hero[b-hh0sldwcfw] {
    margin: 0;
}

.surface[b-hh0sldwcfw],
.card[b-hh0sldwcfw] {
    overflow: hidden;
    border: 1px solid rgba(232, 221, 206, 0.9);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.96);
    box-shadow: 0 16px 42px rgba(67, 51, 32, 0.07);
    padding: clamp(1.05rem, 2vw, 1.45rem);
}

.section-card[b-hh0sldwcfw] {
    background:
        radial-gradient(circle at 92% 18%, rgba(111, 127, 36, 0.08), transparent 9rem),
        rgba(255, 253, 248, 0.96);
}

.preparation-card[b-hh0sldwcfw] {
    position: relative;
}

.preparation-card[b-hh0sldwcfw]::after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 7rem;
    width: 6rem;
    height: 9rem;
    pointer-events: none;
    opacity: 0.22;
    background:
        linear-gradient(28deg, transparent 48%, #94aa77 49%, #94aa77 50%, transparent 51%),
        linear-gradient(152deg, transparent 48%, #94aa77 49%, #94aa77 50%, transparent 51%);
    border-radius: 50%;
}

.alert[b-hh0sldwcfw] {
    margin-top: 1rem;
    padding: var(--el-spacing-sm) var(--el-spacing-md);
    border-radius: 8px;
}

.alert-danger[b-hh0sldwcfw] {
    background: rgba(var(--el-color-error-rgb), 0.12);
    border: 1px solid rgba(var(--el-color-error-rgb), 0.3);
    color: var(--el-color-error);
}

.empty[b-hh0sldwcfw] {
    padding: var(--el-spacing-lg);
    color: var(--el-color-text-secondary);
    text-align: center;
}

.section-title[b-hh0sldwcfw] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0 0 1rem;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-primary-dark);
    letter-spacing: 0;
    line-height: 1;
}

.title-icon[b-hh0sldwcfw] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.95rem;
    border: 1px solid transparent;
}

.section-title-prep .title-icon[b-hh0sldwcfw] {
    color: var(--el-color-secondary-dark);
    background: var(--el-color-secondary-light);
    border-color: rgba(var(--el-color-secondary-rgb), 0.22);
}

.section-title-story .title-icon[b-hh0sldwcfw] {
    color: #6f7f24;
    background: #eef4df;
    border-color: rgba(111, 127, 36, 0.18);
}

.section-title-comments .title-icon[b-hh0sldwcfw] {
    color: var(--el-color-primary-dark);
    background: #eef4df;
    border-color: rgba(var(--el-color-primary-rgb), 0.18);
}

.insights-toggle-row[b-hh0sldwcfw] {
    display: flex;
    justify-content: flex-start;
    margin: 1.25rem 0;
}

.narrative[b-hh0sldwcfw],
#comments-section[b-hh0sldwcfw] {
    margin-top: clamp(1.1rem, 2vw, 1.45rem);
}

.comments-card[b-hh0sldwcfw] (.comments) {
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.comments-card[b-hh0sldwcfw] (.comments > h2) {
    margin: 0 0 1rem !important;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.9rem, 2.45vw, 2.65rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.comments-card[b-hh0sldwcfw] (.comments > .card-body) {
    padding: 0;
}

.insights-toggle[b-hh0sldwcfw] {
    min-height: 44px;
    border: 1px solid var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.96);
    color: var(--el-color-primary-dark);
    border-radius: 8px;
    padding: 0.7rem 1rem;
    font-weight: 900;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.insights-toggle:hover[b-hh0sldwcfw],
.insights-toggle:focus-visible[b-hh0sldwcfw] {
    background: #eef4df;
    color: var(--el-color-primary-dark);
    border-color: var(--el-color-primary-dark);
}

html[b-hh0sldwcfw] {
    scroll-behavior: smooth;
}

@media (max-width: 1040px) {
    .recipe-main-grid[b-hh0sldwcfw] {
        grid-template-columns: 1fr;
    }

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

    .linked-recipes-card[b-hh0sldwcfw] {
        grid-column: 1 / -1;
    }

}

@media (max-width: 720px) {
    .container[b-hh0sldwcfw] {
        width: calc(100% - 1.5rem);
        padding: 0.9rem 0 2rem;
    }

    .recipe-breadcrumb[b-hh0sldwcfw] {
        gap: 0.5rem;
        font-size: 0.82rem;
    }

    .grid[b-hh0sldwcfw],
    .g-32[b-hh0sldwcfw],
    .content[b-hh0sldwcfw],
    .meta[b-hh0sldwcfw] {
        gap: 1rem;
    }

    .meta[b-hh0sldwcfw] {
        grid-template-columns: 1fr;
    }

    .surface[b-hh0sldwcfw],
    .card[b-hh0sldwcfw] {
        padding: 1rem;
    }

    .preparation-card[b-hh0sldwcfw]::after {
        display: none;
    }

    .section-title[b-hh0sldwcfw] {
        align-items: flex-start;
        line-height: 1.2;
    }
}
/* /Pages/Recipes/Recipes.razor.rz.scp.css */
.recipes-hero[b-bcbibp6d16] {
    overflow: hidden;
    border-bottom: 1px solid var(--el-color-border);
    background: #fffdf8;
}

.container[b-bcbibp6d16] {
    width: min(100%, 1320px);
    margin: 0 auto;
    padding-left: clamp(1rem, 4vw, 3.5rem);
    padding-right: clamp(1rem, 4vw, 3.5rem);
}

.header-row[b-bcbibp6d16] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.85fr);
    grid-template-rows: auto auto;
    gap: 0 2rem;
    align-items: end;
    min-height: 19rem;
    padding-top: clamp(2rem, 4vw, 4rem);
}

.hero-copy[b-bcbibp6d16] {
    grid-column: 1;
    grid-row: 1;
    padding-bottom: 1.6rem;
}

.recipes-title[b-bcbibp6d16] {
    margin: 0;
    color: var(--el-color-primary-dark) !important;
    font-size: clamp(3rem, 5vw, 5.2rem);
    line-height: 0.95;
}

.recipes-subtitle[b-bcbibp6d16] {
    max-width: 42rem;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-primary);
    font-size: 1.1rem;
    line-height: 1.45;
}

.ai-disclaimer[b-bcbibp6d16] {
    max-width: 54rem;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.92rem;
    font-style: italic;
    line-height: 1.45;
}

.ai-disclaimer a[b-bcbibp6d16] {
    color: var(--el-color-primary-dark);
    font-weight: 800;
}

.recipes-hero-art[b-bcbibp6d16] {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: stretch;
    min-height: 16rem;
    margin-right: calc(clamp(1rem, 4vw, 3.5rem) * -1);
    border-bottom-left-radius: 170px;
    background:
        linear-gradient(90deg, rgba(255, 253, 248, 0.1), rgba(255, 253, 248, 0)),
        url("/images/brand/recipes-hero.jpg") center / cover no-repeat;
}

.search[b-bcbibp6d16] {
    grid-column: 1 / -1;
    grid-row: 2;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 56px;
    margin: 0 0 1.25rem;
    padding: 0 1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.98);
    box-shadow: var(--el-box-shadow-sm);
}

.search-label[b-bcbibp6d16] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.search[b-bcbibp6d16]  .input,
.search[b-bcbibp6d16]  input,
.input[b-bcbibp6d16] {
    width: 100%;
    min-height: 44px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--el-color-text-primary);
    font: inherit;
    outline: 0;
}

.sticky-filters[b-bcbibp6d16] {
    position: sticky;
    top: 86px;
    z-index: 30;
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--el-color-border);
    background: rgba(255, 253, 248, 0.96);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 28px rgba(67, 51, 32, 0.05);
}

.filter-toolbar[b-bcbibp6d16] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(12rem, 1.3fr) auto;
    gap: 0.65rem;
    align-items: center;
}

.filter-block[b-bcbibp6d16] {
    min-width: 0;
}

.label[b-bcbibp6d16] {
    display: block;
    margin: 0 0 0.4rem;
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
    font-weight: 800;
}

.filters-clear-all[b-bcbibp6d16],
.active-filters__clear[b-bcbibp6d16] {
    border: 0;
    background: transparent;
    color: var(--el-color-primary-dark);
    cursor: pointer;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 850;
    white-space: nowrap;
}

.filters-clear-all[b-bcbibp6d16] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.4rem 0.25rem;
}

.filters-clear-all:hover[b-bcbibp6d16],
.filters-clear-all:focus-visible[b-bcbibp6d16],
.active-filters__clear:hover[b-bcbibp6d16],
.active-filters__clear:focus-visible[b-bcbibp6d16] {
    text-decoration: underline;
}

.filters-clear-all:focus-visible[b-bcbibp6d16],
.active-filters__clear:focus-visible[b-bcbibp6d16] {
    border-radius: 6px;
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 2px;
}

.active-filters[b-bcbibp6d16] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.7rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(232, 221, 206, 0.75);
}

.active-filters__label[b-bcbibp6d16] {
    color: var(--el-color-text-secondary);
    font-size: 0.76rem;
    font-weight: 750;
    white-space: nowrap;
}

.active-filters__chips[b-bcbibp6d16] {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.active-filter-chip[b-bcbibp6d16] {
    max-width: min(100%, 20rem);
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.35rem 0.42rem 0.35rem 0.68rem;
    border: 1px solid rgba(232, 221, 206, 0.95);
    border-radius: 7px;
    background: #f8f3ea;
    color: var(--el-color-text-primary);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
}

.active-filter-chip__label[b-bcbibp6d16] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.active-filter-chip button[b-bcbibp6d16] {
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    padding: 0;
    background: transparent;
    color: var(--el-color-text-secondary);
    cursor: pointer;
}

.active-filter-chip button:hover[b-bcbibp6d16],
.active-filter-chip button:focus-visible[b-bcbibp6d16] {
    background: rgba(var(--el-color-primary-rgb), 0.1);
    color: var(--el-color-primary-dark);
}

.active-filter-chip button:focus-visible[b-bcbibp6d16] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 1px;
}

.active-filters__clear[b-bcbibp6d16] {
    margin-left: auto;
    padding: 0.35rem 0;
}

.recipes-virtualize[b-bcbibp6d16] {
    box-sizing: border-box;
    display: block;
    width: min(100%, 1320px);
    min-height: 45vh;
    margin: 1.35rem auto 2.5rem;
    padding: 0 clamp(1rem, 4vw, 3.5rem);
}

.recipe-row[b-bcbibp6d16] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
    width: 100%;
    height: 660px;
    min-width: 0;
    padding-bottom: 1.2rem;
}

.recipes-prerender-grid[b-bcbibp6d16] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
}

.recipe-prerender-cell[b-bcbibp6d16] {
    display: flex;
    min-width: 0;
}

.recipe-prerender-cell[b-bcbibp6d16]  .card--featured {
    width: 100%;
}

.recipe-cell[b-bcbibp6d16] {
    min-width: 0;
    min-height: 0;
}

.recipe-cell[b-bcbibp6d16]  .card--featured {
    width: 100%;
    height: 100%;
}

.recipe-row--placeholder[b-bcbibp6d16] {
    display: grid;
    place-items: center;
}

.recipes-status[b-bcbibp6d16] {
    margin: 0;
    padding: 1rem;
    color: var(--el-color-text-secondary);
    text-align: center;
}

.recipes-error[b-bcbibp6d16] {
    margin-bottom: 1rem;
    border: 1px solid #d88;
    border-radius: 8px;
    background: #fff3f3;
    color: #7a2020;
}

.recipes-error p[b-bcbibp6d16] {
    margin: 0 0 0.75rem;
}

.retry-button[b-bcbibp6d16] {
    min-height: 40px;
    border: 0;
    border-radius: 8px;
    padding: 0.55rem 0.9rem;
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.card[b-bcbibp6d16] {
    width: 100%;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    overflow: hidden;
}

.skeleton[b-bcbibp6d16] {
    position: relative;
    overflow: hidden;
}

.skeleton-thumb[b-bcbibp6d16] {
    height: 170px;
    background: #e5e7eb;
}

.skeleton-line[b-bcbibp6d16] {
    height: 14px;
    margin: 0.75rem;
    border-radius: 999px;
    background: #e5e7eb;
}

.skeleton-line.short[b-bcbibp6d16] {
    width: 60%;
}

.skeleton[b-bcbibp6d16]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: shimmer-b-bcbibp6d16 1.25s infinite;
}

@keyframes shimmer-b-bcbibp6d16 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 1180px) {
    .recipe-row[b-bcbibp6d16] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        height: 1200px;
    }

    .recipes-prerender-grid[b-bcbibp6d16] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .filter-toolbar[b-bcbibp6d16] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .header-row[b-bcbibp6d16] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .recipes-hero-art[b-bcbibp6d16] {
        display: none;
    }

}

@media (max-width: 720px) {
    .header-row[b-bcbibp6d16] {
        padding-top: 1.7rem;
    }

    .recipes-title[b-bcbibp6d16] {
        font-size: clamp(2.7rem, 12vw, 4rem);
    }

    .sticky-filters[b-bcbibp6d16] {
        position: static;
        padding-top: 1rem;
    }

    .filter-toolbar[b-bcbibp6d16] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .filters-clear-all[b-bcbibp6d16] {
        justify-content: flex-start;
    }

    .active-filters[b-bcbibp6d16] {
        align-items: flex-start;
    }

    .active-filters__label[b-bcbibp6d16] {
        flex-basis: 100%;
    }

    .recipes-virtualize[b-bcbibp6d16] {
        margin-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .recipe-row[b-bcbibp6d16] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: repeat(4, minmax(0, 1fr));
        gap: 1rem;
        height: 2160px;
        padding-bottom: 1rem;
    }

    .recipes-prerender-grid[b-bcbibp6d16] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .recipe-cell[b-bcbibp6d16]  .card--featured {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
    }
}
/* /Pages/Unsubscribe.razor.rz.scp.css */
.unsubscribe-page[b-dl5lqb44id] {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
}

.unsubscribe-panel[b-dl5lqb44id] {
    width: min(100%, 34rem);
    text-align: center;
}

.unsubscribe-panel h1[b-dl5lqb44id] {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.unsubscribe-panel p[b-dl5lqb44id] {
    color: #40514a;
    margin-bottom: 1.5rem;
}

.unsubscribe-form[b-dl5lqb44id] {
    display: grid;
    gap: .75rem;
    margin-bottom: 1.25rem;
}
/* /Routes.razor.rz.scp.css */
.route-authorizing[b-hgogga4hqa] {
    width: min(68rem, calc(100% - 2rem));
    min-height: 42vh;
    margin: 0 auto;
    padding: clamp(3rem, 9vw, 6rem) 0;
    opacity: 0;
    animation: route-authorizing-reveal-b-hgogga4hqa 160ms ease-out 120ms forwards;
}

.route-authorizing__panel[b-hgogga4hqa] {
    display: grid;
    gap: 1rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.08);
    border-radius: 1.5rem;
    background: rgba(255, 253, 248, 0.68);
}

.route-authorizing__line[b-hgogga4hqa] {
    display: block;
    height: 0.85rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(var(--el-color-primary-rgb), 0.06) 25%,
        rgba(var(--el-color-primary-rgb), 0.13) 50%,
        rgba(var(--el-color-primary-rgb), 0.06) 75%);
    background-size: 200% 100%;
    animation: route-authorizing-shimmer-b-hgogga4hqa 1.25s ease-in-out infinite;
}

.route-authorizing__line--title[b-hgogga4hqa] {
    width: min(22rem, 58%);
    height: 1.4rem;
}

.route-authorizing__line--body[b-hgogga4hqa] {
    width: min(44rem, 88%);
}

.route-authorizing__line--short[b-hgogga4hqa] {
    width: min(31rem, 68%);
}

@keyframes route-authorizing-reveal-b-hgogga4hqa {
    to {
        opacity: 1;
    }
}

@keyframes route-authorizing-shimmer-b-hgogga4hqa {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -100% 0;
    }
}

@keyframes route-authorizing-reveal-reduced-motion-b-hgogga4hqa {
    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .route-authorizing[b-hgogga4hqa] {
        animation: route-authorizing-reveal-reduced-motion-b-hgogga4hqa 1ms linear 120ms forwards;
    }

    .route-authorizing__line[b-hgogga4hqa] {
        animation: none;
    }
}