/* Mandragore Learning Academy — Help finition V4.15
   Renforce le relief et revoit les fonds des pages Help.
   Conserve les tailles, les graisses et les contenus. */
:root{
 --ml-editorial-text:#263445;
 --ml-editorial-muted:#344256;
 --ml-editorial-border:#b6c9dc;
 --ml-editorial-shadow:0 8px 28px rgba(15,35,60,.10),0 2px 6px rgba(15,35,60,.05);
 --ml-editorial-shadow-soft:0 4px 14px rgba(15,35,60,.07),0 1px 3px rgba(15,35,60,.04);
 --ml-editorial-surface:#fafaf7;
 --ml-editorial-surface-2:#f3f7fb;
 --ml-editorial-page:#eaf1f7;
 --ml-editorial-page-2:#eef4f9;
}
html,body{
 background:linear-gradient(180deg,var(--ml-editorial-page) 0%, var(--ml-editorial-page-2) 100%);
}
/* Page d'accueil Help */
.wrap .intro,
.wrap .card{
 background:var(--ml-editorial-surface);
 border:1px solid var(--ml-editorial-border);
 box-shadow:var(--ml-editorial-shadow);
}
.wrap .card p,.wrap .intro p{color:var(--ml-editorial-text);}
.wrap .card{display:flex;flex-direction:column;align-items:flex-start;}
.wrap .card .cta{margin-top:auto;}

/* Guides détaillés : panneaux principaux */
.shell > .nav,
.shell main > .card{
 background:var(--ml-editorial-surface-2);
 border:1px solid var(--ml-editorial-border);
 border-radius:16px;
 box-shadow:var(--ml-editorial-shadow);
}
.shell main > .card{margin-bottom:20px;}
.shell main > .card > p,
.shell main > .card > ul,
.shell main > .card > ol,
.shell main > .card li,
.shell main > .card figcaption,
.shell .nav a,
.shell .nav li,
.shell .nav summary{color:var(--ml-editorial-text);}

/* V4.16 : toutes les rubriques utilisent le meme fond bleu pale que Compte individuel.
   Le guide Workspace reprend le fond et le relief du guide Apprenant.
   La structure est differente : .hero-card / .chapter contiennent des .subcard. */
.shell main > .hero-card,
.shell main > .chapter{
 background:var(--ml-editorial-surface-2) !important;
 border:1px solid var(--ml-editorial-border) !important;
 border-radius:16px !important;
 box-shadow:var(--ml-editorial-shadow) !important;
}
/* Les sous-rubriques Workspace sont bleu pale, pas blanches. */
.shell main .subcard{
 background:var(--ml-editorial-surface-2) !important;
 border-color:var(--ml-editorial-border) !important;
 box-shadow:var(--ml-editorial-shadow-soft) !important;
}
.shell main .subcard{
 border-radius:14px !important;
}
.shell main .subcard .subcard{
 background:var(--ml-editorial-surface-2) !important;
 border:1px solid #d7e2ec !important;
 border-radius:12px !important;
 padding:16px !important;
 margin:14px 0 0 !important;
 box-shadow:var(--ml-editorial-shadow-soft) !important;
}
.shell .card .note,
.shell .tip,
.shell .next,
.shell .warning-alert,
.shell .credit-alert,
.shell .bdc-a11y-note{
 box-shadow:var(--ml-editorial-shadow-soft);
}
/* Maintenir les contrastes des notes d'avertissement et des messages positifs. */
.shell .card .note.warn{color:#6d5009;}
.shell .card .note.good{color:#225f38;}

/* Uniformité des bordures sur les blocs de captures */
.shell main .screen{border-radius:12px !important;}

@media(max-width:760px){
 html,body{background:var(--ml-editorial-page-2);}
 .wrap .intro,.wrap .card,
 .shell > .nav,
 .shell main > .card,
 .shell main > .hero-card,
 .shell main > .chapter{box-shadow:0 3px 12px rgba(15,35,60,.08) !important;}
 .shell main .subcard,
 .shell main .subcard .subcard,
 .shell main .screen{box-shadow:0 2px 8px rgba(15,35,60,.06) !important;}
}

/* V4.16 — pas de fond superpose sur les captures et tableaux pedagogiques. */
.shell main .screen{background:#fff !important;box-shadow:none !important;border-color:#d5dde5 !important;}
.shell main .credits-help-scroll{background:transparent !important;box-shadow:none !important;}
.shell main .credits-help-table{background:transparent !important;box-shadow:none !important;}