.mp-wrap{--mp-ink:#282F36;--mp-card:#FFFCF8;--mp-border:#F0DFD0;--mp-line:#F5E8DB;--mp-accent:#AF2E0B;--mp-orange:#EB623A;--mp-tint:#FDE2D1;--mp-outline:#D3B9A5;
	font-family:'Lexend',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--mp-ink);font-size:16px;line-height:1.5;max-width:1200px;margin:0 auto;padding:32px 20px 64px;box-sizing:border-box}
.mp-wrap *,.mp-wrap *::before,.mp-wrap *::after{box-sizing:border-box}
.mp-wrap a{text-decoration:none}

/* Titres */
.mp-h1{margin:0;font-size:38px;line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--mp-ink)}
.mp-h1--lesson{font-size:32px;line-height:1.2;margin-top:8px}
.mp-h2{margin:0;font-size:21px;line-height:1.25;font-weight:700;color:var(--mp-ink)}
.mp-h2--section{font-size:28px;margin:0 0 20px}
.mp-h3{margin:0;font-size:19px;line-height:1.3;font-weight:700;color:var(--mp-ink)}
.mp-lead{margin:12px 0 0;font-size:18px;color:var(--mp-ink)}
.mp-lead p{margin:0}
.mp-sub{font-size:14px;color:var(--mp-ink)}
.mp-note{font-size:14px;color:var(--mp-ink)}
.mp-eyebrow{font-size:14px;font-weight:600;color:var(--mp-accent)}
.mp-wrap section+section{margin-top:56px}
.mp-hero{margin-bottom:40px}

/* Cartes et boutons */
.mp-card{background:var(--mp-card);border:1px solid var(--mp-border);border-radius:16px;overflow:hidden}
.mp-pad{padding:28px;display:flex;flex-direction:column;gap:12px}
.mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;transition:opacity .15s}
.mp-btn:hover{opacity:.9}
.mp-btn:disabled{opacity:.6;cursor:wait}
.mp-btn--primary{background:var(--mp-accent);color:#fff!important}
.mp-btn--outline{background:var(--mp-card);border-color:var(--mp-outline);color:var(--mp-ink)!important}
.mp-btn--tint{background:var(--mp-tint);color:var(--mp-accent)!important;min-height:44px}
.mp-wrap a:focus-visible,.mp-btn:focus-visible{outline:3px solid var(--mp-orange);outline-offset:2px}

/* Barre de progression */
.mp-bar{height:8px;border-radius:99px;background:#F4DECE;overflow:hidden;width:100%}
.mp-bar span{display:block;height:100%;border-radius:99px;background:var(--mp-orange)}

/* Vignettes */
.mp-thumb{display:flex;align-items:flex-end;padding:20px;font-weight:700;font-size:52px;line-height:1;letter-spacing:-.02em;min-height:140px;background-size:cover;background-position:center}
.mp-thumb--big{min-height:240px;flex:1 1 280px;font-size:96px;padding:32px;background-color:#363F49;color:#FF8B48}

/* Reprendre */
.mp-continue{display:flex;flex-wrap:wrap;background:var(--mp-card);border:1px solid var(--mp-border);border-radius:20px;overflow:hidden}
.mp-continue-body{flex:2 1 400px;padding:36px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.mp-continue-body .mp-h2{font-size:28px}
.mp-continue-body p{margin:0}
.mp-continue-bar{display:flex;flex-direction:column;gap:8px;max-width:520px}

/* Grille de produits */
.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.mp-pcard{display:flex;flex-direction:column}
.mp-pcard-body{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1}
.mp-pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}

/* Listes de fichiers */
.mp-list{padding:0}
.mp-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--mp-line)}
.mp-row:last-child{border-bottom:none}
.mp-chip{min-width:64px;height:40px;padding:0 10px;border-radius:10px;background:var(--mp-tint);color:var(--mp-accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.04em}
.mp-row-main{flex:1 1 220px;min-width:0}
.mp-row-title{font-size:16px;font-weight:600;word-break:break-word}
.mp-row-sub{font-size:14px;margin-top:2px}

/* Connexion et état vide */
.mp-login{max-width:460px;margin:24px auto}
.mp-login form{display:flex;flex-direction:column;gap:14px;margin-top:20px;padding:28px;background:var(--mp-card);border:1px solid var(--mp-border);border-radius:16px}
.mp-login label{font-weight:600;font-size:15px;display:block;margin-bottom:6px}
.mp-login input[type=text],.mp-login input[type=password]{width:100%;min-height:48px;padding:0 16px;border-radius:10px;border:1px solid var(--mp-outline);background:#fff;font:inherit;color:var(--mp-ink)}
.mp-login .login-remember label{display:flex;align-items:center;gap:8px;font-weight:500}
.mp-login input[type=submit]{width:100%;min-height:50px;border:none;border-radius:12px;background:var(--mp-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.mp-login a{color:var(--mp-accent)}
.mp-login p{margin:0 0 12px}
.mp-empty{padding:32px}
.mp-empty p{margin:12px 0 0}

/* Lecteur */
.mp-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.mp-topbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.mp-topbar-title{font-size:20px;font-weight:700}
.mp-topbar-right{display:flex;align-items:center;gap:12px}
.mp-topbar-right .mp-bar{width:140px}
.mp-player{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.mp-player-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:28px}
.mp-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;background:#282F36;overflow:hidden}
.mp-video iframe,.mp-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.mp-video--empty{display:flex;align-items:center;justify-content:center;color:#FFC3A0;font-weight:500}
.mp-actions{display:flex;flex-wrap:wrap;gap:12px}
.mp-prose p{margin:0 0 12px}
.mp-prose p:last-child{margin-bottom:0}

.mp-side{flex:1 1 320px;min-width:0;padding:20px 12px 12px;display:flex;flex-direction:column;gap:4px}
.mp-side-head{padding:0 12px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.mp-module-title{padding:16px 12px 6px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.mp-lesson-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:10px;color:var(--mp-ink)!important}
.mp-lesson-link svg{flex:none}
.mp-lesson-link:hover{background:#FFF6ED}
.mp-lesson-link.is-current{background:var(--mp-tint)}
.mp-lesson-title{flex:1;min-width:0;font-size:15px;font-weight:500;line-height:1.35}
.mp-lesson-dur{flex:none;font-size:13px}

@media (max-width:600px){
	.mp-h1{font-size:30px}
	.mp-h1--lesson{font-size:26px}
	.mp-h2--section{font-size:24px}
	.mp-continue-body{padding:24px}
	.mp-row{padding:16px}
}