/* MyEureka Premium Home - édition l'Akadémie : page de leçon Tutor LMS 4 (maquette l'Akadémie).
   Habillage de l'espace d'apprentissage de Tutor (body.meph-lp-on, classe MyEureka_Lesson_Layout) : barre du haut avec
   badge, carte « Votre parcours » (progression, chapitres numérotés, leçons à pictogramme et statut), en-tête
   « Leçon X / Y », lecteur arrondi, onglets Résumé / Mes remarques / À noter, menu « Plus », navigation inférieure.
   Même système que la page de cours (variables --me-* du design system, mode sombre). Préfixe meph-lp-.
   Réglages : Premium Home > Rubriques en plus > Page de leçon (option meph_lesson_page). */
body.meph-lp-on{
  --lp-bg:var(--me-bg,#f6f7fc);--lp-card:var(--me-surface,#fff);--lp-soft:var(--me-surface-2,#f3f4fd);--lp-soft-2:var(--me-primary-soft,#eceefe);
  --lp-line:var(--me-border,#e7e8f5);--lp-ink:var(--me-text,#27275d);--lp-ink-2:var(--me-text-2,#4a4b7a);--lp-ink-3:var(--me-text-3,#6b6d93);
  --lp-pri:var(--me-primary,#3f48cb);--lp-pri-2:var(--me-primary-hover,#3740c5);--lp-on:var(--me-on-primary,#fff);
  --lp-green:#1fb985;--lp-green-2:#16a273;--lp-green-soft:#e3f7ef;--lp-green-ink:#13996c;--lp-gold:var(--me-accent-gold,#fec300);
  --lp-shadow:0 12px 32px rgba(var(--me-brand-deep-rgb,39,39,93),.06);--lp-shadow-2:0 18px 40px rgba(var(--me-brand-deep-rgb,39,39,93),.10);
  --lp-r:20px;--lp-vr:20px;--lp-sw:clamp(300px,25vw,390px);--lp-cw:1360px;--lp-t:.2s;
  --lp-font:var(--me-font,"Quicksand"),"Quicksand",-apple-system,"Segoe UI",sans-serif;
  --lp-display:var(--me-font-display,"Quicksand"),"Quicksand",-apple-system,"Segoe UI",sans-serif
}
html[data-meph-theme-resolved="dark"] body.meph-lp-on{--lp-green-soft:rgba(31,185,133,.16);--lp-green-ink:#5fe0b0;--lp-shadow:0 12px 32px rgba(0,0,0,.25);--lp-shadow-2:0 18px 40px rgba(0,0,0,.32)}
body.meph-lp-on .tutor-learning-area{background:var(--lp-bg)!important;color:var(--lp-ink);font-family:var(--lp-font)}
body.meph-lp-on .tutor-learning-area .meph-lp-svg{display:block;flex:0 0 auto}
body.meph-lp-on .tutor-learning-area .meph-lp-src{display:none!important}

/* ------------------------------------------------------------ Barre du haut */
body.meph-lp-on .tutor-learning-header{background:var(--lp-card)!important;border-bottom:1px solid var(--lp-line);box-shadow:0 6px 20px rgba(var(--me-brand-deep-rgb,39,39,93),.04);padding:10px 16px}
body.meph-lp-on .tutor-learning-header-content{display:flex;align-items:center;gap:14px;min-width:0}
body.meph-lp-on .tutor-learning-header-back a{width:40px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:12px;border:1px solid var(--lp-line);background:var(--lp-card);color:var(--lp-ink)!important;transition:background-color var(--lp-t) ease,border-color var(--lp-t) ease,color var(--lp-t) ease,transform var(--lp-t) ease}
body.meph-lp-on .tutor-learning-header-back a:hover{background:var(--lp-soft-2);border-color:transparent;color:var(--lp-pri)!important;transform:translateX(-2px)}
body.meph-lp-on .tutor-learning-header-back a svg{width:18px;height:18px}
body.meph-lp-on .tutor-learning-header-title{font-family:var(--lp-display)!important;font-size:17px!important;font-weight:800!important;color:var(--lp-ink)!important;letter-spacing:-.3px;line-height:1.3;margin:0!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.meph-lp-on .meph-lp-badge{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:6px 12px;border-radius:999px;background:var(--lp-soft-2);color:var(--lp-pri);font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}
body.meph-lp-on .meph-lp-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--lp-pri)}
body.meph-lp-on .meph-lp-badge i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--lp-pri);opacity:0;animation:meph-lp-pulse 2s ease-out infinite}
@keyframes meph-lp-pulse{0%{transform:scale(.5);opacity:.6}100%{transform:scale(1.4);opacity:0}}
body.meph-lp-on .tutor-learning-header .tutor-btn-secondary{border-radius:12px!important;border:1px solid var(--lp-line)!important;background:var(--lp-card)!important;color:var(--lp-ink-2)!important;font-weight:700;gap:8px}
body.meph-lp-on .tutor-learning-header .tutor-btn-secondary:not(.disabled):not([disabled]){background:var(--lp-pri)!important;border-color:var(--lp-pri)!important;color:var(--lp-on)!important}
body.meph-lp-on .tutor-learning-header .tutor-btn-secondary:not(.disabled):not([disabled]):hover{background:var(--lp-pri-2)!important}
body.meph-lp-on .tutor-learning-header .tutor-btn-secondary.disabled,body.meph-lp-on .tutor-learning-header .tutor-btn-secondary[disabled]{opacity:.75}
body.meph-lp-on .meph-lp-toc{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;height:40px;padding:0 14px!important;border-radius:12px!important;border:1px solid var(--lp-line)!important;background:var(--lp-card)!important;color:var(--lp-pri)!important;font-weight:700;font-size:13.5px}
body.meph-lp-on .meph-lp-toc:hover{background:var(--lp-soft-2)!important}
body.meph-lp-on .tutor-learning-header-toggle-mobile{width:auto!important;min-width:0;flex:0 0 auto;margin-left:auto}

/* ---------------------------------------------------------------- Colonnes */
@media (min-width:993px){
  body.meph-lp-on .tutor-learning-area:not(.is-fullscreen) .tutor-learning-area-body{grid-template-columns:var(--lp-sw) minmax(0,1fr)!important}
  body.meph-lp-on .tutor-learning-area.is-fullscreen .tutor-learning-area-body{grid-template-columns:0 minmax(0,1fr)!important}
  body.meph-lp-on .tutor-learning-sidebar{width:var(--lp-sw)!important;padding:20px 0 20px 20px!important;gap:14px!important}
  body.meph-lp-on .tutor-learning-area-container{padding:22px 32px 0 28px!important;max-width:var(--lp-cw)!important;margin:0!important}
  body.meph-lp-on .is-fullscreen .tutor-learning-area-container{margin:0 auto!important;padding-left:76px!important}
}

/* ------------------------------------------------- Carte « Votre parcours » */
body.meph-lp-on .tutor-learning-sidebar .tutor-learning-sidebar-curriculum{background:var(--lp-card)!important;border:1px solid var(--lp-line);border-radius:var(--lp-r)!important;box-shadow:var(--lp-shadow);overflow:hidden auto;scrollbar-width:thin;scrollbar-color:var(--lp-line) transparent}
body.meph-lp-on .meph-lp-side-head{display:flex;align-items:center;gap:12px;padding:18px 18px 4px}
body.meph-lp-on .meph-lp-side-ic{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--lp-soft-2);color:var(--lp-pri)}
body.meph-lp-on .meph-lp-side-t{min-width:0;flex:1 1 auto}
body.meph-lp-on .meph-lp-side-t strong{display:block;font-family:var(--lp-display);font-size:16.5px;font-weight:800;color:var(--lp-ink);letter-spacing:-.3px;line-height:1.25}
body.meph-lp-on .meph-lp-side-t small{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--lp-ink-3)}
body.meph-lp-on .meph-lp-collapse{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;padding:0;border-radius:11px;border:1px solid var(--lp-line);background:var(--lp-card);color:var(--lp-ink-2);cursor:pointer;transition:background-color var(--lp-t) ease,color var(--lp-t) ease,border-color var(--lp-t) ease}
body.meph-lp-on .meph-lp-collapse:hover{background:var(--lp-soft-2);border-color:transparent;color:var(--lp-pri)}
body.meph-lp-on .meph-lp-collapse:focus-visible,body.meph-lp-on .meph-lp-item:focus-visible,body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header:focus-visible{outline:3px solid var(--me-focus-ring,rgba(63,72,203,.35));outline-offset:2px}
body.meph-lp-on .tutor-learning-sidebar-curriculum .tutor-learning-progress{padding:14px 18px 16px!important;gap:10px!important;border-bottom:1px solid var(--lp-line)}
body.meph-lp-on .meph-lp-prog{display:flex!important;align-items:baseline;justify-content:space-between;gap:10px;width:100%;padding:0!important;font-family:var(--lp-font)!important;font-size:13px!important;color:var(--lp-ink-2)!important}
body.meph-lp-on .tutor-learning-progress-content{flex:1 1 auto}
body.meph-lp-on .meph-lp-prog-l{font-style:normal;font-weight:700}
body.meph-lp-on .meph-lp-prog .meph-lp-prog-v{font-family:var(--lp-display);font-size:18px;font-weight:800;color:var(--lp-pri)}
body.meph-lp-on .tutor-learning-progress .tutor-progress-bar{height:8px!important;border-radius:999px!important;background:var(--lp-soft-2)!important;overflow:hidden}
body.meph-lp-on .tutor-learning-progress .tutor-progress-bar-fill{background:linear-gradient(90deg,var(--lp-pri),#6c74e6)!important;border-radius:999px!important}

/* Chapitres */
body.meph-lp-on .tutor-learning-nav{padding:10px 10px 14px!important;display:flex;flex-direction:column;gap:6px}
body.meph-lp-on .meph-lp-topic{border-radius:16px;border:1px solid transparent;transition:background-color var(--lp-t) ease,border-color var(--lp-t) ease}
body.meph-lp-on .meph-lp-topic.expanded{background:var(--lp-soft);border-color:var(--lp-line)}
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"num title arrow" "num meta arrow";column-gap:12px;row-gap:2px;align-items:center;padding:12px!important;border-radius:16px;cursor:pointer;background:transparent!important;transition:background-color var(--lp-t) ease}
body.meph-lp-on .meph-lp-topic:not(.expanded) .tutor-learning-nav-header:hover{background:var(--lp-soft)!important}
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header-progress{grid-area:num;position:relative;display:grid;place-items:center;width:36px;height:36px}
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header-progress>div:not(.meph-lp-tnum){position:absolute;inset:0;display:grid;place-items:center}
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header-progress .tutor-statics{width:36px;height:36px;display:grid;place-items:center}
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header-progress .tutor-statics svg{width:36px!important;height:36px!important}
body.meph-lp-on .meph-lp-tnum{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lp-card);color:var(--lp-ink);font-family:var(--lp-display);font-size:13px;font-weight:800;line-height:1}
body.meph-lp-on .meph-lp-topic.is-current .meph-lp-tnum{background:var(--lp-pri);color:var(--lp-on)}
/* Chapitre terminé : pastille verte à coche blanche, anneau de progression de Tutor en vert clair. */
body.meph-lp-on .meph-lp-topic.is-done .meph-lp-tnum{background:#1eba85;color:#fff}
body.meph-lp-on .meph-lp-topic.is-done .tutor-statics circle{stroke:#a7e6cf!important;fill:#e3f7ef!important}
html[data-meph-theme-resolved="dark"] body.meph-lp-on .meph-lp-topic.is-done .tutor-statics circle{stroke:rgba(31,185,133,.45)!important;fill:transparent!important}
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header-title{grid-area:title;font-family:var(--lp-display)!important;font-size:14px!important;font-weight:700!important;color:var(--lp-ink)!important;line-height:1.3!important;white-space:normal!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.meph-lp-on .meph-lp-tmeta{grid-area:meta;font-size:12px;font-weight:600;color:var(--lp-ink-3);line-height:1.3}
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header-actions{grid-area:arrow}
/* Flèche des chapitres : Tutor la masque (display:none) et ne l'affiche qu'au survol, ce qui rétrécit le titre et le fait
   passer sur deux lignes au passage de la souris. Sa place est réservée en permanence ; seule son opacité change. */
body.meph-lp-on .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .meph-lp-topic .tutor-learning-nav-header-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;width:auto;min-width:28px;margin:0!important;opacity:0;transition:opacity var(--lp-t) ease}
body.meph-lp-on .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .meph-lp-topic .tutor-learning-nav-header:is(:hover,:focus-visible) .tutor-learning-nav-header-actions,body.meph-lp-on .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .meph-lp-topic.expanded .tutor-learning-nav-header-actions{opacity:1}
@media (hover:none){body.meph-lp-on .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .meph-lp-topic .tutor-learning-nav-header-actions{opacity:1}}
/* 3.15.5 : résumé du chapitre (icône info de Tutor) à côté de la flèche, sans la comprimer */
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header-summary{flex:0 0 auto;display:grid;place-items:center;width:22px;height:28px;color:var(--lp-ink-3)}
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header-summary .tutor-tooltip-wrap{display:grid;place-items:center}
body.meph-lp-on .meph-lp-topic .tutor-learning-nav-header-arrow{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--lp-ink-3);transition:transform .25s ease,background-color var(--lp-t) ease,color var(--lp-t) ease}
body.meph-lp-on .meph-lp-topic.expanded .tutor-learning-nav-header-arrow{background:var(--lp-card);color:var(--lp-pri)}
body.meph-lp-on .tutor-learning-nav-body{padding:0 8px!important}
body.meph-lp-on .meph-lp-topic.expanded .tutor-learning-nav-body>*:last-child{margin-bottom:8px}

/* Leçons */
body.meph-lp-on .meph-lp-item{position:relative;display:grid!important;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;margin:2px 0;padding:10px 12px 10px 10px!important;border-radius:12px;color:var(--lp-ink)!important;background:transparent!important;border:0!important;box-shadow:none!important;transition:background-color var(--lp-t) ease,transform var(--lp-t) ease}
body.meph-lp-on .meph-lp-item::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:background-color var(--lp-t) ease}
body.meph-lp-on .meph-lp-item:hover{background:var(--lp-card)!important;transform:translateX(2px)}
body.meph-lp-on .meph-lp-item.is-current{background:var(--lp-soft-2)!important;box-shadow:inset 0 0 0 1px rgba(var(--me-brand-rgb,63,72,203),.18)!important}
body.meph-lp-on .meph-lp-item.is-current::before{background:var(--lp-pri)}
body.meph-lp-on .meph-lp-item .meph-lp-item-ic svg,body.meph-lp-on .meph-lp-tnum svg{color:inherit!important;stroke:currentColor}
body.meph-lp-on .tutor-learning-sidebar,body.meph-lp-on .tutor-learning-sidebar .meph-lp-item,body.meph-lp-on .tutor-learning-sidebar .meph-lp-item *{font-family:var(--lp-font)!important}
body.meph-lp-on .tutor-learning-sidebar .tutor-btn-secondary{border-radius:12px!important;border:1px solid var(--lp-line)!important;background:var(--lp-card)!important;color:var(--lp-ink-2)!important;font-weight:700}
body.meph-lp-on .meph-lp-item-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lp-card);border:1px solid var(--lp-line);color:var(--lp-ink-3)}
body.meph-lp-on .meph-lp-item.is-done .meph-lp-item-ic{background:var(--lp-green);border-color:var(--lp-green);color:#fff}
body.meph-lp-on .meph-lp-item.is-current .meph-lp-item-ic{background:var(--lp-pri);border-color:var(--lp-pri);color:var(--lp-on)}
body.meph-lp-on .meph-lp-item.is-current.is-done .meph-lp-item-ic{box-shadow:0 0 0 3px rgba(var(--me-brand-rgb,63,72,203),.18)}
body.meph-lp-on .meph-lp-item.is-locked{opacity:.62}
body.meph-lp-on .meph-lp-item.is-locked .meph-lp-item-ic{background:var(--lp-soft)}
body.meph-lp-on .meph-lp-item-body{min-width:0;display:flex;flex-direction:column;gap:2px}
body.meph-lp-on .meph-lp-item-body>div:first-child{font-size:13.5px;font-weight:600;line-height:1.35;color:var(--lp-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.meph-lp-on .meph-lp-item.is-current .meph-lp-item-body>div:first-child{font-weight:800;color:var(--lp-pri)}
body.meph-lp-on .meph-lp-item-meta{font-size:11.5px;font-weight:600;color:var(--lp-ink-3);line-height:1.3}
body.meph-lp-on .meph-lp-item.is-done .meph-lp-item-meta{color:var(--lp-green-ink)}
body.meph-lp-on .meph-lp-item.is-current .meph-lp-item-meta{color:var(--lp-pri)}
/* Quiz non réussi (formation pas encore validée) */
body.meph-lp-on .meph-lp-item.is-failed .meph-lp-item-ic{background:#fff6dc;border-color:#f9e6a8;color:#a77300}
body.meph-lp-on .meph-lp-item.is-failed .meph-lp-item-meta{color:#a77300;font-weight:700}
body.meph-lp-on .meph-lp-alert{display:flex;align-items:flex-start;gap:8px;margin:2px 0 0!important;padding:10px 12px;border-radius:12px;background:#fff6dc;border:1px solid #f9e6a8;color:#8a5f00;font-size:12.5px;font-weight:600;line-height:1.45}
body.meph-lp-on .meph-lp-alert .meph-lp-svg{margin-top:1px}
body.meph-lp-on .meph-lp-alert a{color:inherit!important;font-weight:800;text-decoration:underline!important;text-underline-offset:3px}
body.meph-lp-on .meph-lp-meta li.is-failed,body.meph-lp-on .meph-lp-meta li.is-failed .meph-lp-svg{color:#a77300}
html[data-meph-theme-resolved="dark"] body.meph-lp-on .meph-lp-alert,html[data-meph-theme-resolved="dark"] body.meph-lp-on .meph-lp-item.is-failed .meph-lp-item-ic{background:#3a3018;border-color:#5a4a1e;color:#ffcf70}
html[data-meph-theme-resolved="dark"] body.meph-lp-on .meph-lp-item.is-failed .meph-lp-item-meta,html[data-meph-theme-resolved="dark"] body.meph-lp-on .meph-lp-meta li.is-failed,html[data-meph-theme-resolved="dark"] body.meph-lp-on .meph-lp-meta li.is-failed .meph-lp-svg{color:#ffcf70}
body.meph-lp-on .meph-lp-item-dur{font-size:11.5px;font-weight:700;color:var(--lp-ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}

/* Menu « Plus » (Ressources, Annonces, Avis, Cours en direct, Carnet de notes, Infos sur le cours) */
body.meph-lp-on .tutor-learning-sidebar-pages{background:var(--lp-card)!important;border:1px solid var(--lp-line);border-radius:16px!important;box-shadow:var(--lp-shadow);padding:6px!important;min-height:0}
body.meph-lp-on .tutor-learning-pages{gap:4px}
body.meph-lp-on .tutor-learning-pages .tutor-learning-pages-item{display:flex!important;align-items:center;gap:10px;min-height:42px;padding:0 12px!important;border-radius:11px!important;color:var(--lp-ink-2)!important;font-family:var(--lp-font)!important;font-size:13.5px!important;font-weight:700!important;background:transparent;transition:background-color var(--lp-t) ease,color var(--lp-t) ease}
body.meph-lp-on .tutor-learning-pages .tutor-learning-pages-item svg{color:var(--lp-pri);width:18px;height:18px;flex:0 0 18px}
body.meph-lp-on .tutor-learning-pages .tutor-learning-pages-item:hover,body.meph-lp-on .tutor-learning-pages .tutor-learning-pages-item.active,body.meph-lp-on .tutor-learning-pages .tutor-learning-pages-item.is-active{background:var(--lp-soft-2)!important;color:var(--lp-pri)!important}
body.meph-lp-on .tutor-learning-pages .tutor-popover{background:var(--lp-card)!important;border:1px solid var(--lp-line)!important;border-radius:16px!important;box-shadow:var(--lp-shadow-2)!important;padding:6px!important;min-width:230px}
body.meph-lp-on .tutor-learning-pages .tutor-popover-body{display:flex;flex-direction:column;gap:2px;padding:0!important}
body.meph-lp-on .tutor-learning-pages .tutor-popover .tutor-learning-pages-item{width:100%}

/* Parcours réduit : bouton de réouverture (bouton plein écran de Tutor) */
body.meph-lp-on .meph-lp-reopen{display:none!important}
body.meph-lp-on .meph-lp-reopen-l{display:none}
@media (min-width:993px){
  body.meph-lp-on .is-fullscreen .tutor-learning-sidebar .meph-lp-reopen{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;height:42px!important;padding:0 16px 0 12px!important;border-radius:999px!important;border:1px solid var(--lp-line)!important;background:var(--lp-card)!important;color:var(--lp-pri)!important;font-weight:700;font-size:13.5px;box-shadow:var(--lp-shadow-2);transform:translateX(calc(var(--lp-sw) + 8px))!important;top:auto!important;bottom:96px!important;left:0!important;position:absolute!important}
  body.meph-lp-on .is-fullscreen .tutor-learning-sidebar .meph-lp-reopen:hover{background:var(--lp-soft-2)!important}
  body.meph-lp-on .is-fullscreen .meph-lp-reopen .meph-lp-reopen-l{display:inline}
  body.meph-lp-on .is-fullscreen .tutor-learning-sidebar-pages{opacity:0;pointer-events:none}
}

@media (min-width:993px) and (max-width:1439px){
  body.meph-lp-on .is-fullscreen .meph-lp-reopen .meph-lp-reopen-l{display:none!important}
  body.meph-lp-on .is-fullscreen .tutor-learning-sidebar .meph-lp-reopen{padding:0!important;width:42px!important;justify-content:center}
}

/* ------------------------------------------------- En-tête de la leçon */
body.meph-lp-on .meph-lp-head{margin:4px 0 18px}
body.meph-lp-on .meph-lp-head-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 10px}
body.meph-lp-on .meph-lp-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--lp-soft-2);color:var(--lp-pri);font-size:12.5px;font-weight:800;line-height:1.2;letter-spacing:.2px}
body.meph-lp-on .meph-lp-chapter{font-size:12.5px;font-weight:700;color:var(--lp-ink-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
body.meph-lp-on .meph-lp-title{font-family:var(--lp-display)!important;font-size:clamp(22px,2.2vw,30px)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.5px;color:var(--lp-ink)!important;margin:0 0 10px!important;padding:0!important}
body.meph-lp-on .meph-lp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;list-style:none;margin:0!important;padding:0!important}
body.meph-lp-on .meph-lp-meta li{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:13.5px;font-weight:700;color:var(--lp-ink-2)}
body.meph-lp-on .meph-lp-meta li .meph-lp-svg{color:var(--lp-pri)}
body.meph-lp-on .meph-lp-meta li.is-done,body.meph-lp-on .meph-lp-meta li.is-done .meph-lp-svg{color:var(--lp-green-ink)}
body.meph-lp-on .meph-lp-meta li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--lp-line);margin-right:6px}

/* ------------------------------------------------------------ Lecteur */
body.meph-lp-on .tutor-lesson-content{background:transparent!important}
body.meph-lp-on .tutor-lesson-content-tab{background:transparent!important;border:0!important}
body.meph-lp-on .tutor-lesson-video-wrapper{border:0!important;margin:0 0 18px!important;padding:0!important;background:transparent!important}
body.meph-lp-on .tutor-lesson-video-wrapper .tutor-video-player{border-radius:var(--lp-vr)!important;overflow:hidden!important;background:#0f1033;box-shadow:var(--lp-shadow-2);isolation:isolate}
body.meph-lp-on .tutor-lesson-video-wrapper .plyr{border-radius:var(--lp-vr)}
body.meph-lp-on .tutor-lesson-video-wrapper .plyr--fullscreen-active,body.meph-lp-on .tutor-lesson-video-wrapper .plyr:fullscreen{border-radius:0}
body.meph-lp-on .tutor-lesson-video-wrapper .plyr__control--overlaid{background:var(--lp-pri)!important;box-shadow:0 12px 30px rgba(var(--me-brand-rgb,63,72,203),.45);padding:22px!important}
body.meph-lp-on .tutor-lesson-video-wrapper .plyr__control--overlaid:hover{background:var(--lp-pri-2)!important}
body.meph-lp-on .tutor-lesson-video-wrapper .plyr--video .plyr__control:hover,body.meph-lp-on .tutor-lesson-video-wrapper .plyr--video .plyr__control[aria-expanded=true]{background:var(--lp-pri)!important}
body.meph-lp-on .tutor-lesson-video-wrapper .plyr{--plyr-color-main:var(--lp-pri)}
/* Autres contenus (H5P, SCORM, xAPI, documents intégrés) : format réel, simple cadre arrondi. */
body.meph-lp-on .tutor-lesson-wrapper iframe,body.meph-lp-on .tutor-lesson-wrapper .h5p-iframe-wrapper,body.meph-lp-on .tutor-lesson-wrapper .h5p-content{max-width:100%;border-radius:14px}

/* ------------------------------------------------------------ Onglets */
body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-nav{display:flex!important;align-items:center;flex-wrap:nowrap;gap:6px;padding:6px!important;margin:0!important;background:var(--lp-card);border:1px solid var(--lp-line)!important;border-radius:16px;box-shadow:var(--lp-shadow);overflow-x:auto;scrollbar-width:none}
body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-nav::-webkit-scrollbar{display:none}
body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-nav::after,body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-nav::before{display:none!important}
body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-tab,body.meph-lp-on #tutor-lesson-nav-take-note-btn{position:relative;display:inline-flex!important;align-items:center;gap:8px;flex:0 0 auto;height:42px!important;min-height:42px;padding:0 16px!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:var(--lp-ink-2)!important;font-family:var(--lp-font)!important;font-size:14px!important;font-weight:700!important;line-height:1!important;white-space:nowrap;cursor:pointer;transition:background-color var(--lp-t) ease,color var(--lp-t) ease}
body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-tab::after,body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-tab::before{display:none!important}
body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-tab:hover,body.meph-lp-on #tutor-lesson-nav-take-note-btn:hover{background:var(--lp-soft)!important;color:var(--lp-ink)!important}
body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-tab.tutor-tabs-tab-active,body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-tab[aria-selected=true]{background:var(--lp-soft-2)!important;color:var(--lp-pri)!important}
body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-tab .tutor-icon,body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-tab svg,body.meph-lp-on #tutor-lesson-nav-take-note-btn svg{color:currentColor;width:18px;height:18px}
body.meph-lp-on .tutor-tabs-nav #tutor-lesson-nav-take-note-btn{position:static!important;inset:auto!important;transform:none!important;align-self:center}
body.meph-lp-on #tutor-lesson-nav-take-note-btn{margin-left:auto!important;color:var(--lp-pri)!important;border:1px dashed rgba(var(--me-brand-rgb,63,72,203),.35)!important}
body.meph-lp-on #tutor-lesson-nav-take-note-btn .tutor-sm-hidden{display:inline}
body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-content{margin:16px 0 0;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:var(--lp-r);box-shadow:var(--lp-shadow);overflow:hidden}
body.meph-lp-on .tutor-lesson-content-tab .tutor-tab-panel{padding:28px 30px!important}
body.meph-lp-on .tutor-lesson-wrapper{font-size:15.5px;line-height:1.7;color:var(--lp-ink-2)}
body.meph-lp-on .tutor-lesson-wrapper h1,body.meph-lp-on .tutor-lesson-wrapper h2,body.meph-lp-on .tutor-lesson-wrapper h3,body.meph-lp-on .tutor-lesson-wrapper h4{font-family:var(--lp-display);color:var(--lp-ink);letter-spacing:-.3px;line-height:1.3;margin:1.3em 0 .5em}
body.meph-lp-on .tutor-lesson-wrapper>*:first-child{margin-top:0}
body.meph-lp-on .tutor-lesson-wrapper a{color:var(--lp-pri);font-weight:700;text-decoration:underline;text-decoration-color:rgba(var(--me-brand-rgb,63,72,203),.3);text-underline-offset:3px}
body.meph-lp-on .tutor-lesson-wrapper a:hover{text-decoration-color:var(--lp-pri)}
body.meph-lp-on .tutor-lesson-wrapper ul li::marker{color:var(--lp-pri)}
body.meph-lp-on .tutor-lesson-wrapper img{max-width:100%;height:auto;border-radius:14px}
body.meph-lp-on .tutor-lesson-wrapper blockquote{margin:1.2em 0;padding:14px 18px;border-left:4px solid var(--lp-gold);background:var(--lp-soft);border-radius:0 12px 12px 0}
/* Remarques et notes : formulaires de Tutor */
body.meph-lp-on .tutor-learning-area-notes textarea,body.meph-lp-on .tutor-lesson-note-form-wrapper textarea,body.meph-lp-on .tutor-learning-area-notes input[type=text]{border:1px solid var(--lp-line)!important;border-radius:12px!important;background:var(--lp-soft)!important;color:var(--lp-ink)!important;font-family:var(--lp-font)!important}
body.meph-lp-on .tutor-learning-area-notes textarea:focus,body.meph-lp-on .tutor-lesson-note-form-wrapper textarea:focus{border-color:var(--lp-pri)!important;box-shadow:0 0 0 3px rgba(var(--me-brand-rgb,63,72,203),.15)!important;background:var(--lp-card)!important;outline:0}
body.meph-lp-on .tutor-learning-area .tutor-btn-primary{background:var(--lp-pri)!important;border-color:var(--lp-pri)!important;color:var(--lp-on)!important;border-radius:12px!important;font-weight:700}
body.meph-lp-on .tutor-learning-area .tutor-btn-primary:hover{background:var(--lp-pri-2)!important;border-color:var(--lp-pri-2)!important}
body.meph-lp-on .tutor-lesson-note-form-wrapper{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:18px!important;box-shadow:var(--lp-shadow-2);max-height:calc(100dvh - 32px);overflow:auto;z-index:1000000!important}
/* Fenêtre « À noter » : au-dessus du minuteur Pomodoro ; boutons et aide clavier rangés proprement quand l'aide
   « Cmd/Ctrl + Entrée » apparaît à la première lettre (aide sur sa ligne, boutons dessous à droite, sans césure). */
body.meph-lp-on .tutor-lesson-note-form-title{font-family:var(--lp-display)!important;font-weight:800!important;color:var(--lp-ink)!important}
body.meph-lp-on .tutor-lesson-notes-form-buttons{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:10px 16px!important;margin-top:16px!important}
body.meph-lp-on .tutor-lesson-notes-form-key-hint:not(.tutor-d-none){display:inline-flex!important;flex:1 1 auto;align-items:center;gap:6px!important;white-space:nowrap;font-size:12px!important;line-height:1.2!important;color:var(--lp-ink-3)!important;margin-right:auto}
body.meph-lp-on .tutor-lesson-notes-form-key-hint svg{width:14px;height:14px;flex:0 0 14px}
body.meph-lp-on .tutor-lesson-notes-form-buttons>div:last-child{display:flex!important;flex:0 0 auto;flex-wrap:nowrap!important;align-items:center;gap:8px!important;margin-left:auto}
body.meph-lp-on .tutor-lesson-notes-form-buttons .tutor-btn{white-space:nowrap!important;height:42px!important;min-height:42px;padding:0 18px!important;border-radius:12px!important;font-size:14px!important;font-weight:700!important;line-height:1!important;width:auto!important}
body.meph-lp-on .tutor-lesson-notes-form-buttons .tutor-btn-ghost{color:var(--lp-ink-2)!important;background:transparent!important;border:1px solid var(--lp-line)!important}
body.meph-lp-on .tutor-lesson-notes-form-buttons .tutor-btn-ghost:hover{background:var(--lp-soft)!important;color:var(--lp-ink)!important}
@media (max-width:420px){body.meph-lp-on .tutor-lesson-notes-form-buttons>div:last-child{width:100%}body.meph-lp-on .tutor-lesson-notes-form-buttons .tutor-btn{flex:1 1 auto}}

/* ------------------------------------------------- Navigation inférieure */
body.meph-lp-on .tutor-learning-area-footer.meph-lp-foot{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0 20px!important;padding:12px!important;background:var(--lp-card)!important;border:1px solid var(--lp-line)!important;border-radius:18px!important;box-shadow:var(--lp-shadow-2);position:relative!important;bottom:auto!important;width:auto!important;max-width:none!important;box-sizing:border-box}
/* Option « barre collée en bas » */
body.meph-lp-on.meph-lp-sticky .tutor-learning-area-footer.meph-lp-foot{position:sticky!important;bottom:14px!important;z-index:5}
body.meph-lp-on .meph-lp-foot>a,body.meph-lp-on .meph-lp-foot .meph-lp-complete{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;height:46px!important;min-height:46px;padding:0 20px!important;border-radius:12px!important;font-family:var(--lp-font)!important;font-size:14px!important;font-weight:700!important;line-height:1!important;white-space:nowrap;text-decoration:none!important;transition:background-color var(--lp-t) ease,color var(--lp-t) ease,border-color var(--lp-t) ease,transform var(--lp-t) ease,box-shadow var(--lp-t) ease}
body.meph-lp-on .meph-lp-foot .meph-lp-prev{justify-self:start;border:1.5px solid var(--lp-pri)!important;background:var(--lp-card)!important;color:var(--lp-pri)!important}
body.meph-lp-on .meph-lp-foot .meph-lp-prev:hover{background:var(--lp-soft-2)!important;transform:translateX(-2px)}
body.meph-lp-on .meph-lp-foot .meph-lp-next{justify-self:end;grid-column:3;border:1.5px solid var(--lp-pri)!important;background:var(--lp-pri)!important;color:var(--lp-on)!important;box-shadow:0 10px 22px rgba(var(--me-brand-rgb,63,72,203),.26)}
body.meph-lp-on .meph-lp-foot .meph-lp-next:hover{background:var(--lp-pri-2)!important;border-color:var(--lp-pri-2)!important;transform:translateX(2px)}
body.meph-lp-on .meph-lp-foot .meph-lp-s{display:none}
body.meph-lp-on .meph-lp-foot form{grid-column:2;margin:0!important;display:flex;justify-content:center}
body.meph-lp-on .meph-lp-foot .meph-lp-complete{position:relative;width:auto!important;min-width:220px;border:0!important;background:var(--lp-green)!important;color:#fff!important;box-shadow:0 10px 22px rgba(31,185,133,.28);cursor:pointer;overflow:hidden}
body.meph-lp-on .meph-lp-foot .meph-lp-complete:hover:not([disabled]){background:var(--lp-green-2)!important;transform:translateY(-1px)}
body.meph-lp-on .meph-lp-foot .meph-lp-complete.completed,body.meph-lp-on .meph-lp-foot .meph-lp-complete[disabled]{background:var(--lp-green-soft)!important;color:var(--lp-green-ink)!important;box-shadow:inset 0 0 0 1.5px rgba(31,185,133,.35);cursor:default;opacity:1!important}
body.meph-lp-on .meph-lp-foot .meph-lp-complete.tutor-btn-loading{color:transparent!important}
body.meph-lp-on .meph-lp-complete .meph-lp-complete-ic{display:grid;place-items:center;flex:0 0 18px!important;width:18px!important;height:18px!important;padding:0!important;margin:0!important}
body.meph-lp-on .meph-lp-complete .meph-lp-complete-ic,body.meph-lp-on .meph-lp-complete .meph-lp-complete-ic svg{position:static!important;inset:auto!important;transform:none!important;color:currentColor!important;opacity:1!important;background:none!important;border:0!important;box-shadow:none!important}
body.meph-lp-on .meph-lp-complete .meph-lp-complete-l{flex:0 1 auto!important;width:auto!important;text-align:center}
body.meph-lp-on .meph-lp-foot>a[style*="hidden"]{pointer-events:none}
/* Quiz : « Continuer la leçon » et autres pieds de Tutor */
body.meph-lp-on .tutor-learning-area-footer.meph-lp-foot-single{background:transparent!important;border:0!important;box-shadow:none!important}

/* ------------------------------------------------------------ Quiz */
body.meph-lp-on .tutor-quiz-intro{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:var(--lp-r);box-shadow:var(--lp-shadow);padding:28px!important}
body.meph-lp-on .tutor-quiz-intro-icon{color:var(--lp-pri)}
body.meph-lp-on .tutor-quiz-intro-title{font-family:var(--lp-display)!important;color:var(--lp-ink)!important;font-weight:800!important;letter-spacing:-.4px}
body.meph-lp-on .tutor-quiz-intro-params,body.meph-lp-on .tutor-quiz-attempts{border-color:var(--lp-line)!important;border-radius:16px!important;overflow:hidden}
body.meph-lp-on .tutor-quiz-attempts-header{background:var(--lp-soft)!important;color:var(--lp-ink-2)!important;font-weight:700}

/* ------------------------------------------------------------ Tablette */
@media (min-width:993px) and (max-width:1199px){
  body.meph-lp-on{--lp-sw:300px}
  body.meph-lp-on .tutor-learning-area-container{padding:18px 20px 0!important}
  body.meph-lp-on .meph-lp-foot>a,body.meph-lp-on .meph-lp-foot .meph-lp-complete{padding:0 14px!important}
  body.meph-lp-on .meph-lp-foot .meph-lp-complete{min-width:0}
  body.meph-lp-on .meph-lp-foot .meph-lp-l{display:none}
  body.meph-lp-on .meph-lp-foot .meph-lp-s{display:inline}
}

/* ------------------------------------------------- Mobile : panneau pédagogique */
@media (max-width:992px){
  body.meph-lp-on .tutor-learning-sidebar{left:auto!important;right:0!important;width:min(420px,100%)!important;background:var(--lp-bg)!important;padding:12px!important;gap:12px!important;box-shadow:none!important}
  /* Fermé : entièrement hors écran (Tutor laissait dépasser une bande à droite). */
  body.meph-lp-on .tutor-learning-sidebar:not(.is-open){transform:translateX(calc(100% + 24px))!important;visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s!important}
  body.meph-lp-on .tutor-learning-sidebar.is-open{transform:none!important;visibility:visible;box-shadow:-20px 0 50px rgba(20,20,60,.22)!important;transition:transform .3s ease!important}
  body.meph-lp-on .tutor-learning-sidebar>.tutor-hidden.tutor-lg-flex{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:16px;padding:10px 10px 10px 16px!important;gap:10px}
  body.meph-lp-on .tutor-learning-sidebar>.tutor-hidden.tutor-lg-flex .tutor-learning-header-title{font-size:15px!important;flex:1 1 auto}
  body.meph-lp-on .tutor-learning-sidebar>.tutor-hidden.tutor-lg-flex button{width:38px;height:38px;border-radius:11px!important;border:1px solid var(--lp-line)!important}
  body.meph-lp-on .tutor-learning-sidebar .meph-lp-collapse{display:none}
  body.meph-lp-on .tutor-learning-area-container{padding:16px 16px 0!important}
  body.meph-lp-on .meph-lp-badge{padding:5px 10px;font-size:11.5px}
}
@media (max-width:767px){
  body.meph-lp-on .tutor-learning-header{padding:8px 12px}
  body.meph-lp-on .tutor-learning-header-content{gap:10px}
  body.meph-lp-on .tutor-learning-header-title{font-size:15px!important}
  body.meph-lp-on .meph-lp-badge span{display:none}
  body.meph-lp-on .meph-lp-badge{padding:8px}
  body.meph-lp-on .meph-lp-toc-l{display:none}
  body.meph-lp-on .meph-lp-toc{padding:0 11px!important}
  body.meph-lp-on .meph-lp-head{margin:0 0 14px}
  body.meph-lp-on .meph-lp-title{font-size:21px!important}
  body.meph-lp-on .meph-lp-chapter{flex:1 1 100%}
  body.meph-lp-on .tutor-lesson-video-wrapper{margin:0 -16px 16px!important}
  body.meph-lp-on .tutor-lesson-video-wrapper .tutor-video-player,body.meph-lp-on .tutor-lesson-video-wrapper .plyr{border-radius:0!important}
  body.meph-lp-on .tutor-lesson-content-tab .tutor-tabs-tab,body.meph-lp-on #tutor-lesson-nav-take-note-btn{padding:0 12px!important;font-size:13px!important;height:40px!important;min-height:40px}
  body.meph-lp-on .tutor-lesson-content-tab .tutor-tab-panel{padding:20px 18px!important}
  body.meph-lp-on .tutor-learning-area-footer.meph-lp-foot{grid-template-columns:auto 1fr auto;gap:8px;padding:8px!important;margin:14px 0 12px!important;bottom:8px!important;border-radius:16px!important}
  body.meph-lp-on .meph-lp-foot>a{width:46px!important;min-width:46px!important;flex:0 0 46px;padding:0!important}
  body.meph-lp-on .tutor-lesson-content>.tutor-learning-area-footer.meph-lp-foot{margin-left:16px!important;margin-right:16px!important}
  body.meph-lp-on .meph-lp-foot>a .meph-lp-l,body.meph-lp-on .meph-lp-foot>a .meph-lp-s{display:none!important}
  body.meph-lp-on .meph-lp-foot form{min-width:0}
  body.meph-lp-on .meph-lp-foot .meph-lp-complete{min-width:0;width:100%!important;padding:0 12px!important;font-size:13.5px!important}
  body.meph-lp-on .meph-lp-foot .meph-lp-complete-l{overflow:hidden;text-overflow:ellipsis}
  body.meph-lp-on .tutor-quiz-intro{padding:20px 16px!important}
}

@media (prefers-reduced-motion:reduce){
  body.meph-lp-on .meph-lp-badge i::after{animation:none}
  body.meph-lp-on .meph-lp-item,body.meph-lp-on .meph-lp-foot>a,body.meph-lp-on .tutor-learning-header-back a{transition:none}
}
