/* /Components/Guide/GuidePage.razor.rz.scp.css */
.guide-page[b-sc3oelmfan] { display:flex; flex-direction:column; gap:2rem; }
[b-sc3oelmfan] .guide-hero { position:relative; overflow:hidden; padding:2rem; border-radius:24px; background:linear-gradient(135deg,#f0fbf4,#fff8e8 55%,#eef7ff); border:1px solid #d9eadf; }
[b-sc3oelmfan] .guide-hero-glow { position:absolute; width:280px; height:280px; right:-80px; top:-100px; border-radius:50%; background:rgba(75,170,115,.18); }
[b-sc3oelmfan] .guide-hero-copy { position:relative; max-width:820px; }
[b-sc3oelmfan] .guide-hero-topline, [b-sc3oelmfan] .guide-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; }
[b-sc3oelmfan] .guide-hero-actions { margin-top:1.5rem; }
[b-sc3oelmfan] .guide-eyebrow, [b-sc3oelmfan] .guide-section-kicker { text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:700; color:#2f7d51; }
[b-sc3oelmfan] .guide-title { margin:0 0 .75rem; font-size:clamp(1.8rem,4vw,2.8rem); line-height:1.15; font-weight:800; color:#173a27; }
[b-sc3oelmfan] .guide-subtitle { margin:0; max-width:720px; font-size:1.05rem; line-height:1.65; color:#476052; }
[b-sc3oelmfan] .guide-updated { font-size:.78rem; color:#607568; }
[b-sc3oelmfan] .guide-section-heading { margin-bottom:1rem; }
[b-sc3oelmfan] .guide-section-heading h2 { margin:.2rem 0 .35rem; font-size:1.45rem; color:#173a27; }
[b-sc3oelmfan] .guide-section-heading p { margin:0; color:#607568; }
[b-sc3oelmfan] .guide-quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
[b-sc3oelmfan] .guide-quick-card { padding:1.25rem; border:1px solid #e2ece6; border-radius:18px; background:#fff; display:flex; flex-direction:column; gap:.65rem; }
[b-sc3oelmfan] .guide-quick-head { display:flex; justify-content:space-between; align-items:center; }
[b-sc3oelmfan] .guide-quick-number { width:2rem; height:2rem; border-radius:50%; background:#173a27; color:#fff; display:grid; place-items:center; font-weight:700; }
[b-sc3oelmfan] .guide-quick-icon { font-size:1.5rem; }
[b-sc3oelmfan] .guide-quick-card h3 { margin:0; font-size:1rem; color:#173a27; }
[b-sc3oelmfan] .guide-quick-card p { margin:0; flex:1; font-size:.88rem; line-height:1.5; color:#607568; }
[b-sc3oelmfan] .guide-browser { padding:1.1rem; border:1px solid #e2ece6; border-radius:18px; background:#fff; position:sticky; top:.5rem; z-index:4; box-shadow:0 6px 20px rgba(23,58,39,.05); }
[b-sc3oelmfan] .guide-toolbar { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }
[b-sc3oelmfan] .guide-search-field { flex:1 1 320px; }
[b-sc3oelmfan] .guide-toolbar-meta { display:flex; align-items:center; gap:.5rem; color:#607568; font-size:.85rem; }
[b-sc3oelmfan] .guide-result-count { white-space:nowrap; font-weight:600; }
[b-sc3oelmfan] .guide-topic-chips { display:flex; gap:.45rem; flex-wrap:wrap; margin-top:.9rem; }
[b-sc3oelmfan] .guide-sections { display:flex; flex-direction:column; gap:.85rem; background:transparent; }
[b-sc3oelmfan] .guide-empty { padding:2rem; text-align:center; border:1px dashed #cadbd0; border-radius:18px; color:#607568; }
[b-sc3oelmfan] .guide-empty h2 { margin:.5rem 0; color:#173a27; }
[b-sc3oelmfan] .guide-glossary-card { overflow:auto; border:1px solid #e2ece6; border-radius:16px; }
[b-sc3oelmfan] .guide-glossary-table { width:100%; border-collapse:collapse; }
[b-sc3oelmfan] .guide-glossary-table th, [b-sc3oelmfan] .guide-glossary-table td { padding:.7rem 1rem; text-align:left; border-bottom:1px solid #eef3f0; vertical-align:middle; }
[b-sc3oelmfan] .guide-glossary-table th { background:#f7fbf8; font-size:.78rem; text-transform:uppercase; color:#2f7d51; }
[b-sc3oelmfan] .guide-glossary-table td:last-child { color:#607568; }
[b-sc3oelmfan] .guide-help-banner { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; align-items:center; padding:1.5rem; border-radius:18px; background:#173a27; color:#fff; }
[b-sc3oelmfan] .guide-help-copy { display:flex; gap:.8rem; align-items:center; }
[b-sc3oelmfan] .guide-help-copy h2 { margin:0; font-size:1.15rem; }
[b-sc3oelmfan] .guide-help-copy p { margin:.2rem 0 0; color:#d7e8dc; }
[b-sc3oelmfan] .guide-help-icon { font-size:1.8rem; }
[b-sc3oelmfan] .guide-help-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
@media (max-width:900px) { [b-sc3oelmfan] .guide-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { [b-sc3oelmfan] .guide-quick-grid { grid-template-columns:1fr; } [b-sc3oelmfan] .guide-browser { position:static; } [b-sc3oelmfan] .guide-hero { padding:1.25rem; } }
/* /Components/Guide/GuideSectionCard.razor.rz.scp.css */
.guide-section-wrap[b-npnk48lyax] { margin:0; }
[b-npnk48lyax] .guide-section-panel { border:1px solid #e2ece6; border-radius:16px; background:#fff; overflow:hidden; }
[b-npnk48lyax] .guide-section-panel .mud-expansion-panel-header { padding:12px 16px; min-height:auto; align-items:center; }
.guide-section-title[b-npnk48lyax] { display:flex; align-items:center; gap:16px; width:100%; }
.guide-section-icon[b-npnk48lyax] { width:44px; height:44px; flex:0 0 44px; border-radius:14px; background:linear-gradient(135deg,#eef7f1,#fff6e5); display:inline-flex; align-items:center; justify-content:center; font-size:1.45rem; line-height:1; }
.guide-section-titlecopy[b-npnk48lyax] { display:flex; flex-direction:column; gap:4px; min-width:0; flex:1; }
.guide-section-topic[b-npnk48lyax] { display:inline-flex; width:fit-content; align-items:center; padding:3px 9px; border-radius:999px; background:#eef7f1; color:#2e6f40; font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.guide-section-titlecopy h3[b-npnk48lyax] { margin:0; font-weight:700; font-size:1.05rem; line-height:1.25; color:#173a27; }
.guide-section-titlecopy p[b-npnk48lyax] { margin:0; color:#607568; line-height:1.45; font-size:.86rem; }
.guide-section-body[b-npnk48lyax] { padding:4px 18px 20px; }
.guide-ui-labels[b-npnk48lyax] { margin:12px 0 20px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.guide-ui-label-title[b-npnk48lyax] { color:#607568; font-size:.78rem; font-weight:600; }
[b-npnk48lyax] .guide-ui-chip { font-size:.72rem !important; height:auto !important; }
.guide-steps[b-npnk48lyax] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.guide-step[b-npnk48lyax] { display:flex; align-items:flex-start; gap:14px; padding:14px 16px; background:#f8faf9; border:1px solid #e6efea; border-radius:12px; min-width:0; }
.guide-step-number[b-npnk48lyax] { width:28px; height:28px; border-radius:50%; background:#2e6f40; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:.82rem; font-weight:700; flex:0 0 28px; line-height:1; }
.guide-step-copy[b-npnk48lyax] { min-width:0; }
.guide-step-copy strong[b-npnk48lyax] { display:block; font-weight:600; margin-bottom:4px; color:#1f3528; }
.guide-step-copy p[b-npnk48lyax] { margin:0; color:#4a5568; line-height:1.5; font-size:.9rem; }
.guide-tip[b-npnk48lyax] { margin-top:16px; padding:14px 18px; background:#f0f9f4; border-left:4px solid #2e6f40; border-radius:10px; display:flex; align-items:flex-start; gap:12px; }
.guide-tip-icon[b-npnk48lyax] { font-size:1.1rem; line-height:1.2; flex:none; }
.guide-tip p[b-npnk48lyax] { margin:0; color:#334155; line-height:1.5; }
.guide-tip strong[b-npnk48lyax] { color:#1f3528; }
.guide-cta-row[b-npnk48lyax] { margin-top:18px; display:flex; flex-wrap:wrap; gap:12px; }
@media (max-width:900px) { .guide-steps[b-npnk48lyax] { grid-template-columns:1fr; } }
@media (max-width:600px) { .guide-section-title[b-npnk48lyax] { align-items:flex-start; gap:12px; } .guide-section-icon[b-npnk48lyax] { width:40px; height:40px; flex-basis:40px; } .guide-section-body[b-npnk48lyax] { padding:2px 10px 16px; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-jpfpcps2ho] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-jpfpcps2ho] {
    flex: 1;
}

.sidebar[b-jpfpcps2ho] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-jpfpcps2ho] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-jpfpcps2ho]  a, .top-row[b-jpfpcps2ho]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-jpfpcps2ho]  a:hover, .top-row[b-jpfpcps2ho]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-jpfpcps2ho]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-jpfpcps2ho] {
        justify-content: space-between;
    }

    .top-row[b-jpfpcps2ho]  a, .top-row[b-jpfpcps2ho]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-jpfpcps2ho] {
        flex-direction: row;
    }

    .sidebar[b-jpfpcps2ho] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-jpfpcps2ho] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-jpfpcps2ho]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-jpfpcps2ho], article[b-jpfpcps2ho] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-jpfpcps2ho] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-jpfpcps2ho] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/AdminTelemetry.razor.rz.scp.css */
/* === Supervision — panneau « Infrastructure & Jobs » (v0.0.80) =================
   Le panneau est une section pleine largeur placée sous la grille des KPI. Ces
   règles garantissent que les tuiles (disque, RAM, CPU) ne se compriment jamais :
   chaque tuile a une largeur minimale lisible et les valeurs peuvent revenir à la
   ligne au lieu d'écraser la colonne voisine (bug « DisqueDisqueRAM »).

   Note : les composants MudBlazor ne reçoivent pas l'attribut de portée du CSS
   isolé (b-xxxx) — seuls les éléments HTML de ce fichier .razor l'obtiennent.
   Les règles visant un MudText passent donc par ::deep. */

/* Tuile de métrique hôte (div « nue » : voir le commentaire dans AdminTelemetry.razor). */
.telemetry-metric-tile[b-37p7cxk6l1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: 100%;
    /* Sans min-width:0, un contenu long (« 49,0 % utilisé ») force la piste de
       grille à s'élargir et écrase les tuiles voisines. */
    min-width: 0;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius, 4px);
}

.telemetry-metric-tile[b-37p7cxk6l1]  .telemetry-metric-label {
    letter-spacing: 0.02em;
    line-height: 1.25;
    min-width: 0;
}

.telemetry-metric-tile[b-37p7cxk6l1]  .telemetry-metric-value {
    font-weight: 500;
    line-height: 1.3;
    /* Casse proprement une valeur trop longue plutôt que de déborder de la tuile. */
    overflow-wrap: anywhere;
}

/* Légende hôte / environnement : alignée à droite sur desktop, laissée à gauche
   quand le bandeau passe sur deux lignes (mobile et tablette). */
.telemetry-host-caption[b-37p7cxk6l1] {
    display: inline-block;
    text-align: right;
    overflow-wrap: anywhere;
}

@media (max-width: 599.95px) {
    .telemetry-host-caption[b-37p7cxk6l1] {
        text-align: left;
    }
}
/* /Components/Pages/Amazigh.razor.rz.scp.css */
/* === Hero === */
.cours-hero[b-xnnqzxfibf] {
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, color-mix(in srgb, var(--mud-palette-primary) 80%, var(--mud-palette-primary-darken) 100%) 100%);
    color: var(--mud-palette-primary-text);
    padding: 4rem 0;
    text-align: center;
}

.cours-hero-title[b-xnnqzxfibf] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.cours-hero-intro[b-xnnqzxfibf] {
    font-size: 1.15rem;
    max-width: 700px;
    margin: 0 auto 2rem auto;
    line-height: 1.6;
    opacity: 0.95;
}

.cours-hero-actions[b-xnnqzxfibf] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* === Section titles === */
.cours-section-title[b-xnnqzxfibf] {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    color: var(--mud-palette-text-primary);
}

/* === Benefits === */
.cours-benefits[b-xnnqzxfibf] {
    padding: 4rem 0;
    background: var(--mud-palette-background);
}

/* === Mentors === */
.cours-mentors[b-xnnqzxfibf] {
    padding: 4rem 0;
    background: var(--mud-palette-background-grey);
}

.cours-view-all[b-xnnqzxfibf] {
    text-align: center;
    margin-top: 2rem;
}

/* === Description === */
.cours-description[b-xnnqzxfibf] {
    padding: 4rem 0;
    background: var(--mud-palette-background);
}

.cours-description-text p[b-xnnqzxfibf] {
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 1.25rem;
    color: var(--mud-palette-text-secondary);
}

.cours-description-text p:last-child[b-xnnqzxfibf] {
    margin-bottom: 0;
}

/* === FAQ === */
.cours-faq[b-xnnqzxfibf] {
    padding: 4rem 0;
    background: var(--mud-palette-background-grey);
}

.cours-faq-list[b-xnnqzxfibf] {
    max-width: 700px;
    margin: 0 auto;
}

.cours-faq-item[b-xnnqzxfibf] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    margin-bottom: 0.75rem;
    background: var(--mud-palette-surface);
    overflow: hidden;
}

.cours-faq-item summary[b-xnnqzxfibf] {
    padding: 1rem 1.25rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--mud-palette-text-primary);
}

.cours-faq-item summary[b-xnnqzxfibf]::after {
    content: '+';
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--mud-palette-primary);
    transition: transform 0.2s ease;
}

.cours-faq-item[open] summary[b-xnnqzxfibf]::after {
    content: '\2212';
    transform: rotate(180deg);
}

.cours-faq-item p[b-xnnqzxfibf] {
    padding: 0 1.25rem 1rem 1.25rem;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--mud-palette-text-secondary);
}

/* === CTA === */
.cours-cta[b-xnnqzxfibf] {
    padding: 4rem 0;
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, color-mix(in srgb, var(--mud-palette-primary) 80%, var(--mud-palette-primary-darken) 100%) 100%);
}

.cours-cta-content[b-xnnqzxfibf] {
    text-align: center;
    color: var(--mud-palette-primary-text);
}

.cours-cta-title[b-xnnqzxfibf] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.cours-cta-text[b-xnnqzxfibf] {
    font-size: 1.1rem;
    max-width: 550px;
    margin: 0 auto 2rem auto;
    line-height: 1.6;
    opacity: 0.95;
}

/* === Responsive === */
@media (max-width: 600px) {
    .cours-hero-title[b-xnnqzxfibf] {
        font-size: 1.75rem;
    }

    .cours-hero-intro[b-xnnqzxfibf] {
        font-size: 1rem;
    }

    .cours-section-title[b-xnnqzxfibf] {
        font-size: 1.4rem;
    }

    .cours-cta-title[b-xnnqzxfibf] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Arabe.razor.rz.scp.css */
/* === Hero === */
.cours-hero[b-ofcnmvmdly] {
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, color-mix(in srgb, var(--mud-palette-primary) 80%, var(--mud-palette-primary-darken) 100%) 100%);
    color: var(--mud-palette-primary-text);
    padding: 4rem 0;
    text-align: center;
}

.cours-hero-title[b-ofcnmvmdly] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.cours-hero-intro[b-ofcnmvmdly] {
    font-size: 1.15rem;
    max-width: 700px;
    margin: 0 auto 2rem auto;
    line-height: 1.6;
    opacity: 0.95;
}

.cours-hero-actions[b-ofcnmvmdly] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* === Section titles === */
.cours-section-title[b-ofcnmvmdly] {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    color: var(--mud-palette-text-primary);
}

/* === Benefits === */
.cours-benefits[b-ofcnmvmdly] {
    padding: 4rem 0;
    background: var(--mud-palette-background);
}

/* === Description === */
.cours-description[b-ofcnmvmdly] {
    padding: 4rem 0;
    background: var(--mud-palette-background-grey);
}

.cours-description-text p[b-ofcnmvmdly] {
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 1.25rem;
    color: var(--mud-palette-text-secondary);
}

.cours-description-text p:last-child[b-ofcnmvmdly] {
    margin-bottom: 0;
}

/* === FAQ === */
.cours-faq[b-ofcnmvmdly] {
    padding: 4rem 0;
    background: var(--mud-palette-background);
}

.cours-faq-list[b-ofcnmvmdly] {
    max-width: 700px;
    margin: 0 auto;
}

.cours-faq-item[b-ofcnmvmdly] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    margin-bottom: 0.75rem;
    background: var(--mud-palette-surface);
    overflow: hidden;
}

.cours-faq-item summary[b-ofcnmvmdly] {
    padding: 1rem 1.25rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--mud-palette-text-primary);
}

.cours-faq-item summary[b-ofcnmvmdly]::after {
    content: '+';
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--mud-palette-primary);
    transition: transform 0.2s ease;
}

.cours-faq-item[open] summary[b-ofcnmvmdly]::after {
    content: '\2212';
    transform: rotate(180deg);
}

.cours-faq-item p[b-ofcnmvmdly] {
    padding: 0 1.25rem 1rem 1.25rem;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--mud-palette-text-secondary);
}

/* === CTA === */
.cours-cta[b-ofcnmvmdly] {
    padding: 4rem 0;
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, color-mix(in srgb, var(--mud-palette-primary) 80%, var(--mud-palette-primary-darken) 100%) 100%);
}

.cours-cta-content[b-ofcnmvmdly] {
    text-align: center;
    color: var(--mud-palette-primary-text);
}

.cours-cta-title[b-ofcnmvmdly] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.cours-cta-text[b-ofcnmvmdly] {
    font-size: 1.1rem;
    max-width: 550px;
    margin: 0 auto 2rem auto;
    line-height: 1.6;
    opacity: 0.95;
}

/* === Responsive === */
@media (max-width: 600px) {
    .cours-hero-title[b-ofcnmvmdly] {
        font-size: 1.75rem;
    }

    .cours-hero-intro[b-ofcnmvmdly] {
        font-size: 1rem;
    }

    .cours-section-title[b-ofcnmvmdly] {
        font-size: 1.4rem;
    }

    .cours-cta-title[b-ofcnmvmdly] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Coran.razor.rz.scp.css */
/* === Hero === */
.cours-hero[b-4nx146qdct] {
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, color-mix(in srgb, var(--mud-palette-primary) 80%, var(--mud-palette-primary-darken) 100%) 100%);
    color: var(--mud-palette-primary-text);
    padding: 4rem 0;
    text-align: center;
}

.cours-hero-title[b-4nx146qdct] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.cours-hero-intro[b-4nx146qdct] {
    font-size: 1.15rem;
    max-width: 700px;
    margin: 0 auto 2rem auto;
    line-height: 1.6;
    opacity: 0.95;
}

.cours-hero-actions[b-4nx146qdct] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* === Section titles === */
.cours-section-title[b-4nx146qdct] {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    color: var(--mud-palette-text-primary);
}

/* === Benefits === */
.cours-benefits[b-4nx146qdct] {
    padding: 4rem 0;
    background: var(--mud-palette-background);
}

/* === Description === */
.cours-description[b-4nx146qdct] {
    padding: 4rem 0;
    background: var(--mud-palette-background-grey);
}

.cours-description-text p[b-4nx146qdct] {
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 1.25rem;
    color: var(--mud-palette-text-secondary);
}

.cours-description-text p:last-child[b-4nx146qdct] {
    margin-bottom: 0;
}

/* === FAQ === */
.cours-faq[b-4nx146qdct] {
    padding: 4rem 0;
    background: var(--mud-palette-background);
}

.cours-faq-list[b-4nx146qdct] {
    max-width: 700px;
    margin: 0 auto;
}

.cours-faq-item[b-4nx146qdct] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    margin-bottom: 0.75rem;
    background: var(--mud-palette-surface);
    overflow: hidden;
}

.cours-faq-item summary[b-4nx146qdct] {
    padding: 1rem 1.25rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--mud-palette-text-primary);
}

.cours-faq-item summary[b-4nx146qdct]::after {
    content: '+';
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--mud-palette-primary);
    transition: transform 0.2s ease;
}

.cours-faq-item[open] summary[b-4nx146qdct]::after {
    content: '\2212';
    transform: rotate(180deg);
}

.cours-faq-item p[b-4nx146qdct] {
    padding: 0 1.25rem 1rem 1.25rem;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--mud-palette-text-secondary);
}

/* === CTA === */
.cours-cta[b-4nx146qdct] {
    padding: 4rem 0;
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, color-mix(in srgb, var(--mud-palette-primary) 80%, var(--mud-palette-primary-darken) 100%) 100%);
}

.cours-cta-content[b-4nx146qdct] {
    text-align: center;
    color: var(--mud-palette-primary-text);
}

.cours-cta-title[b-4nx146qdct] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.cours-cta-text[b-4nx146qdct] {
    font-size: 1.1rem;
    max-width: 550px;
    margin: 0 auto 2rem auto;
    line-height: 1.6;
    opacity: 0.95;
}

/* === Responsive === */
@media (max-width: 600px) {
    .cours-hero-title[b-4nx146qdct] {
        font-size: 1.75rem;
    }

    .cours-hero-intro[b-4nx146qdct] {
        font-size: 1rem;
    }

    .cours-section-title[b-4nx146qdct] {
        font-size: 1.4rem;
    }

    .cours-cta-title[b-4nx146qdct] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Cours.razor.rz.scp.css */
/* === Hero === */
.cours-hero[b-2c7o6ghf1j] {
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, color-mix(in srgb, var(--mud-palette-primary) 80%, var(--mud-palette-primary-darken) 100%) 100%);
    color: var(--mud-palette-primary-text);
    padding: 4rem 0;
    text-align: center;
}

.cours-hero-title[b-2c7o6ghf1j] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.cours-hero-intro[b-2c7o6ghf1j] {
    font-size: 1.15rem;
    max-width: 700px;
    margin: 0 auto 2rem auto;
    line-height: 1.6;
    opacity: 0.95;
}

.cours-hero-actions[b-2c7o6ghf1j] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* === Section titles === */
.cours-section-title[b-2c7o6ghf1j] {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    color: var(--mud-palette-text-primary);
}

/* === Benefits === */
.cours-benefits[b-2c7o6ghf1j] {
    padding: 4rem 0;
    background: var(--mud-palette-background);
}

/* === Mentors === */
.cours-mentors[b-2c7o6ghf1j] {
    padding: 4rem 0;
    background: var(--mud-palette-background-grey);
}

.cours-view-all[b-2c7o6ghf1j] {
    text-align: center;
    margin-top: 2rem;
}

/* === Description === */
.cours-description[b-2c7o6ghf1j] {
    padding: 4rem 0;
    background: var(--mud-palette-background);
}

.cours-description-text p[b-2c7o6ghf1j] {
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 1.25rem;
    color: var(--mud-palette-text-secondary);
}

.cours-description-text p:last-child[b-2c7o6ghf1j] {
    margin-bottom: 0;
}

/* === FAQ === */
.cours-faq[b-2c7o6ghf1j] {
    padding: 4rem 0;
    background: var(--mud-palette-background-grey);
}

.cours-faq-list[b-2c7o6ghf1j] {
    max-width: 700px;
    margin: 0 auto;
}

.cours-faq-item[b-2c7o6ghf1j] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    margin-bottom: 0.75rem;
    background: var(--mud-palette-surface);
    overflow: hidden;
}

.cours-faq-item summary[b-2c7o6ghf1j] {
    padding: 1rem 1.25rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--mud-palette-text-primary);
}

.cours-faq-item summary[b-2c7o6ghf1j]::after {
    content: '+';
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--mud-palette-primary);
    transition: transform 0.2s ease;
}

.cours-faq-item[open] summary[b-2c7o6ghf1j]::after {
    content: '\2212';
    transform: rotate(180deg);
}

.cours-faq-item p[b-2c7o6ghf1j] {
    padding: 0 1.25rem 1rem 1.25rem;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--mud-palette-text-secondary);
}

/* === CTA === */
.cours-cta[b-2c7o6ghf1j] {
    padding: 4rem 0;
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, color-mix(in srgb, var(--mud-palette-primary) 80%, var(--mud-palette-primary-darken) 100%) 100%);
}

.cours-cta-content[b-2c7o6ghf1j] {
    text-align: center;
    color: var(--mud-palette-primary-text);
}

.cours-cta-title[b-2c7o6ghf1j] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.cours-cta-text[b-2c7o6ghf1j] {
    font-size: 1.1rem;
    max-width: 550px;
    margin: 0 auto 2rem auto;
    line-height: 1.6;
    opacity: 0.95;
}

/* === Responsive === */
@media (max-width: 600px) {
    .cours-hero-title[b-2c7o6ghf1j] {
        font-size: 1.75rem;
    }

    .cours-hero-intro[b-2c7o6ghf1j] {
        font-size: 1rem;
    }

    .cours-section-title[b-2c7o6ghf1j] {
        font-size: 1.4rem;
    }

    .cours-cta-title[b-2c7o6ghf1j] {
        font-size: 1.5rem;
    }
}