/* Fransou · Marketing v2 (17/10/2026) · thème Encre, repris de la maquette validée (_marketing-higgsfield-16oct/maquette/v2.css).
   Tout est sous .mk2 : rien ne touche aux autres pages. Rien sous 12 px, cibles de 44 px, un seul bouton plein par écran.
   Interface en Encre et Blanc ; texte secondaire #BCC6C9, filets #536066 ; trois teintes de données pour la médiathèque.
   Les polices sont celles que Devis et factures v2 sert déjà (/factures-v2/fonts/). */
@font-face{font-family:'Fransou Texte';src:url('/factures-v2/fonts/FransouTexte-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Fransou Texte';src:url('/factures-v2/fonts/FransouTexte-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Fransou Texte';src:url('/factures-v2/fonts/FransouTexte-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
.mk2{
  --encre:#0C181C; --blanc:#FFFFFF; --sec:#BCC6C9; --filet:#536066; --sec-clair:#536066;
  --d1:#4C8FD6; --d2:#D0743F; --d3:#2FA382;
  --police:'Fransou Texte',system-ui,sans-serif;
  --r-pastille:4px; --r-champ:6px; --r-bouton:8px; --r-carte:12px;
  position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;z-index:1;
  background:var(--encre);color:var(--blanc);font:400 15px/1.55 var(--police);font-synthesis:none;font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;text-align:left;letter-spacing:normal
}
.mk2 *,.mk2 *::before,.mk2 *::after{box-sizing:border-box}
.mk2 a{color:inherit;text-decoration:none}
.mk2 button,.mk2 input,.mk2 textarea,.mk2 select{font:inherit;color:inherit;letter-spacing:normal;margin:0}
.mk2 button{cursor:pointer;background:transparent;border:0;padding:0;text-align:inherit}
.mk2 button:disabled{cursor:default;opacity:.55}
.mk2 img{display:block;max-width:100%}
.mk2 svg{width:20px;height:20px;flex:none}
.mk2 h1,.mk2 h2,.mk2 h3,.mk2 p,.mk2 ul{margin:0}
.mk2 ul{list-style:none;padding:0}
.mk2 :focus-visible{outline:2px solid var(--blanc);outline-offset:3px}
.mk2 .m2-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk2 .m2-chargement{padding:28px 40px;color:var(--sec)}

/* En-tête et espaces */
.mk2 .m2-entete{display:flex;align-items:center;justify-content:space-between;gap:24px;height:60px;padding:0 40px;border-bottom:1px solid var(--filet)}
.mk2 .m2-gauche{display:flex;align-items:center;gap:28px;min-width:0}
.mk2 .m2-sig{display:inline-flex;align-items:center;min-height:44px}
.mk2 .m2-sig img{height:20px;width:auto}
.mk2 .m2-ariane{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--sec);white-space:nowrap}
.mk2 .m2-ariane a:hover{color:var(--blanc)}
.mk2 .m2-ariane b{font-weight:500;color:var(--blanc)}
.mk2 .m2-ariane i{font-style:normal}
.mk2 .m2-espaces{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:0 40px;border-bottom:1px solid var(--filet)}
.mk2 .m2-espaces nav{display:flex;gap:4px}
.mk2 .m2-espaces nav a{display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:0 14px;color:var(--sec);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.mk2 .m2-espaces nav a .m2-ic{display:contents}
.mk2 .m2-espaces nav a svg{width:18px;height:18px;order:0}
.mk2 .m2-espaces nav a .m2-nom{order:1}
.mk2 .m2-espaces nav a .m2-n{order:2}
.mk2 .m2-espaces nav a .m2-court{display:none}
.mk2 .m2-n{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--filet);border-radius:10px;font-size:12px;font-weight:600;color:var(--blanc);padding:0 5px}
.mk2 .m2-espaces nav a.m2-actif{color:var(--blanc);border-bottom-color:var(--blanc)}
.mk2 .m2-espaces nav a:hover{color:var(--blanc)}
.mk2 .m2-credit-puce{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--sec);white-space:nowrap}
.mk2 .m2-credit-puce b{color:var(--blanc);font-weight:600;font-size:14px}
.mk2 .m2-mini-seg{display:inline-grid;grid-template-columns:repeat(20,4px);gap:2px;margin-left:10px}
.mk2 .m2-mini-seg i{height:12px;border-radius:1px;background:var(--blanc)}
.mk2 .m2-mini-seg i.r{background:var(--filet)}
.mk2 .m2-barre-tel{display:none}

/* Page */
.mk2 .m2-page{max-width:1240px;margin:0 auto;padding:30px 48px 64px;animation:m2-arrive .18s cubic-bezier(.2,.7,.2,1)}
@keyframes m2-arrive{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mk2 .m2-page{animation:none}}
.mk2 .m2-retour{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:14px;font-weight:500;color:var(--sec);margin:-6px 0 6px}
.mk2 .m2-retour svg{width:16px;height:16px}
.mk2 .m2-sous-onglets{display:flex;gap:28px;border-bottom:1px solid var(--filet);margin:-6px 0 26px}
.mk2 .m2-sous-onglets a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--sec);font-weight:500;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.mk2 .m2-sous-onglets a b{font-weight:600;font-size:13px}
.mk2 .m2-sous-onglets a.m2-actif{color:var(--blanc);border-bottom-color:var(--blanc)}
.mk2 .m2-surtitre{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sec);margin-bottom:8px}
.mk2 .m2-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:26px}
.mk2 .m2-texte{min-width:0}
.mk2 .m2-tete .m2-actions{flex:none}
.mk2 h1{font-size:32px;line-height:1.15;font-weight:600;letter-spacing:-.015em}
.mk2 .m2-sous{font-size:16px;color:var(--sec);margin-top:8px;max-width:720px}
.mk2 .m2-note{font-size:13px;line-height:1.5;color:var(--sec)}
.mk2 h2{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sec);margin-bottom:12px}
.mk2 h3{font-size:15px;font-weight:600;line-height:1.35;margin-bottom:12px}
.mk2 .m2-squelette{display:flex;flex-direction:column;gap:14px}
.mk2 .m2-squelette i{display:block;height:120px;border:1px solid var(--filet);border-radius:var(--r-carte);opacity:.6}

/* Boutons, liens */
.mk2 .m2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--r-bouton);border:1px solid var(--filet);color:var(--blanc);font:500 15px/1.2 var(--police);white-space:nowrap;cursor:pointer}
.mk2 .m2-btn:hover{border-color:var(--blanc)}
.mk2 .m2-btn.m2-plein{background:var(--blanc);border-color:var(--blanc);color:var(--encre);font-weight:600;min-height:48px;padding:12px 22px}
.mk2 .m2-btn.m2-petit{font-size:14px;min-height:40px;padding:8px 13px}
.mk2 .m2-btn svg{width:18px;height:18px}
.mk2 .m2-lien{display:inline-flex;align-items:center;gap:6px;min-height:32px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;font-weight:500;white-space:nowrap}
.mk2 .m2-lien svg{width:16px;height:16px}
.mk2 .m2-ic-lien{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--sec)}
.mk2 .m2-ic-lien svg{width:16px;height:16px}
.mk2 .m2-fleche{display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap}
.mk2 .m2-fleche svg{width:16px;height:16px}
.mk2 .m2-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mk2 .m2-dire{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:16px;max-width:min(640px,calc(100vw - 32px));padding:12px 16px;background:var(--encre);border:1px solid var(--blanc);border-radius:var(--r-bouton);font-size:14px;box-shadow:0 8px 28px rgba(0,0,0,.4)}

/* Cartes, pastilles, champs */
.mk2 .m2-carte{border:1px solid var(--filet);border-radius:var(--r-carte);padding:22px;min-width:0}
.mk2 .m2-carte.m2-forte{border-color:var(--blanc)}
.mk2 .m2-carte.m2-calme{opacity:.6}
.mk2 .m2-carte-t{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.mk2 .m2-carte-t h2{margin:0}
.mk2 .m2-etat{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px 0 7px;border:1px solid var(--filet);border-radius:var(--r-pastille);font-size:13px;font-weight:500;white-space:nowrap;color:var(--sec)}
.mk2 .m2-etat svg{width:14px;height:14px}
.mk2 .m2-etat.m2-fort{border-color:var(--blanc);color:var(--blanc);font-weight:600}
.mk2 .m2-saisie{display:block;width:100%;padding:12px 14px;background:transparent;border:1px solid var(--filet);border-radius:var(--r-champ);font-size:15px;line-height:1.55;color:var(--blanc)}
.mk2 .m2-saisie:focus{border-color:var(--blanc);outline:none}
.mk2 textarea.m2-saisie{resize:vertical;min-height:110px}
.mk2 select.m2-saisie option{background:var(--encre);color:var(--blanc)}
.mk2 .m2-champ-l{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.mk2 .m2-champ-l:first-child{margin-top:0}
.mk2 .m2-champ-l label,.mk2 .m2-lbl{font-size:13px;color:var(--sec)}
.mk2 .m2-gros{font-size:32px;line-height:1.1;font-weight:500;letter-spacing:-.015em;white-space:nowrap}
.mk2 .m2-moyen{font-size:22px;line-height:1.2;font-weight:500;white-space:nowrap}

/* Filtres */
.mk2 .m2-filtres{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.mk2 .m2-droite{margin-left:auto}
.mk2 .m2-pager{display:flex;align-items:center;gap:18px;font-size:14px}
.mk2 .m2-segm{display:inline-flex;border:1px solid var(--filet);border-radius:var(--r-bouton);padding:2px;gap:2px}
.mk2 .m2-segm button{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:6px;font-size:13px;color:var(--sec);font-weight:500;white-space:nowrap}
.mk2 .m2-segm button.m2-actif{background:var(--blanc);color:var(--encre)}
.mk2 .m2-recherche{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid var(--filet);border-radius:var(--r-champ);color:var(--sec);font-size:13px;min-width:260px}
.mk2 .m2-recherche svg{width:16px;height:16px}
.mk2 .m2-saisie-nue{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--blanc);font-size:14px;min-height:38px}

/* Cette semaine */
.mk2 .m2-semaine{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.mk2 .m2-jour{display:flex;flex-direction:column;gap:8px;min-width:0}
.mk2 .m2-jt{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--sec);padding:0 2px 6px;border-bottom:1px solid var(--filet)}
.mk2 .m2-jt b{color:var(--blanc);font-weight:600}
.mk2 .m2-pile,.mk2 .m2-pile-l{display:flex;flex-direction:column;gap:8px}
.mk2 .m2-pile-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mk2 .m2-post{display:flex;flex-direction:column;border:1px solid var(--filet);border-radius:var(--r-carte);overflow:hidden;min-width:0;background:var(--encre)}
.mk2 .m2-post:hover{border-color:var(--blanc)}
.mk2 .m2-vis{position:relative;aspect-ratio:4/3;overflow:hidden}
.mk2 .m2-vis img{width:100%;height:100%;object-fit:cover}
.mk2 .m2-vis-vide{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;border-bottom:1px dashed var(--filet);font-size:13px;color:var(--sec)}
.mk2 .m2-vis-vide.m2-grand{aspect-ratio:4/5;border:1px dashed var(--filet);border-radius:var(--r-carte)}
.mk2 .m2-duree{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 5px;border-radius:var(--r-pastille);background:var(--encre);font-size:12px;font-weight:600}
.mk2 .m2-duree svg{width:12px;height:12px}
.mk2 .m2-pc{display:flex;flex-direction:column;gap:4px;padding:10px 11px 12px}
.mk2 .m2-h{font-size:12px;color:var(--sec);display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}
.mk2 .m2-sujet{font-size:14px;font-weight:500;line-height:1.35}
.mk2 .m2-rr{font-size:12px;color:var(--sec)}
.mk2 .m2-trou{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border:1px dashed var(--filet);border-radius:var(--r-carte);font-size:13px;color:var(--sec);min-height:150px}
.mk2 .m2-a-placer{margin-top:24px}
.mk2 .m2-reperes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px;border-top:1px solid var(--filet)}
.mk2 .m2-repere{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;padding:16px 22px 4px 0}
.mk2 .m2-repere + .m2-repere{padding-left:22px;border-left:1px solid var(--filet)}
.mk2 .m2-rt{font-size:14px}
.mk2 .m2-rs{font-size:14px;color:var(--sec)}
.mk2 .m2-repere .m2-fleche{grid-column:1/3;font-size:13px;color:var(--sec);margin-top:6px;min-height:32px}
.mk2 .m2-pub-grille{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.mk2 .m2-apercus{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.mk2 .m2-approche{flex-basis:100%}
.mk2 .m2-ap-col{display:flex;flex-direction:column;gap:10px;width:340px;max-width:100%}
.mk2 .m2-ap-et{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sec);font-weight:600}
.mk2 .m2-papier{background:#FFFFFF;color:#191919;border-radius:10px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-variant-numeric:normal}
.mk2 .m2-papier svg{width:20px;height:20px}
.mk2 .m2-ap-av{width:40px;height:40px;border-radius:4px;background:#0C181C;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:none}
.mk2 .m2-ap-av.m2-rond{width:32px;height:32px;border-radius:50%;font-size:12px}
.mk2 .m2-ap-img{display:block;width:100%;object-fit:cover}
.mk2 .m2-ap-vide{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#EFEFEF;color:#737373;font-size:13px}
.mk2 .m2-t{white-space:pre-wrap;overflow-wrap:anywhere}
.mk2 .m2-plus{color:#666666;font-weight:500}
.mk2 .m2-li-tete{display:flex;gap:10px;align-items:center;padding:12px 14px 6px}
.mk2 .m2-li-tete b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.mk2 .m2-li-m{display:flex;align-items:center;gap:4px;font-size:12px;color:#666666}
.mk2 .m2-li-m svg{width:12px;height:12px}
.mk2 .m2-li-texte{padding:4px 14px 10px;font-size:14px;line-height:1.43}
.mk2 .m2-li-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 6px;border-top:1px solid #E8E8E8}
.mk2 .m2-li-actions span{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;font-size:12px;font-weight:600;color:#666666;padding:10px 0}
.mk2 .m2-li-actions svg{width:16px;height:16px}
.mk2 .m2-ig-tete{display:flex;align-items:center;gap:10px;padding:10px 12px}
.mk2 .m2-ig-tete b{flex:1;font-size:13px;font-weight:600}
.mk2 .m2-ig-actions{display:flex;gap:14px;padding:10px 12px 4px}
.mk2 .m2-ig-actions svg{width:22px;height:22px}
.mk2 .m2-ig-actions .m2-d{margin-left:auto;display:inline-flex}
.mk2 .m2-ig-legende{padding:2px 12px 4px;font-size:13px;line-height:1.45}
.mk2 .m2-ig-legende b{font-weight:600;display:inline}
.mk2 .m2-papier p,.mk2 .m2-papier span{letter-spacing:normal}
.mk2 .m2-ig-date{padding:0 12px 12px;font-size:12px;color:#737373}
.mk2 .m2-refus{padding:10px 12px;border:1px dashed var(--blanc);border-radius:var(--r-champ);font-size:13px;line-height:1.45}
.mk2 .m2-visu img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-carte);border:1px solid var(--filet)}
.mk2 .m2-visu .m2-note{margin-top:8px}
.mk2 .m2-pub-milieu{display:flex;flex-direction:column;gap:12px;max-width:640px}
.mk2 .m2-pub-milieu h2{margin:8px 0 0}
.mk2 .m2-aide{font-size:13px;color:var(--sec);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mk2 .m2-puces{display:flex;gap:8px;flex-wrap:wrap}
.mk2 .m2-puce{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid var(--filet);border-radius:17px;font-size:13px;font-weight:500}
.mk2 .m2-puce.m2-on{border-color:var(--blanc)}
.mk2 .m2-kv{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--filet);font-size:14px}
.mk2 .m2-kv > span:first-child{color:var(--sec)}
.mk2 .m2-texte-post{padding:14px 16px;border:1px solid var(--filet);border-radius:var(--r-champ);font-size:15px;line-height:1.6;white-space:pre-wrap}
.mk2 .m2-confirmer{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px dashed var(--blanc);border-radius:var(--r-champ)}

/* Studio */
.mk2 .m2-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.mk2 .m2-type{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;text-align:left;width:100%}
.mk2 button.m2-type:hover{border-color:var(--blanc)}
.mk2 .m2-type .m2-ic-b{width:38px;height:38px;border:1px solid var(--filet);border-radius:var(--r-champ);display:inline-flex;align-items:center;justify-content:center;flex:none}
.mk2 .m2-type b{display:block;font-weight:600}
.mk2 .m2-type span span{font-size:13px;color:var(--sec)}
.mk2 .m2-creer-grille{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start;margin-bottom:26px}
.mk2 .m2-photos-r{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.mk2 .m2-ph{position:relative;aspect-ratio:1;border-radius:var(--r-champ);overflow:hidden;border:1px solid var(--filet);font-size:12px;color:var(--sec)}
.mk2 .m2-ph img{width:100%;height:100%;object-fit:cover}
.mk2 .m2-ph.m2-pris{border:2px solid var(--blanc)}
.mk2 .m2-no{position:absolute;left:6px;top:6px;width:22px;height:22px;border-radius:11px;background:var(--encre);color:var(--blanc);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.mk2 .m2-cout{display:flex;flex-direction:column;gap:12px}
.mk2 .m2-cout h2{margin:0}
.mk2 .m2-ligne{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:9px 0;border-bottom:1px solid var(--filet)}
.mk2 .m2-ligne span:first-child{color:var(--sec)}
.mk2 .m2-cout .m2-btn.m2-plein{width:100%}
.mk2 .m2-section{margin-top:8px}
.mk2 .m2-journal li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:4px 14px;padding:12px 0;border-bottom:1px solid var(--filet);align-items:baseline;font-size:14px}
.mk2 .m2-journal li:last-child{border-bottom:0}
.mk2 .m2-q{font-size:12px;color:var(--sec)}
.mk2 .m2-s{display:block;font-size:12px;color:var(--sec)}
.mk2 .m2-m{font-weight:600;text-align:right;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.mk2 .m2-m .m2-s{font-weight:400}
.mk2 .m2-vignettes-l{display:flex;gap:6px;margin-top:8px}
.mk2 .m2-vignettes-l img{width:52px;height:52px;object-fit:cover;border-radius:4px;border:1px solid var(--filet)}

/* Crédit */
.mk2 .m2-credit-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:start}
.mk2 .m2-col{display:flex;flex-direction:column;gap:18px}
.mk2 .m2-jauge{display:flex;flex-direction:column;gap:12px}
.mk2 .m2-seg{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px}
.mk2 .m2-seg i{height:10px;border-radius:2px;background:var(--blanc)}
.mk2 .m2-seg i.r{background:var(--filet)}
.mk2 .m2-seg-leg{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--sec)}
.mk2 .m2-barres li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;font-size:14px}
.mk2 .m2-bl{color:var(--sec)}
.mk2 .m2-bb{display:block;height:10px;border-radius:2px;background:rgba(255,255,255,.06)}
.mk2 .m2-bb i{display:block;height:100%;border-radius:2px;background:var(--blanc);min-width:2px}

/* Médiathèque */
.mk2 .m2-med-grille{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.mk2 .m2-vignettes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mk2 .m2-vg{display:flex;flex-direction:column;gap:6px;min-width:0}
.mk2 .m2-im{position:relative;display:block;aspect-ratio:1;border-radius:var(--r-champ);overflow:hidden;border:1px solid var(--filet)}
.mk2 .m2-vg:hover .m2-im{border-color:var(--blanc)}
.mk2 .m2-im img{width:100%;height:100%;object-fit:cover}
.mk2 .m2-sans{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:13px;color:var(--sec)}
.mk2 .m2-lg{display:flex;flex-direction:column;font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk2 .m2-lg span{font-size:12px;color:var(--sec)}
.mk2 .m2-empile{display:flex;height:14px;border-radius:3px;overflow:hidden;gap:2px;margin:16px 0 14px}
.mk2 .m2-d1{background:var(--d1)} .mk2 .m2-d2{background:var(--d2)} .mk2 .m2-d3{background:var(--d3)}
.mk2 .m2-legende li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:var(--sec)}
.mk2 .m2-legende li i{width:10px;height:10px;border-radius:2px;flex:none}
.mk2 .m2-legende li b{margin-left:auto;color:var(--blanc);font-weight:600}
.mk2 .m2-photo-g img{width:100%;max-height:560px;object-fit:contain;border-radius:var(--r-carte);border:1px solid var(--filet);background:#000}

/* Avis */
.mk2 .m2-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--filet);border-radius:var(--r-carte);margin-bottom:20px}
.mk2 .m2-kpi{display:flex;flex-direction:column;gap:4px;padding:16px 20px;min-width:0}
.mk2 .m2-kpi + .m2-kpi{border-left:1px solid var(--filet)}
.mk2 .m2-v{font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-.015em;white-space:nowrap}
.mk2 .m2-cmp{font-size:12px;color:var(--sec)}
.mk2 .m2-avis-l{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--filet)}
.mk2 .m2-avis-l:last-child{border-bottom:0}
.mk2 .m2-avis-l:hover .m2-qui b{text-decoration:underline;text-underline-offset:4px}
.mk2 .m2-avatar{width:40px;height:40px;border-radius:20px;border:1px solid var(--filet);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:none}
.mk2 .m2-t{min-width:0;display:flex;flex-direction:column}
.mk2 .m2-qui{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mk2 .m2-qui .m2-s{display:inline}
.mk2 .m2-extrait{font-size:13px;color:var(--sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk2 .m2-etoiles{display:inline-flex;gap:1px;vertical-align:middle}
.mk2 .m2-etoiles svg{width:14px;height:14px}
.mk2 .m2-vide-e{color:var(--filet);display:inline-flex}
.mk2 .m2-reponse-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}
.mk2 .m2-reponse-grille .m2-carte{display:flex;flex-direction:column;gap:12px}
.mk2 .m2-avis-tx{font-size:16px;line-height:1.6}
.mk2 .m2-ia-ligne{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
.mk2 .m2-ia-ligne svg{width:18px;height:18px;margin-top:1px}
.mk2 .m2-compte{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--sec)}
.mk2 .m2-barre-actions{padding-top:14px;border-top:1px solid var(--filet)}
.mk2 .m2-qui .m2-s{display:flex;align-items:center;gap:6px}
.mk2 .m2-dm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:14px;align-items:start;padding:11px 4px;border-bottom:1px solid var(--filet);font-size:14px}
.mk2 .m2-dm:last-child{border-bottom:0}
.mk2 .m2-vide{padding:24px 0}

/* Téléphone */
@media (max-width:760px){
  .mk2{padding-bottom:76px}
  .mk2 .m2-entete{height:56px;padding:0 20px}
  .mk2 .m2-ariane{display:none}
  .mk2 .m2-espaces{padding:0 20px}
  .mk2 .m2-espaces nav{display:none}
  .mk2 .m2-credit-puce{min-height:44px;width:100%;justify-content:space-between}
  .mk2 .m2-credit-puce{gap:8px}
  .mk2 .m2-mini-seg{grid-template-columns:repeat(20,3px);margin-left:4px}
  .mk2 .m2-barre-tel{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 2px;border-top:1px solid var(--filet);background:var(--encre)}
  .mk2 .m2-barre-tel a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:68px;font-size:12px;color:var(--sec);font-weight:500;border-top:2px solid transparent;margin-top:-1px}
  .mk2 .m2-barre-tel a.m2-actif{color:var(--blanc);border-top-color:var(--blanc)}
  .mk2 .m2-barre-tel .m2-nom{display:none}
  .mk2 .m2-barre-tel .m2-ic{position:relative;display:inline-flex}
  .mk2 .m2-barre-tel .m2-ic svg{width:22px;height:22px}
  .mk2 .m2-barre-tel .m2-n{position:absolute;top:-6px;right:-12px;min-width:18px;height:18px;border:0;border-radius:9px;background:var(--blanc);color:var(--encre);padding:0 4px}
  .mk2 .m2-page{padding:22px 20px 40px}
  .mk2 .m2-sous-onglets{gap:20px;overflow-x:auto;scrollbar-width:none;margin:-6px -20px 20px;padding:0 20px}
  .mk2 h1{font-size:26px}
  .mk2 .m2-sous{font-size:15px}
  .mk2 .m2-tete{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:22px}
  .mk2 .m2-tete .m2-actions{flex-direction:column;align-items:stretch}
  .mk2 .m2-tete .m2-actions .m2-btn{width:100%}
  .mk2 .m2-carte{padding:18px}
  .mk2 .m2-filtres{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px 14px;padding:0 20px}
  .mk2 .m2-droite{margin-left:0}
  .mk2 .m2-recherche{min-width:200px}
  .mk2 .m2-semaine{grid-template-columns:minmax(0,1fr);gap:0}
  .mk2 .m2-jour{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--filet)}
  .mk2 .m2-jt{flex-direction:column;justify-content:flex-start;gap:2px;border:0;padding:4px 0}
  .mk2 .m2-post{flex-direction:row}
  .mk2 .m2-post .m2-vis{width:96px;flex:none;aspect-ratio:auto;min-height:96px}
  .mk2 .m2-post .m2-vis-vide{border-bottom:0;border-right:1px dashed var(--filet)}
  .mk2 .m2-trou{min-height:0;padding:10px}
  .mk2 .m2-pile-l{grid-template-columns:minmax(0,1fr)}
  .mk2 .m2-reperes{grid-template-columns:minmax(0,1fr);margin-top:16px}
  .mk2 .m2-repere,.mk2 .m2-repere + .m2-repere{padding:12px 0;border-left:0;border-bottom:1px solid var(--filet)}
  .mk2 .m2-repere .m2-fleche{display:none}
  .mk2 .m2-pub-grille,.mk2 .m2-creer-grille,.mk2 .m2-credit-grille,.mk2 .m2-med-grille,.mk2 .m2-reponse-grille{grid-template-columns:minmax(0,1fr);gap:14px}
  .mk2 .m2-visu{max-width:260px}
  .mk2 .m2-types{grid-template-columns:minmax(0,1fr);gap:8px}
  .mk2 .m2-type{padding:12px 14px}
  .mk2 .m2-photos-r{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mk2 .m2-vignettes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk2 .m2-kpis{grid-template-columns:minmax(0,1fr)}
  .mk2 .m2-kpi + .m2-kpi{border-left:0;border-top:1px solid var(--filet)}
  .mk2 .m2-barres li{grid-template-columns:110px minmax(0,1fr) auto}
  .mk2 .m2-dm{grid-template-columns:minmax(0,1fr)}
  .mk2 .m2-dire{bottom:88px}
}

/* ═══ Habillage du 17/10 (consignes du fondateur) ═══════════════════════════════════════════════════════════════════
   Fond Encre bleu marine et ses nuances ; beaucoup d'air, une idée par bloc, de grandes images ; Fransou Forme pour le seul
   grand titre, Fransou Texte partout ailleurs ; des formes (cadres arrondis ou découpés, anneaux, pastilles) ; quelques
   accents de couleur dosés dans les formes, les étiquettes et les chiffres clés (aqua : information, corail : à faire,
   ocre : la médiathèque) ; une seule carte claire ; des micro-interactions courtes, en sortie rapide, jamais au chargement
   des données. Mouvement réduit respecté. */
@font-face{font-family:'Fransou Forme';src:url('/marketing-v2/FransouForme-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
.mk2{
  --encre:#0C181C; --encre-creux:#08131A; --encre-1:#10212A; --encre-2:#152A33; --encre-3:#1C3540; --encre-4:#24414D;
  --filet:rgba(188,198,201,.13); --filet-fort:rgba(255,255,255,.24); --sec:#BCC6C9;
  --aqua:#5ED6CF; --corail:#FF8566; --ocre:#F0C36A; --claire:#EEF3F3;
  --forme:'Fransou Forme','Fransou Texte',system-ui,sans-serif;
  --sortie:cubic-bezier(.23,1,.32,1); --r-carte:20px; --r-media:18px; --r-bouton:12px;
  background:var(--encre)
}
/* En-tête et espaces : légers, l'espace actif posé sur une nuance d'Encre */
.mk2 .m2-entete{height:72px;padding:0 56px;border-bottom:1px solid var(--filet)}
.mk2 .m2-espaces{padding:10px 56px;border-bottom:1px solid var(--filet);align-items:center}
.mk2 .m2-espaces nav{gap:6px}
.mk2 .m2-espaces nav a{min-height:44px;padding:0 16px;border-radius:12px;border-bottom:0;margin:0;transition:background-color .2s var(--sortie),color .2s var(--sortie)}
.mk2 .m2-espaces nav a.m2-actif{background:var(--encre-3);color:#fff}
.mk2 .m2-n{border:0;background:var(--encre-4)}
.mk2 .m2-espaces nav a.m2-actif .m2-n{background:var(--aqua);color:var(--encre)}
.mk2 .m2-credit-puce b{color:var(--aqua)}
.mk2 .m2-mini-seg i{background:var(--aqua)}
.mk2 .m2-mini-seg i.r{background:var(--encre-4)}
/* La page : de l'air, une colonne d'idées */
.mk2 .m2-page{max-width:1280px;padding:72px 72px 168px}
.mk2 .m2-page > *{animation:m2-monte .42s var(--sortie) both}
.mk2 .m2-page > :nth-child(2){animation-delay:50ms} .mk2 .m2-page > :nth-child(3){animation-delay:100ms} .mk2 .m2-page > :nth-child(4){animation-delay:150ms} .mk2 .m2-page > :nth-child(n+5){animation-delay:200ms}
@keyframes m2-monte{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mk2 .m2-sous-onglets{margin:-24px 0 64px;gap:36px}
.mk2 .m2-tete{position:relative;margin-bottom:72px;gap:48px;align-items:flex-end}
.mk2 .m2-texte{position:relative;z-index:1}
.mk2 h1{font-family:var(--forme);font-weight:600;font-size:60px;line-height:1.02;letter-spacing:-.02em;max-width:15ch;text-wrap:balance}
.mk2 .m2-sous{font-size:18px;line-height:1.6;margin-top:20px;max-width:600px}
.mk2 .m2-surtitre{margin-bottom:18px;color:var(--sec)}
.mk2 h2{margin-bottom:20px}
/* Les formes : un anneau aqua, un arc corail, une pastille ocre, derrière le titre, en léger */
.mk2 .m2-forme{position:absolute;right:-24px;top:-56px;width:260px;height:200px;pointer-events:none;z-index:0}
.mk2 .m2-forme i{position:absolute;display:block;border-radius:50%}
.mk2 .m2-forme i:nth-child(1){width:168px;height:168px;right:0;top:0;border:1.5px solid var(--aqua);opacity:.32}
.mk2 .m2-forme i:nth-child(2){width:96px;height:96px;right:132px;top:84px;border:1.5px solid transparent;border-top-color:var(--corail);border-left-color:var(--corail);transform:rotate(-20deg);opacity:.55}
.mk2 .m2-forme i:nth-child(3){width:14px;height:14px;right:150px;top:22px;background:var(--ocre);opacity:.9}
.mk2 .m2-tete-a .m2-forme{right:300px}
/* Boutons : le plein en blanc, le reste en nuance d'Encre ; une pression se sent */
.mk2 .m2-btn{border-radius:var(--r-bouton);border:1px solid var(--filet-fort);background:rgba(255,255,255,.02);transition:transform .16s var(--sortie),background-color .2s var(--sortie),border-color .2s var(--sortie)}
.mk2 .m2-btn.m2-plein{background:#fff;color:var(--encre);border-color:#fff;min-height:52px;padding:14px 26px}
.mk2 .m2-btn:active:not(:disabled),.mk2 .m2-type:active,.mk2 .m2-segm button:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .mk2 .m2-btn:hover:not(:disabled){border-color:#fff;background:var(--encre-2)}
  .mk2 .m2-btn.m2-plein:hover:not(:disabled){background:var(--claire)}
  .mk2 .m2-post:hover{transform:translateY(-3px)}
  .mk2 .m2-post:hover .m2-vis img{transform:scale(1.035)}
  .mk2 .m2-tuile:hover,.mk2 .m2-vg:hover .m2-im,.mk2 button.m2-type:hover{transform:translateY(-2px);background:var(--encre-2)}
  .mk2 .m2-tuile:hover .m2-tf svg{transform:translateX(3px)}
  .mk2 .m2-espaces nav a:hover:not(.m2-actif){background:var(--encre-2)}
}
.mk2 .m2-segm{border:0;background:var(--encre-1);border-radius:14px;padding:4px}
.mk2 .m2-segm button{border-radius:10px;min-height:38px;padding:0 14px;transition:background-color .2s var(--sortie),color .2s var(--sortie),transform .16s var(--sortie)}
.mk2 .m2-segm button.m2-actif{background:var(--claire);color:var(--encre)}
.mk2 .m2-filtres{margin-bottom:32px;gap:12px}
/* Cartes : des nuances d'Encre, sans cadre gris ; arrondis généreux */
.mk2 .m2-carte{background:var(--encre-1);border:0;border-radius:var(--r-carte);padding:32px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.mk2 .m2-carte.m2-forte{box-shadow:inset 0 0 0 1.5px var(--aqua)}
/* Cette semaine : de grandes images, un cadre découpé (un coin vif), une seule carte claire */
.mk2 .m2-semaine{gap:16px}
.mk2 .m2-jt{border-bottom:0;padding:0 2px 10px;font-size:14px}
.mk2 .m2-jt b{font-weight:600}
.mk2 .m2-pile{gap:14px}
.mk2 .m2-post{border:0;background:transparent;border-radius:0;overflow:visible;gap:10px;transition:transform .22s var(--sortie)}
.mk2 .m2-vis{aspect-ratio:4/5;border-radius:var(--r-media) var(--r-media) var(--r-media) 4px;overflow:hidden;background:var(--encre-1)}
.mk2 .m2-vis img{transition:transform .5s var(--sortie)}
.mk2 .m2-vis-vide{border:1.5px dashed var(--filet-fort);border-bottom:1.5px dashed var(--filet-fort);color:var(--sec)}
.mk2 .m2-pc{padding:4px 2px 0;gap:6px}
.mk2 .m2-sujet{font-size:15px;font-weight:600}
.mk2 .m2-post.m2-claire{background:var(--claire);color:var(--encre);border-radius:22px;padding:10px;margin:-10px}
.mk2 .m2-post.m2-claire .m2-pc{padding:4px 6px 6px}
.mk2 .m2-post.m2-claire .m2-h,.mk2 .m2-post.m2-claire .m2-rr{color:#46555A}
.mk2 .m2-post.m2-claire .m2-etat{border-color:var(--encre);color:var(--encre)}
.mk2 .m2-trou{border:1.5px dashed var(--filet);border-radius:var(--r-media);min-height:220px;padding:16px}
.mk2 .m2-a-placer{margin-top:72px}
.mk2 .m2-etat{border-radius:999px;padding:0 10px 0 8px;border-color:var(--filet-fort)}
.mk2 .m2-etat.m2-fort{border-color:var(--aqua);color:var(--aqua)}
/* Les tuiles : une idée chacune, l'étiquette en couleur, le chiffre clé grand */
.mk2 .m2-reperes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:96px;border-top:0}
.mk2 .m2-tuile{display:flex;flex-direction:column;gap:6px;min-height:208px;padding:28px 28px 24px;border-radius:var(--r-carte) var(--r-carte) var(--r-carte) 6px;background:var(--encre-1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:transform .22s var(--sortie),background-color .22s var(--sortie)}
.mk2 .m2-tl{font-size:13px;font-weight:600;letter-spacing:.02em}
.mk2 .m2-aqua .m2-tl,.mk2 .m2-aqua .m2-tv{color:var(--aqua)} .mk2 .m2-corail .m2-tl,.mk2 .m2-corail .m2-tv{color:var(--corail)} .mk2 .m2-ocre .m2-tl,.mk2 .m2-ocre .m2-tv{color:var(--ocre)}
.mk2 .m2-tv{font-size:44px;line-height:1.05;font-weight:500;letter-spacing:-.02em;margin-top:6px;white-space:nowrap}
.mk2 .m2-ts{font-size:14px;color:var(--sec);line-height:1.5;max-width:30ch}
.mk2 .m2-tf{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:14px;font-weight:500}
.mk2 .m2-tf svg{width:16px;height:16px;transition:transform .2s var(--sortie)}
/* Une publication, le studio, le crédit, la médiathèque, les avis : plus d'espace entre les blocs */
.mk2 .m2-pub-grille,.mk2 .m2-creer-grille,.mk2 .m2-credit-grille,.mk2 .m2-med-grille,.mk2 .m2-reponse-grille{gap:40px}
.mk2 .m2-pub-milieu{gap:18px}
.mk2 .m2-apercus{gap:32px}
.mk2 .m2-papier{border-radius:16px;box-shadow:0 24px 60px -32px rgba(0,0,0,.6)}
.mk2 .m2-types{gap:20px;margin-bottom:56px}
.mk2 .m2-type{padding:26px 26px 24px;border-radius:var(--r-carte) var(--r-carte) var(--r-carte) 6px;background:var(--encre-1);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:transform .2s var(--sortie),background-color .2s var(--sortie),box-shadow .2s var(--sortie)}
.mk2 .m2-type.m2-forte{box-shadow:inset 0 0 0 1.5px var(--aqua);background:var(--encre-2)}
.mk2 .m2-type .m2-ic-b{border:0;background:var(--encre-3);border-radius:12px;width:44px;height:44px;color:var(--aqua)}
.mk2 .m2-creer-grille{margin-bottom:72px;grid-template-columns:minmax(0,1fr) 380px}
.mk2 .m2-photos-r{gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}
.mk2 .m2-ph{border:0;border-radius:14px;transition:transform .16s var(--sortie),box-shadow .2s var(--sortie)}
.mk2 .m2-ph.m2-pris{border:0;box-shadow:0 0 0 2.5px var(--aqua)}
.mk2 .m2-ph:active{transform:scale(.96)}
.mk2 .m2-no{background:var(--aqua);color:var(--encre)}
.mk2 .m2-cout .m2-ligne b{color:var(--aqua);font-size:16px}
.mk2 .m2-section{margin-top:24px}
.mk2 .m2-journal li{padding:16px 0}
.mk2 .m2-seg{gap:5px} .mk2 .m2-seg i{height:12px;border-radius:3px;background:var(--aqua)} .mk2 .m2-seg i.r{background:var(--encre-3)}
.mk2 .m2-jauge .m2-gros{font-size:44px;color:var(--aqua)}
.mk2 .m2-bb{background:var(--encre-3);height:12px;border-radius:3px} .mk2 .m2-bb i{background:var(--aqua);border-radius:3px}
.mk2 .m2-col{gap:24px}
.mk2 .m2-vignettes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mk2 .m2-im{border:0;border-radius:var(--r-media) var(--r-media) var(--r-media) 4px;background:var(--encre-1);transition:transform .22s var(--sortie)}
.mk2 .m2-lg{font-size:14px;gap:2px;margin-top:4px}
.mk2 .m2-recherche{border:0;background:var(--encre-1);border-radius:14px;min-height:46px;padding:0 16px}
.mk2 .m2-empile{height:16px;border-radius:8px}
.mk2 .m2-d1{background:var(--aqua)} .mk2 .m2-d2{background:var(--corail)} .mk2 .m2-d3{background:var(--ocre)}
.mk2 .m2-kpis{border:0;gap:20px;background:transparent;margin-bottom:56px}
.mk2 .m2-kpi{background:var(--encre-1);border-radius:var(--r-carte);padding:26px 28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.mk2 .m2-kpi + .m2-kpi{border-left:0}
.mk2 .m2-kpi .m2-lbl{color:var(--aqua);font-weight:600}
.mk2 .m2-v{font-size:40px;margin:6px 0 2px}
.mk2 .m2-avis-l{padding:18px 4px;border-bottom:1px solid var(--filet)}
.mk2 .m2-avatar{border:0;background:var(--encre-3);width:44px;height:44px;border-radius:14px}
.mk2 .m2-etoiles svg{color:var(--ocre)} .mk2 .m2-vide-e{color:var(--encre-4)}
.mk2 .m2-saisie{background:var(--encre-creux);border:1px solid var(--filet);border-radius:14px;padding:16px 18px;transition:border-color .2s var(--sortie)}
.mk2 .m2-saisie:focus{border-color:var(--aqua)}
.mk2 .m2-refus{border:0;background:rgba(255,133,102,.10);color:#FFD2C6;border-radius:12px;box-shadow:inset 3px 0 0 var(--corail)}
.mk2 .m2-dire{border:0;background:var(--encre-3);border-radius:14px;box-shadow:0 18px 50px -20px rgba(0,0,0,.7);animation:m2-monte .22s var(--sortie) both}
.mk2 .m2-confirmer{border:0;background:var(--encre-2);border-radius:16px;box-shadow:inset 3px 0 0 var(--corail);padding:18px 20px}
.mk2 .m2-retour{margin:-28px 0 24px}
@media (prefers-reduced-motion:reduce){.mk2 *,.mk2 .m2-page > *{animation:none!important;transition:none!important}}
@media (max-width:760px){
  .mk2 .m2-entete{padding:0 20px;height:60px}
  .mk2 .m2-espaces{padding:8px 20px}
  .mk2 .m2-page{padding:32px 20px 128px}
  .mk2 h1{font-size:38px;max-width:none}
  .mk2 .m2-sous{font-size:16px;margin-top:14px}
  .mk2 .m2-tete{margin-bottom:40px;gap:24px}
  .mk2 .m2-forme{transform:scale(.6);transform-origin:top right;right:-40px;top:-48px}
  .mk2 .m2-tete-a .m2-forme{right:-40px}
  .mk2 .m2-sous-onglets{margin:-12px -20px 36px}
  .mk2 .m2-semaine{gap:0}
  .mk2 .m2-jour{padding:16px 0;border-bottom:1px solid var(--filet)}
  .mk2 .m2-post{flex-direction:row;gap:14px}
  .mk2 .m2-post .m2-vis{width:112px;min-height:140px;aspect-ratio:auto}
  .mk2 .m2-post.m2-claire{margin:0;padding:8px}
  .mk2 .m2-trou{min-height:0}
  .mk2 .m2-reperes{grid-template-columns:minmax(0,1fr);margin-top:56px;gap:14px}
  .mk2 .m2-tuile{min-height:0}
  .mk2 .m2-tv{font-size:36px}
  .mk2 .m2-vignettes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .mk2 .m2-kpis{gap:12px} .mk2 .m2-kpi + .m2-kpi{border-top:0}
  .mk2 .m2-carte{padding:22px}
  .mk2 .m2-photos-r{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mk2 .m2-creer-grille{grid-template-columns:minmax(0,1fr)}
  .mk2 .m2-pub-grille,.mk2 .m2-creer-grille,.mk2 .m2-credit-grille,.mk2 .m2-med-grille,.mk2 .m2-reponse-grille{gap:24px}
}
.mk2 .m2-d2{background:var(--ocre)} .mk2 .m2-d3{background:#7FA3AD}
@media (max-width:760px){.mk2 .m2-tete{align-items:stretch} .mk2 .m2-forme{opacity:.6}}
/* les formes débordent du cadre sans jamais créer de défilement horizontal */
.mk2 .m2-page{overflow-x:clip}

/* ═══ Le Marketing complet (17/10, après midi) : signe SOIE, menus, édition, mois, campagnes, modèles, marque, réglages, conseils, réseaux ═══ */
.mk2 .m2-forme{right:-60px;top:-110px;width:560px;height:auto;opacity:.075}
.mk2 .m2-forme img{display:block;width:100%;height:auto}
.mk2 .m2-tete-a .m2-forme{right:120px}
.mk2 .m2-forme i{display:none}
.mk2 .m2-outils{display:flex;align-items:center;gap:20px}
.mk2 .m2-outils nav{display:flex;gap:4px}
.mk2 .m2-outil{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;color:var(--sec);font-size:14px;font-weight:500;transition:background-color .2s var(--sortie),color .2s var(--sortie)}
.mk2 .m2-outil.m2-actif,.mk2 .m2-outil:hover{background:var(--encre-2);color:#fff}
.mk2 .m2-espaces nav a{padding:0 13px}
.mk2 .m2-credit-puce .m2-mini-seg{display:none}
/* Les menus « … » */
.mk2 .m2-menu,.mk2 .m2-ajout-reseau{position:relative}
.mk2 .m2-menu-b{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--sec);transition:background-color .2s var(--sortie),color .2s var(--sortie),transform .16s var(--sortie)}
.mk2 .m2-menu-b:hover,.mk2 .m2-menu.m2-ouvert .m2-menu-b{background:var(--encre-3);color:#fff}
.mk2 .m2-menu-b:active{transform:scale(.94)}
.mk2 .m2-menu-l{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:268px;padding:8px;border-radius:16px;background:var(--encre-3);box-shadow:0 24px 60px -24px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.06);animation:m2-pop .18s var(--sortie) both;transform-origin:top right}
.mk2 .m2-ajout-reseau .m2-menu-l{left:0;right:auto;transform-origin:top left}
@keyframes m2-pop{from{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}
.mk2 .m2-mi{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border-radius:10px;font-size:14px;color:#fff;cursor:pointer;text-align:left}
.mk2 .m2-mi svg{width:16px;height:16px;color:var(--sec)}
.mk2 .m2-mi:hover{background:var(--encre-4)}
.mk2 .m2-mi.m2-danger{color:var(--corail)} .mk2 .m2-mi.m2-danger svg{color:var(--corail)}
.mk2 .m2-menu-l hr{border:0;border-top:1px solid var(--filet);margin:6px 4px}
.mk2 .m2-mi-note{padding:6px 12px 8px;max-width:260px}
.mk2 .m2-fantome{background:transparent;border-style:dashed}
/* Les cartes de la semaine : un menu au survol, glisser d'un jour à l'autre */
.mk2 .m2-post{position:relative}
.mk2 .m2-post-l{display:flex;flex-direction:column;gap:10px;color:inherit}
.mk2 .m2-post > .m2-menu{position:absolute;top:8px;right:8px;opacity:.8;transition:opacity .18s var(--sortie)}
.mk2 .m2-post > .m2-menu .m2-menu-b{background:rgba(12,24,28,.82);color:#fff}
.mk2 .m2-post:hover > .m2-menu,.mk2 .m2-post:focus-within > .m2-menu,.mk2 .m2-post > .m2-menu.m2-ouvert{opacity:1}
@media (hover:none){.mk2 .m2-post > .m2-menu{opacity:1}}
.mk2 .m2-glissable{cursor:grab}
.mk2 .m2-glisse{opacity:.4}
.mk2 [data-deposer].m2-cible{outline:2px dashed var(--aqua);outline-offset:6px;border-radius:16px}
.mk2 .m2-jt{align-items:center}
.mk2 .m2-ajout{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;color:var(--sec);margin-left:6px;transition:background-color .2s var(--sortie),color .2s var(--sortie),transform .16s var(--sortie)}
.mk2 .m2-ajout svg{width:16px;height:16px}
.mk2 .m2-ajout:hover{background:var(--encre-3);color:var(--aqua)}
.mk2 .m2-ajout:active{transform:scale(.92)}
.mk2 .m2-jt .m2-ajout{margin-left:auto}
.mk2 .m2-jt span{margin-left:8px}
.mk2 .m2-ferme .m2-jt{opacity:.55}
.mk2 .m2-trou-ferme{border-style:solid;border-color:var(--encre-2);align-items:center;justify-content:center;text-align:center}
/* La publication : onglets, formulaire, normes */
.mk2 .m2-pub-grille.m2-large{grid-template-columns:minmax(0,1fr) 420px}
.mk2 .m2-n-corail{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:var(--corail);color:var(--encre);font-size:12px;padding:0 5px}
.mk2 .m2-form{gap:22px}
.mk2 .m2-form fieldset{border:0;padding:0;margin:0}
.mk2 .m2-form legend,.mk2 fieldset legend{font-size:13px;color:var(--sec);margin-bottom:8px;padding:0}
.mk2 .m2-puce input{position:absolute;opacity:0;pointer-events:none}
.mk2 label.m2-puce{position:relative;cursor:pointer;transition:border-color .2s var(--sortie),background-color .2s var(--sortie)}
.mk2 label.m2-puce.m2-on{background:var(--encre-3);border-color:var(--aqua)}
.mk2 label.m2-puce:focus-within{outline:2px solid #fff;outline-offset:2px}
.mk2 .m2-deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mk2 .m2-deux .m2-champ-l{margin-top:0}
.mk2 input[type=date].m2-saisie,.mk2 input[type=time].m2-saisie{color-scheme:dark}
.mk2 .m2-photos-r.m2-petites{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mk2 .m2-sans-visuel{display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--sec);background:var(--encre-2)}
.mk2 .m2-normes-l{display:flex;flex-direction:column;gap:12px}
.mk2 .m2-normes-l li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;background:var(--encre-1);box-shadow:inset 3px 0 0 var(--aqua)}
.mk2 .m2-normes-l li.m2-bloque{box-shadow:inset 3px 0 0 var(--corail)}
.mk2 .m2-normes-l b{font-size:13px;font-weight:600}
.mk2 .m2-normes-l li.m2-bloque b{color:var(--corail)}
.mk2 .m2-normes-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mk2 .m2-source{font-size:12px;color:var(--sec);text-decoration:underline;text-underline-offset:4px}
/* Le mois */
.mk2 .m2-mois{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.mk2 .m2-mois-t{font-size:13px;color:var(--sec);padding:0 6px 6px}
.mk2 .m2-mj{min-height:132px;padding:10px;border-radius:14px;background:var(--encre-1);display:flex;flex-direction:column;gap:6px;transition:background-color .2s var(--sortie)}
.mk2 .m2-mj.m2-hors{background:transparent;box-shadow:inset 0 0 0 1px var(--filet);opacity:.55}
.mk2 .m2-mj.m2-auj{box-shadow:inset 0 0 0 1.5px var(--aqua)}
.mk2 .m2-mj.m2-ferme{opacity:.5}
.mk2 .m2-mj-t{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600}
.mk2 .m2-mj-p{display:block;font-size:12px;line-height:1.35;padding:6px 8px;border-radius:8px;background:var(--encre-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk2 .m2-mj-p b{font-weight:600;color:var(--aqua)}
.mk2 .m2-mj-p.m2-programmee{box-shadow:inset 2px 0 0 var(--aqua)}
.mk2 .m2-mj-p.m2-brouillon{opacity:.75}
/* Campagnes, modèles, conseils, marque, réglages */
.mk2 .m2-tuiles,.mk2 .m2-conseils{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mk2 .m2-conseil{display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:var(--r-carte) var(--r-carte) var(--r-carte) 6px;background:var(--encre-1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:transform .22s var(--sortie),background-color .22s var(--sortie)}
.mk2 .m2-conseil h3{font-size:18px;margin:0}
.mk2 .m2-conseil p{color:var(--sec);font-size:14px;line-height:1.55}
@media (hover:hover) and (pointer:fine){.mk2 .m2-conseil:hover,.mk2 .m2-modele:hover{transform:translateY(-2px);background:var(--encre-2)}}
.mk2 .m2-modeles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mk2 .m2-modele{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--r-carte);background:var(--encre-1);transition:transform .22s var(--sortie),background-color .22s var(--sortie)}
.mk2 .m2-modele h3{margin:0;font-size:17px}
.mk2 .m2-modele .m2-tl{color:var(--ocre)}
.mk2 .m2-modele-t{white-space:pre-wrap;font-size:14px;line-height:1.55;color:var(--sec);flex:1}
.mk2 .m2-deux-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.mk2 .m2-deux-col .m2-carte{display:flex;flex-direction:column;gap:6px}
.mk2 .m2-deux-col h3{margin:0 0 8px}
.mk2 .m2-couleurs{display:flex;gap:16px;flex-wrap:wrap}
.mk2 .m2-couleur{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--sec);cursor:pointer}
.mk2 .m2-couleur input{width:72px;height:72px;border:0;border-radius:18px 18px 18px 4px;padding:0;background:none;cursor:pointer}
.mk2 .m2-couleur input::-webkit-color-swatch-wrapper{padding:0}
.mk2 .m2-couleur input::-webkit-color-swatch{border:0;border-radius:18px 18px 18px 4px}
/* La grille Instagram à venir */
.mk2 .m2-grille-ig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:720px}
.mk2 .m2-ig-case{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--encre-2)}
.mk2 .m2-ig-case img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--sortie)}
.mk2 .m2-ig-case:hover img{transform:scale(1.04)}
.mk2 .m2-ig-vide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;text-align:center;font-size:13px;color:var(--sec)}
.mk2 .m2-ig-quand{position:absolute;left:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:rgba(12,24,28,.82);font-size:12px}
.mk2 .m2-ig-case.m2-futur .m2-ig-quand{color:var(--aqua)}
.mk2 .m2-seg-l{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:10px;font-size:13px;color:var(--sec);font-weight:500}
.mk2 .m2-seg-l.m2-actif{background:var(--claire);color:var(--encre)}
.mk2 .m2-ap-lien{display:flex;flex-direction:column;gap:10px}
@media (max-width:760px){
  .mk2 .m2-outils nav{display:none}
  .mk2 .m2-barre-tel{grid-template-columns:repeat(5,minmax(0,1fr))}
  .mk2 .m2-mois{gap:4px} .mk2 .m2-mj{min-height:72px;padding:6px} .mk2 .m2-mj-p{font-size:0;padding:3px} .mk2 .m2-mj-p b{font-size:12px}
  .mk2 .m2-tuiles,.mk2 .m2-conseils,.mk2 .m2-modeles,.mk2 .m2-deux-col,.mk2 .m2-normes-page{grid-template-columns:minmax(0,1fr)}
  .mk2 .m2-pub-grille.m2-large{grid-template-columns:minmax(0,1fr)}
  .mk2 .m2-forme{width:320px;right:-80px;top:-60px;transform:none}
}
/* Un menu ouvert passe au-dessus des blocs suivants (chaque bloc animé crée son propre plan) */
.mk2 .m2-a-menu{position:relative;z-index:25}
.mk2 .m2-grille-bloc{display:flex;flex-direction:column;gap:20px}
/* Ajouter un réseau : une carte par réseau */
.mk2 .m2-reseaux-l{width:min(720px,calc(100vw - 48px));padding:20px}
.mk2 .m2-reseaux-l > .m2-tl{color:var(--aqua);margin:0 4px 12px}
.mk2 .m2-reseaux-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mk2 .m2-res-c{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:14px;background:var(--encre-2);min-height:168px}
.mk2 .m2-res-c.m2-res-ferme > :not(.m2-res-ic){opacity:.78}
.mk2 .m2-res-c .m2-btn{margin-top:auto}
.mk2 .m2-res-c .m2-etat{margin-top:auto}
.mk2 .m2-res-t{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--sec);line-height:1.4}
.mk2 .m2-res-t b{font-size:14px;color:#fff;font-weight:600}
.mk2 .m2-res-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--encre-3);color:var(--blanc);flex:none}
.mk2 .m2-res-ic .m2-logo{width:22px;height:22px;margin:0}
.mk2 .m2-plein-c{background:#fff;color:var(--encre);border-color:#fff}
@media (max-width:760px){.mk2 .m2-reseaux-g{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- profondeur : blocs, tableaux, coach, fil, formats (17/10) ---- */
.mk2 .m2-bloc{position:relative;margin:0 0 40px;min-width:0}
.mk2 .m2-bloc>h2,.mk2 .m2-coach-t h2{font-size:20px;font-weight:600;margin:0 0 16px;letter-spacing:-.01em}
.mk2 .m2-table-w{overflow-x:auto;border:1px solid var(--filet);border-radius:var(--r-carte)}
.mk2 .m2-table{width:100%;border-collapse:collapse;font-size:14px}
.mk2 .m2-table th{text-align:left;font-weight:500;color:var(--sec);padding:12px 16px;border-bottom:1px solid var(--filet);white-space:nowrap}
.mk2 .m2-table td{padding:12px 16px;border-bottom:1px solid rgba(83,96,102,.45);vertical-align:middle}
.mk2 .m2-table tr:last-child td{border-bottom:0}
.mk2 .m2-td-menu{width:48px;text-align:right}
.mk2 .m2-ok-t{color:var(--aqua)} .mk2 .m2-bloque-t{color:var(--corail)} .mk2 .m2-corail-t{color:var(--corail)}
.mk2 .m2-coach{margin:0 0 48px}
.mk2 .m2-coach-t{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.mk2 .m2-coach-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.mk2 .m2-coach-c{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--filet);border-radius:var(--r-carte);background:linear-gradient(160deg,rgba(94,214,207,.07),transparent 60%);transition:transform .35s cubic-bezier(.23,1,.32,1),border-color .35s}
.mk2 .m2-coach-c:hover{transform:translateY(-3px);border-color:var(--aqua)}
.mk2 .m2-coach-c h3{font-size:17px;font-weight:600;margin:0;line-height:1.35}
.mk2 .m2-coach-c p{margin:0;color:var(--sec);font-size:14px;line-height:1.55}
.mk2 .m2-coach-c .m2-actions{margin-top:auto}
.mk2 .m2-source-l{font-size:12.5px;color:var(--sec);opacity:.85}
.mk2 .m2-afaire-l{list-style:none;margin:0;padding:0;border-top:1px solid var(--filet)}
.mk2 .m2-afaire-l li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--filet);flex-wrap:wrap}
.mk2 .m2-seg-w{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.mk2 .m2-bb-grand{flex:1;height:8px;border-radius:4px;background:rgba(83,96,102,.5);overflow:hidden;display:block}
.mk2 .m2-bb-grand i{display:block;height:100%;background:var(--aqua);border-radius:4px}
.mk2 .m2-kv-l{list-style:none;margin:0;padding:0}
.mk2 .m2-discret{background:transparent;border-style:dashed}
.mk2 .m2-inactif{opacity:.6}
.mk2 .m2-formats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.mk2 .m2-format{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--filet);border-radius:var(--r-carte)}
.mk2 .m2-format.m2-actif-f{border-color:var(--aqua);background:rgba(94,214,207,.06)}
.mk2 .m2-format b{font-size:16px}
.mk2 .m2-honnete{border-left:2px solid var(--ocre);padding:4px 0 4px 14px;margin:0 0 28px;max-width:760px}
.mk2 .m2-ig-case.m2-prevue{outline:1.5px dashed var(--aqua);outline-offset:-1.5px;cursor:grab}
.mk2 .m2-ig-case.m2-cible{outline:2px solid var(--ocre)}
.mk2 .m2-fil-li{display:flex;flex-direction:column;gap:22px;max-width:620px}
.mk2 .m2-fil-li-e{display:flex;flex-direction:column;gap:8px}
.mk2 .m2-fil-li-e.m2-prevue{padding:14px;border:1.5px dashed var(--aqua);border-radius:var(--r-carte)}
.mk2 .m2-comparer{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.mk2 .m2-comparer h3{font-size:14px;color:var(--sec);font-weight:500;margin:0 0 10px}
.mk2 .m2-harmonie .m2-kv{margin:8px 0}
.mk2 .m2-teintes{display:flex;gap:8px;margin:10px 0 14px;flex-wrap:wrap}
.mk2 .m2-teinte{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
@media (max-width:760px){.mk2 .m2-comparer{grid-template-columns:1fr}.mk2 .m2-coach-g{grid-template-columns:1fr}}

/* ---- la casquette SOIE : une seule place, un seul dosage, sur chaque écran (17/10) ---- */
.mk2 .m2-page{position:relative;isolation:isolate}
.mk2 .m2-soie{position:absolute;right:-60px;top:-20px;width:560px;opacity:.075;pointer-events:none;z-index:-1;will-change:transform}
.mk2 .m2-soie img{display:block;width:100%;height:auto}
.mk2 .m2-forme{display:none}
@media (max-width:760px){.mk2 .m2-soie{width:320px;right:-80px;top:-10px}}

/* ---- studio, médiathèque, avis, marque : le lot 1 (17/10) ---- */
.mk2 .m2-reglages-c{margin-top:18px;border-top:1px solid var(--filet);padding-top:14px}
.mk2 .m2-reglages-c summary{cursor:pointer;font-weight:600;font-size:15px;margin-bottom:12px;list-style:none}
.mk2 .m2-reglages-c summary::-webkit-details-marker{display:none}
.mk2 .m2-reglages-c .m2-champ-l{margin:12px 0}
.mk2 .m2-props{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.mk2 .m2-prop{display:grid;grid-template-columns:64px 1fr;gap:12px 14px;align-items:center;padding:14px;border:1px solid var(--filet);border-radius:var(--r-carte)}
.mk2 .m2-prop img{width:64px;height:64px;object-fit:cover;border-radius:8px}
.mk2 .m2-prop>div{display:flex;flex-direction:column;gap:4px}
.mk2 .m2-prop .m2-btn{grid-column:1/-1;justify-self:start}
.mk2 .m2-moteurs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.mk2 .m2-moteur{display:flex;flex-direction:column;gap:8px;min-width:0}
.mk2 .m2-moteur-im{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r-carte);overflow:hidden;background:#11232A}
.mk2 .m2-moteur-im img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.mk2 .m2-moteur:hover .m2-moteur-im img{transform:scale(1.04)}
.mk2 .m2-fictif{position:absolute;left:10px;top:10px;font-size:12px;font-weight:600;letter-spacing:.02em;padding:3px 8px;border-radius:4px;background:rgba(12,24,28,.72);color:#fff}
.mk2 .m2-moteur-im .m2-duree{position:absolute;right:10px;bottom:10px}
.mk2 .m2-moteur-t{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mk2 .m2-moteur-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}
.mk2 .m2-moteur-f{margin:0}
.mk2 .m2-moteur-f img,.mk2 .m2-moteur-f video{width:100%;border-radius:var(--r-carte);display:block}
.mk2 .m2-moteur-f figcaption{font-size:12.5px;color:var(--sec);margin-top:8px}
.mk2 .m2-moteur-i{display:flex;flex-direction:column;gap:12px}
.mk2 .m2-fiche-tech{border:1px solid var(--filet);border-radius:var(--r-carte);padding:12px 16px}
.mk2 .m2-fiche-tech summary{cursor:pointer;font-weight:500;color:var(--sec)}
.mk2 .m2-fiche-tech code{font-size:13px}
.mk2 .m2-td-actions .m2-actions{flex-wrap:nowrap;justify-content:flex-end}
.mk2 .m2-aa{position:relative;max-width:720px;aspect-ratio:1/1;border-radius:var(--r-carte);overflow:hidden;margin:16px 0 10px}
.mk2 .m2-aa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mk2 .m2-aa .m2-aa-haut{clip-path:inset(0 calc(100% - var(--coupe)) 0 0)}
.mk2 .m2-aa-trait{position:absolute;top:0;bottom:0;left:var(--coupe);width:2px;background:#fff;opacity:.85}
.mk2 .m2-curseur{width:100%;max-width:720px;accent-color:var(--aqua)}
.mk2 .m2-versions{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.mk2 .m2-version{display:flex;flex-direction:column;gap:8px}
.mk2 .m2-version img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.mk2 .m2-declinaisons{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;align-items:end}
.mk2 .m2-declinaison{margin:0;display:flex;flex-direction:column;gap:8px}
.mk2 .m2-declinaison canvas{width:100%;height:auto;border-radius:8px;background:#11232A;display:block}
.mk2 .m2-declinaison figcaption{display:flex;flex-direction:column;gap:3px;font-size:13.5px}
.mk2 .m2-coche{display:flex;align-items:center;gap:8px;cursor:pointer}
.mk2 .m2-focal input[type=range]{width:100%;accent-color:var(--aqua)}
.mk2 .m2-joint{white-space:pre-wrap;font:13.5px/1.6 var(--police);color:var(--sec);border:1px dashed var(--filet);border-radius:var(--r-carte);padding:14px 16px;margin:0 0 12px}
.mk2 .m2-vg{position:relative}
.mk2 .m2-vg-l{display:block;color:inherit}
.mk2 .m2-vg-sel{position:absolute;left:8px;top:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(12,24,28,.7);border-radius:6px;opacity:.85;transition:opacity .2s}
.mk2 .m2-vg:hover .m2-vg-sel,.mk2 .m2-vg.m2-sel .m2-vg-sel,.mk2 .m2-vg-sel:focus-within{opacity:1}
.mk2 .m2-vg.m2-sel .m2-im{outline:2px solid var(--aqua);outline-offset:2px}
.mk2 .m2-vg>.m2-btn,.mk2 .m2-vg>.m2-s{margin-top:8px}
.mk2 .m2-barre-sel{position:sticky;top:8px;z-index:30;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;margin:0 0 18px;background:#11232A;border:1px solid var(--aqua);border-radius:var(--r-carte)}
.mk2 .m2-filtres-med{flex-wrap:wrap;gap:12px}
.mk2 .m2-dossiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.mk2 .m2-dossier{display:flex;flex-direction:column;gap:6px;color:inherit}
.mk2 .m2-dossier-m{display:grid;grid-template-columns:1fr 1fr;gap:3px;aspect-ratio:1/1;border-radius:var(--r-carte);overflow:hidden;background:#11232A;transition:transform .35s cubic-bezier(.23,1,.32,1)}
.mk2 .m2-dossier:hover .m2-dossier-m{transform:translateY(-3px)}
.mk2 .m2-dossier-m img,.mk2 .m2-dossier-m i{width:100%;height:100%;object-fit:cover;display:block;background:#18303A}
.mk2 .m2-ligne-saisie{display:flex;gap:10px;align-items:center}
.mk2 .m2-ligne-saisie .m2-saisie{flex:1}
.mk2 .m2-court{max-width:190px}
.mk2 .m2-td-im img{width:48px;height:48px;object-fit:cover;border-radius:6px;display:block}
.mk2 .m2-depot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;margin:0 0 40px;border:1.5px dashed var(--filet);border-radius:var(--r-carte);cursor:pointer;text-align:center;padding:24px;transition:border-color .25s,background .25s}
.mk2 .m2-depot:hover,.mk2 .m2-depot.m2-cible{border-color:var(--aqua);background:rgba(94,214,207,.06)}
.mk2 .m2-depot svg{width:28px;height:28px}
.mk2 .m2-x{display:inline-flex;margin-left:6px;opacity:.7}
.mk2 .m2-x svg{width:14px;height:14px}
.mk2 .m2-types-rep{display:flex;flex-direction:column;gap:8px;margin:6px 0}
.mk2 .m2-planche{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 40px}
.mk2 .m2-pl{display:flex;flex-direction:column;gap:12px;min-height:170px;padding:20px;border:1px solid var(--filet);border-radius:var(--r-carte);color:inherit;transition:transform .35s cubic-bezier(.23,1,.32,1),border-color .35s}
.mk2 .m2-pl:hover{transform:translateY(-3px);border-color:var(--aqua)}
.mk2 .m2-pl-logo img{max-height:90px;max-width:100%;object-fit:contain;align-self:flex-start}
.mk2 .m2-pl-logo b{font-size:30px}
.mk2 .m2-pl-typo{font-size:32px;font-weight:600}
.mk2 .m2-pl-mos{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.mk2 .m2-pl-mos img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px}
.mk2 .m2-nuancier{display:flex;flex-wrap:wrap;gap:12px}
.mk2 .m2-nuance{display:flex;flex-direction:column;gap:3px;font-size:12px}
.mk2 .m2-nuance i{width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.15)}
.mk2 .m2-apercu-marque{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:820px;min-height:300px;border-radius:var(--r-carte);overflow:hidden;border:1px solid var(--filet)}
.mk2 .m2-am-im{width:100%;height:100%;object-fit:cover}
.mk2 .m2-am-t{display:flex;flex-direction:column;gap:12px;padding:28px;justify-content:center}
.mk2 .m2-am-t h3{font-size:28px;line-height:1.15;margin:0}
.mk2 .m2-am-t p{margin:0;font-size:15px;line-height:1.55;opacity:.9}
.mk2 .m2-am-logo{max-height:48px;max-width:140px;object-fit:contain;align-self:flex-start}
.mk2 .m2-am-cta{align-self:flex-start;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px}
.mk2 .m2-couleurs-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.mk2 .m2-couleur-c{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--filet);border-radius:var(--r-carte)}
.mk2 .m2-couleur-p{display:block;width:64px;height:64px;border-radius:12px;border:1px solid rgba(255,255,255,.15);cursor:pointer;position:relative;overflow:hidden}
.mk2 .m2-couleur-p input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.mk2 .m2-couleur-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.mk2 .m2-mini-c{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;border:1px solid rgba(255,255,255,.2)}
.mk2 .m2-polices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk2 .m2-police{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid var(--filet);border-radius:10px;color:var(--blanc);text-align:left;cursor:pointer;background:transparent}
.mk2 .m2-police b{font-size:19px;font-weight:600}
.mk2 .m2-police.m2-actif{border-color:var(--aqua);background:rgba(94,214,207,.08)}
.mk2 .m2-ambiance{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin:0 0 40px}
.mk2 .m2-amb{margin:0;display:flex;flex-direction:column;gap:8px}
.mk2 .m2-amb img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.mk2 .m2-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.mk2 .m2-logo-c{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--filet);border-radius:var(--r-carte)}
.mk2 .m2-logo-c img{max-height:110px;object-fit:contain;align-self:flex-start;max-width:100%}
@media (max-width:760px){
  .mk2 .m2-moteur-g,.mk2 .m2-apercu-marque{grid-template-columns:1fr}
  .mk2 .m2-planche{grid-template-columns:1fr}
  .mk2 .m2-polices{grid-template-columns:1fr}
  .mk2 .m2-td-actions .m2-actions{flex-wrap:wrap}
  .mk2 .m2-ligne-saisie{flex-direction:column;align-items:stretch}
}
.mk2 .m2-retouche{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px dashed var(--filet);border-radius:var(--r-carte);margin:0 0 24px;max-width:560px}
.mk2 .m2-retouche h3{margin:0;font-size:16px}
.mk2 .m2-page > .m2-soie{animation:none}

/* ---- sept espaces, rubriques ; plan, veille, résultats (17/10) ---- */
.mk2 .m2-rubriques{display:flex;gap:6px;padding:12px 40px;border-bottom:1px solid var(--filet);overflow-x:auto;scrollbar-width:none}
.mk2 .m2-rubriques a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:18px;color:var(--sec);font-weight:500;font-size:14px;white-space:nowrap;transition:background .25s,color .25s}
.mk2 .m2-rubriques a:hover{color:var(--blanc)}
.mk2 .m2-rubriques a.m2-actif{background:rgba(255,255,255,.1);color:var(--blanc)}
.mk2 .m2-ruban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;padding-bottom:10px;margin:0 0 40px;scrollbar-width:thin}
.mk2 .m2-sem{display:flex;flex-direction:column;gap:6px;min-height:220px;padding:12px;border:1px solid var(--filet);border-radius:var(--r-carte);transition:border-color .2s,background .2s}
.mk2 .m2-sem.m2-creuse{border-style:dashed}
.mk2 .m2-sem.m2-cible{border-color:var(--aqua);background:rgba(94,214,207,.07)}
.mk2 .m2-sem header{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:4px}
.mk2 .m2-sem-tf{font-size:12px;padding:3px 8px;border-radius:4px;background:rgba(240,195,106,.16);color:var(--ocre)}
.mk2 .m2-sem-tf.m2-vacances{background:rgba(94,214,207,.14);color:var(--aqua)}
.mk2 .m2-sem-tf.m2-maison{background:rgba(255,133,102,.16);color:var(--corail)}
.mk2 .m2-puce-pub{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:8px;background:#11232A;color:var(--blanc);font-size:13px;line-height:1.3;cursor:grab}
.mk2 .m2-puce-pub i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--pil,var(--sec))}
.mk2 .m2-sem-plus{margin-top:auto;align-self:flex-start;display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px dashed var(--filet);border-radius:8px;color:var(--sec);background:transparent;cursor:pointer}
.mk2 .m2-sem-plus svg{width:16px;height:16px}
.mk2 .m2-courbe{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;gap:6px;height:150px;margin:14px 0 8px}
.mk2 .m2-cb{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%}
.mk2 .m2-cb i{display:block;width:100%;max-width:34px;background:rgba(94,214,207,.35);border-radius:6px 6px 2px 2px;transition:height .5s cubic-bezier(.23,1,.32,1)}
.mk2 .m2-cb.m2-fort i{background:var(--aqua)}
.mk2 .m2-cb b{font-size:12px;font-weight:500;color:var(--sec)}
.mk2 .m2-saison{padding:16px 0;border-top:1px solid var(--filet)}
.mk2 .m2-saison h3{margin:0;font-size:16px}
.mk2 .m2-tf-l{list-style:none;margin:0;padding:0;border-top:1px solid var(--filet)}
.mk2 .m2-tf-l li{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--filet)}
.mk2 .m2-tf-d{display:flex;flex-direction:column}
.mk2 .m2-piliers{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;margin:0 0 40px}
.mk2 .m2-anneau-w{display:flex;flex-direction:column;align-items:center;gap:10px}
.mk2 .m2-anneau{width:180px;height:180px;transform:rotate(-90deg)}
.mk2 .m2-objectifs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0 0 40px}
.mk2 .m2-objectif{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--filet);border-radius:var(--r-carte)}
.mk2 .m2-objectif.m2-atteint{border-color:var(--aqua)}
.mk2 .m2-objectif h3{margin:0;font-size:17px}
@media (max-width:760px){
  .mk2 .m2-rubriques{padding:10px 20px}
  .mk2 .m2-tf-l li{grid-template-columns:1fr}
  .mk2 .m2-piliers{grid-template-columns:1fr}
  .mk2 .m2-ruban{grid-auto-columns:minmax(150px,70%)}
}

/* ---- profondeur du fond et micro-interactions (17/10) ---- */
.mk2 .m2-halo{position:absolute;right:120px;top:120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(94,214,207,.10),rgba(94,214,207,0) 65%);pointer-events:none;z-index:-1;will-change:transform}
.mk2 .m2-page > .m2-halo{animation:none}
.mk2 .m2-sous-onglets a{position:relative;border-bottom-color:transparent!important}
.mk2 .m2-sous-onglets a::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blanc);transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.23,1,.32,1)}
.mk2 .m2-sous-onglets a.m2-actif::after{transform:scaleX(1)}
.mk2 .m2-sous-onglets a:hover::after{transform:scaleX(.35)}
.mk2 .m2-sous-onglets a.m2-actif:hover::after{transform:scaleX(1)}
.mk2 .m2-modele,.mk2 .m2-version,.mk2 .m2-objectif,.mk2 .m2-logo-c,.mk2 .m2-couleur-c,.mk2 .m2-prop{transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s cubic-bezier(.23,1,.32,1)}
.mk2 .m2-modele:hover,.mk2 .m2-objectif:hover,.mk2 .m2-logo-c:hover,.mk2 .m2-couleur-c:hover,.mk2 .m2-prop:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.mk2 .m2-version img,.mk2 .m2-amb img,.mk2 .m2-vg .m2-im img{transition:transform .5s cubic-bezier(.23,1,.32,1)}
.mk2 .m2-version:hover img,.mk2 .m2-amb:hover img,.mk2 .m2-vg:hover .m2-im img{transform:scale(1.04)}
.mk2 .m2-vg .m2-im{overflow:hidden}
@media (max-width:760px){.mk2 .m2-halo{width:300px;height:300px;right:-40px}}
@media (prefers-reduced-motion:reduce){.mk2 .m2-soie,.mk2 .m2-halo{transform:none!important}.mk2 .m2-sous-onglets a::after{transition:none}}
.mk2 .m2-format-ed .m2-segm button[disabled]{opacity:.45;cursor:not-allowed}
.mk2 .m2-compteurs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.mk2 .m2-compteur{font-size:13px;padding:4px 10px;border:1px solid var(--filet);border-radius:14px;color:var(--sec)}
.mk2 .m2-tf-t{display:flex;flex-direction:column;gap:2px}
.mk2 .m2-moteur-im .m2-duree{left:auto;right:10px;width:auto}
.mk2 .m2-couleurs-l{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.mk2 .m2-couleur-t .m2-saisie.m2-court{max-width:none;min-width:140px;padding:8px 10px}
.mk2 .m2-prop>.m2-ic-b{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#11232A}

/* ---- finitions du 17/10, 15 h : titres de section, fil, contrastes ---- */
.mk2 .m2-page h2{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.005em;text-transform:none;color:var(--blanc);margin:0 0 16px}
.mk2 .m2-fil-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;margin:0 0 40px}
.mk2 .m2-fil-g > .m2-bloc{margin:0}
.mk2 .m2-fil-g .m2-harmonie{position:sticky;top:24px;padding:22px;border:1px solid var(--filet);border-radius:var(--r-carte)}
.mk2 .m2-fil-g .m2-coach-g{grid-template-columns:1fr}
.mk2 .m2-fil-g .m2-grille-ig{max-width:none}
.mk2 .m2-paire{display:inline-flex;align-items:center;justify-content:center;width:34px;height:26px;border-radius:6px;font-weight:600;font-size:13px;border:1px solid rgba(255,255,255,.15);vertical-align:middle}
@media (max-width:1100px){.mk2 .m2-fil-g{grid-template-columns:1fr}.mk2 .m2-fil-g .m2-harmonie{position:static}}
.mk2 .m2-cmp-g{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:48px;align-items:start}
.mk2 .m2-cmp-g .m2-versions{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.mk2 .m2-preuves{display:flex;gap:14px;flex-wrap:wrap}
@media (max-width:1100px){.mk2 .m2-cmp-g{grid-template-columns:1fr}}
.mk2 .m2-demandes-t{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.mk2 .m2-dm-t{display:flex;flex-direction:column;gap:8px}
.mk2 .m2-dm-t p{margin:0;color:var(--sec);line-height:1.55}
@media (max-width:760px){.mk2 .m2-filtres{flex-wrap:wrap}.mk2 .m2-segm{max-width:100%;overflow-x:auto;scrollbar-width:none}}

/* ---- collisions (banc du 17/10) : espaces entre blocs et champs, zones à remplir, mois sur téléphone ---- */
.mk2 .m2-page > [data-bloc]{margin-bottom:40px}
.mk2 .m2-page > [data-bloc]:last-child{margin-bottom:0}
.mk2 .m2-saisie + .m2-saisie,.mk2 .m2-saisie + .m2-ligne-saisie,.mk2 .m2-ligne-saisie + .m2-saisie,.mk2 .m2-saisie + .m2-segm,.mk2 .m2-segm + .m2-ligne-saisie,.mk2 .m2-segm + .m2-saisie,.mk2 .m2-ligne-saisie + .m2-segm{margin-top:12px}
.mk2 .m2-ruban{gap:14px}
.mk2 .m2-post.m2-claire{margin:0}
.mk2 .m2-trou{display:inline-block;padding:0 8px;margin:0 2px;border:1px dashed currentColor;border-radius:6px;background:rgba(127,127,127,.12);font-style:italic;opacity:.85;line-height:1.5}
.mk2 .m2-trou-libre{opacity:.6}
@media (max-width:760px){.mk2 .m2-mj-p b{display:block;overflow:hidden;white-space:nowrap}.mk2 .m2-mj-t .m2-ajout{width:20px;height:20px;margin-left:0}.mk2 .m2-mj-t .m2-ajout svg{width:12px;height:12px}}

/* ---- la passe actions (17/10) : barre de sous-page, gestes visibles, sélection ---- */
.mk2 .m2-barre-a{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--filet);border-radius:var(--r-carte);margin:0 0 28px}
.mk2 .m2-barre-g,.mk2 .m2-barre-d{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mk2 .m2-recherche-b{min-width:220px}
.mk2 .m2-tri{width:auto;min-width:170px;padding:9px 12px}
.mk2 .m2-act-l{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mk2 .m2-act{display:inline-flex;align-items:center;gap:6px;min-height:32px;min-width:32px;justify-content:center;padding:0 8px;border:1px solid var(--filet);border-radius:8px;background:transparent;color:var(--sec);font:500 13px/1 var(--police);cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.mk2 .m2-act svg{width:15px;height:15px}
.mk2 .m2-act:hover{color:var(--blanc);border-color:var(--sec)}
.mk2 .m2-act.m2-danger:hover{color:var(--corail);border-color:var(--corail)}
.mk2 .m2-post .m2-act-l{padding:0 10px 10px}
.mk2 .m2-post.m2-claire .m2-act{color:var(--encre);border-color:rgba(12,24,28,.25)}
.mk2 .m2-case-sel{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}
.mk2 .m2-post .m2-case-sel{position:absolute;left:8px;top:8px;z-index:3;background:rgba(12,24,28,.7);border-radius:6px}
.mk2 .m2-post{position:relative}
.mk2 .m2-tuile-c{display:flex;flex-direction:column;gap:8px;position:relative}
.mk2 .m2-tuile-l{display:flex;flex-direction:column;gap:6px;color:inherit}
.mk2 .m2-avis-r{display:flex;flex-direction:column;gap:4px}
.mk2 .m2-test-norme{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;grid-column:1/-1}
.mk2 .m2-td-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.mk2 .m2-td-actions .m2-act-l{margin:0;flex-wrap:nowrap}
@media (max-width:760px){.mk2 .m2-barre-a{padding:10px}.mk2 .m2-recherche-b{min-width:0;width:100%}}

/* Sur la même page, un rendu ne rejoue pas l'entrée (vitesse et calme, 17/10). */
.mk2 .m2-page.m2-sans-entree,.mk2 .m2-page.m2-sans-entree > *{animation:none}
/* Collisions, dernière passe (17/10) : le rôle d'une couleur tient dans sa carte, les gestes d'un format passent à la ligne. */
.mk2 .m2-couleur-t .m2-saisie.m2-court{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.mk2 .m2-format .m2-actions,.mk2 .m2-formats .m2-actions{flex-wrap:wrap}
.mk2 .m2-format .m2-actions .m2-btn,.mk2 .m2-formats .m2-actions .m2-btn{max-width:100%;white-space:normal;text-align:left}

/* Les logos officiels (17/10) : carrés, jamais déformés, avec leur zone de protection avant le nom. */
.mk2 .m2-logo{width:max(1em,14px);height:max(1em,14px);flex:none;display:inline-block;vertical-align:-.17em;margin-inline-end:max(.4em,5px);overflow:visible}
.mk2 .m2-plein .m2-logo path{fill:currentColor}
/* Les aperçus fidèles (17/10) : un téléphone de 340 px, le vrai rapport de chaque format, l'interface du réseau par-dessus, les zones sûres. */
.mk2 .m2-tel{width:340px;max-width:100%}
.mk2 .m2-ap-formats{align-self:flex-start;flex-wrap:wrap}
.mk2 .m2-ap-source{font-size:12px;line-height:1.5;max-width:340px}
.mk2 .m2-ap-txt{white-space:pre-line;overflow-wrap:anywhere}
.mk2 .m2-ap-txt .m2-plus{border:0;background:none;padding:0;margin:0;font:inherit;color:#737373;cursor:pointer}
.mk2 .m2-ap-cadre{position:relative;overflow:hidden;background:#EFEFEF}
.mk2 .m2-ap-cadre > .m2-ap-img{width:100%;height:100%;object-fit:cover}
.mk2 .m2-ap-cadre > .m2-ap-vide{height:100%;aspect-ratio:auto}
.mk2 .m2-ap-compte{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:12px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:600}
.mk2 .m2-ap-av{overflow:hidden}
.mk2 .m2-ap-av img{width:100%;height:100%;object-fit:cover}
.mk2 .m2-points{display:flex;gap:4px;align-items:center;margin:0 auto}
.mk2 .m2-points i{width:6px;height:6px;border-radius:50%;background:#C7C7C7}
.mk2 .m2-points i.m2-on{background:#0095F6}
.mk2 .m2-ig-actions .m2-points + .m2-d{margin-left:0}
.mk2 .m2-vert{position:relative;aspect-ratio:9/16;background:#000;color:#fff;overflow:hidden}
.mk2 .m2-vert .m2-ap-plein{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mk2 .m2-vert .m2-ap-plein.m2-ap-vide{display:flex;align-items:center;justify-content:center;background:#1A1A1A;color:#9A9A9A}
.mk2 .m2-vert::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,transparent 18%,transparent 58%,rgba(0,0,0,.6) 100%);pointer-events:none}
.mk2 .m2-vert > :not(.m2-ap-plein){position:absolute;z-index:1}
.mk2 .m2-v-titre{top:14px;left:14px;font-size:18px;font-weight:700}
.mk2 .m2-tt-onglets{top:14px;left:0;right:0;display:flex;justify-content:center;gap:16px;font-size:15px;color:rgba(255,255,255,.7)}
.mk2 .m2-tt-onglets b{color:#fff;border-bottom:2px solid #fff;padding-bottom:4px}
.mk2 .m2-rail{right:10px;bottom:96px;display:flex;flex-direction:column;align-items:center;gap:16px}
.mk2 .m2-rail span{display:flex;flex-direction:column;align-items:center;gap:3px}
.mk2 .m2-rail svg{width:28px;height:28px}
.mk2 .m2-rail small{font-size:12px;font-weight:600}
.mk2 .m2-tiktok .m2-rail{bottom:120px}
.mk2 .m2-tt-disque,.mk2 .m2-yt-son{right:12px;bottom:72px}
.mk2 .m2-tt-disque .m2-ap-av{width:34px;height:34px;border:6px solid #222}
.mk2 .m2-yt-son .m2-ap-av{width:32px;height:32px;border-radius:6px}
.mk2 .m2-v-pied{left:12px;right:64px;bottom:16px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.35}
.mk2 .m2-v-compte{display:flex;align-items:center;gap:8px}
.mk2 .m2-v-compte .m2-ap-av{width:28px;height:28px}
.mk2 .m2-v-compte b{font-size:13px;font-weight:600}
.mk2 .m2-v-suivre{padding:3px 10px;border:1px solid rgba(255,255,255,.8);border-radius:8px;font-size:12px;font-weight:600}
.mk2 .m2-youtube .m2-v-suivre{background:#fff;color:#0F0F0F;border:0;border-radius:16px}
.mk2 .m2-yt-diese{font-size:13px;color:#C5DCFF;font-weight:500}
.mk2 .m2-v-texte .m2-plus{color:#fff;font-weight:600}
.mk2 .m2-v-son{display:flex;align-items:center;gap:6px;font-size:12px}
.mk2 .m2-v-son svg{width:14px;height:14px}
.mk2 .m2-st-barres{top:8px;left:8px;right:8px;display:flex;gap:4px}
.mk2 .m2-st-barres i{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.95)}
.mk2 .m2-st-tete{top:18px;left:12px;right:12px;display:flex;align-items:center;gap:8px;font-size:13px}
.mk2 .m2-st-tete .m2-ap-av{width:32px;height:32px}
.mk2 .m2-st-tete span{color:rgba(255,255,255,.75);font-size:12px}
.mk2 .m2-st-pied{left:12px;right:12px;bottom:14px;display:flex;align-items:center;gap:12px}
.mk2 .m2-st-msg{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,.7);border-radius:22px;font-size:13px}
.mk2 .m2-st-pied svg{width:24px;height:24px}
.mk2 .m2-zone{inset:var(--zh) var(--zd) var(--zb) var(--zc);border:1.5px dashed rgba(94,214,207,.95);border-radius:6px;pointer-events:none;z-index:2!important}
.mk2 .m2-zone span{position:absolute;top:-22px;left:0;padding:2px 6px;border-radius:6px;background:rgba(12,24,28,.85);color:#5ED6CF;font-size:12px;font-weight:600;white-space:nowrap}
.mk2 .m2-fb-tete,.mk2 .m2-gbp-tete{display:flex;gap:10px;align-items:center;padding:12px 14px 8px}
.mk2 .m2-fb-tete > span:not(.m2-ap-av),.mk2 .m2-gbp-tete > span:not(.m2-ap-av){flex:1}
.mk2 .m2-fb-tete b,.mk2 .m2-gbp-tete b{display:block;font-size:15px;font-weight:600;line-height:1.3;color:#050505}
.mk2 .m2-fb-texte{padding:0 14px 10px;font-size:15px;line-height:1.34;color:#050505}
.mk2 .m2-fb-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #CED0D4;margin:0 12px;padding:4px 0}
.mk2 .m2-fb-actions span{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;font-size:14px;font-weight:600;color:#65676B}
.mk2 .m2-fb-actions svg{width:18px;height:18px}
.mk2 .m2-gbp-texte{padding:12px 14px 6px;font-size:14px;line-height:1.43;color:#202124}
.mk2 .m2-gbp-btn{display:inline-block;margin:6px 14px 14px;color:#1A73E8;font-size:14px;font-weight:500}
.mk2 .m2-li-doc{margin:0 0 4px;border-top:1px solid #E8E8E8}
.mk2 .m2-li-doc-t{display:flex;justify-content:space-between;gap:10px;padding:8px 14px;font-size:13px;color:#191919}
.mk2 .m2-li-doc-t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk2 .m2-li-doc-t span{color:#666;flex:none}
.mk2 .m2-ap-ailleurs{display:flex;flex-direction:column;gap:10px;padding-left:20px;border-left:1px solid var(--filet)}
.mk2 .m2-ap-ailleurs .m2-segm{flex-wrap:wrap;align-self:flex-start}
.mk2 .m2-ap-zone-l{flex-basis:100%}
@media (max-width:760px){.mk2 .m2-ap-ailleurs{padding-left:0;border-left:0}}

/* Les comptes gérés en entier (17/10). */
.mk2 .m2-comptes{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;margin-bottom:40px}
.mk2 .m2-compte{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:var(--r-carte);background:var(--encre-2)}
.mk2 .m2-compte-t{display:flex;align-items:center;gap:14px}
.mk2 .m2-compte-t .m2-res-t{flex:1;min-width:0}
.mk2 .m2-compte-r{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid var(--filet)}
.mk2 .m2-heures{display:flex;gap:10px;flex-wrap:wrap}
.mk2 .m2-heures .m2-saisie{width:120px}
.mk2 .m2-confirme{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;border:1px solid rgba(255,133,102,.5);background:rgba(255,133,102,.08)}
@media (max-width:560px){.mk2 .m2-comptes{grid-template-columns:1fr}}

/* Contre-vérification 5, P1 : le passage à remplir, en évidence dans l'aperçu. */
.mk2 .m2-papier .m2-trou-ap{background:#FFE1DA;color:#B3261E;font-weight:600;border-radius:4px;padding:0 3px;outline:1.5px dashed #B3261E;outline-offset:1px}
.mk2 .m2-plein .m2-logo [data-fond]{display:none}
.mk2 .m2-heures .m2-saisie{margin:0;align-self:center}

/* La coupure « plus » : bornée tout de suite par la feuille de style, puis coupée au mot près après la première image. */
.mk2 [data-coupe]:not([data-coupe-fait]){display:-webkit-box;-webkit-line-clamp:var(--l);-webkit-box-orient:vertical;overflow:hidden}
/* Leçon 16 · tout se modifie là où il s'affiche : la valeur est un bouton discret, le crayon se montre au survol */
.mk2 .m2-en-place{all:unset;box-sizing:border-box;display:inline-flex;align-items:baseline;gap:0;max-width:100%;cursor:text;border-radius:4px;padding:0;margin:0;color:inherit;font:inherit;line-height:inherit;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;transition:background-color .16s var(--sortie),box-shadow .16s var(--sortie)}
.mk2 .m2-en-place svg{width:0;height:13px;flex:none;opacity:0;transform:translateY(1px);transition:opacity .16s var(--sortie)}
.mk2 .m2-en-place:hover{background:rgba(94,214,207,.08);box-shadow:0 0 0 3px rgba(94,214,207,.08),0 0 0 4px var(--filet)}
.mk2 .m2-en-place:hover svg,.mk2 .m2-en-place:focus-visible svg{width:13px;opacity:.7}
.mk2 .m2-en-place:focus-visible{box-shadow:0 0 0 3px var(--aqua)}
.mk2 .m2-en-place-vide{color:var(--sec);font-style:italic}
.mk2 .m2-en-place-ouvert{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;width:100%}
.mk2 .m2-en-place-ouvert .m2-en-place-s{flex:1 1 220px;min-width:0;font:inherit;font-size:15px}
.mk2 .m2-en-place-ouvert textarea.m2-en-place-s{flex-basis:100%}
.mk2 .m2-proprietes .m2-ligne>span:last-child{text-align:right;min-width:0}
.mk2 .m2-proprietes .m2-ligne>span:last-child .m2-en-place-ouvert{justify-content:flex-end}
@media (prefers-reduced-motion:reduce){.mk2 .m2-en-place,.mk2 .m2-en-place svg{transition:none}}

/* Consigne du 18/10, 23 h 50 : les actions restent visibles, le survol ne fait que les renforcer */
.mk2 .m2-vg .m2-act-l{margin:6px 0 0}
.mk2 .m2-vg .m2-act{min-height:30px;min-width:30px;padding:0 6px}
.mk2 .m2-dossier-c{display:flex;flex-direction:column;min-width:0}
.mk2 .m2-avis-r > .m2-act-l{order:3;margin:6px 0 0}
.mk2 [data-mk2-ecran] [data-apercu]{cursor:text}
.mk2 [data-mk2-ecran] [data-apercu] img,.mk2 [data-mk2-ecran] [data-apercu] .m2-ap-cadre{cursor:pointer}
.mk2 .m2-en-place:hover svg,.mk2 .m2-en-place:focus-visible svg{margin-left:6px}
.mk2 .m2-en-place .m2-trou{display:inline;min-height:0;padding:0 4px;margin:0 1px;border:1px dashed var(--filet);border-radius:4px;font-size:inherit;color:var(--sec)}