:root{
  --plum:#6b3350; --plum-2:#7d3d60; --plum-3:#4a2338;
  --apricot:#6b3350; --apricot-2:#7d3d60; --apricot-ink:#6b3350;
  --ink:#2b2333; --muted:#6b5560; --paper:#ffffff; --cream:#f7f1ea;
  --line:#ecdfe3; --tint:#f3e9ec; --maxw:1080px; --radius:16px; --radius-lg:22px;
  --headbg:rgba(255,255,255,.96); --shadow:rgba(90,42,67,.12);
  --plum-surf:#6b3350; --plum-surf-2:#4a2338;
  /* surfaces et textes : les seules variables que le theme sombre repeint */
  --card:#ffffff; --card-2:#fbf5ef; --field:#fffdf9;
  /* Elevation : des ombres teintees de la couleur de marque, jamais du gris neutre */
  --sh-1:0 2px 10px -3px rgba(90,42,67,.13);
  --sh-2:0 12px 32px -14px rgba(90,42,67,.28);
  --sh-3:0 26px 60px -22px rgba(90,42,67,.34);
  --sh-brand:0 10px 24px -10px rgba(107,51,80,.55);
  --grad:linear-gradient(135deg,#7d3d60 0%,#6b3350 55%,#4a2338 100%);
  --hi:inset 0 1px 0 rgba(255,255,255,.22);
  --title:#6b3350; --link:#6b3350; --lede:#4a3742; --scheme:light; --cal-filter:none;
}
/* Theme sombre : on repeint les variables, tout le site suit.
   Regle : le rose reste un accent (liens, chiffres), jamais un fond ni un titre. */
html[data-theme="dark"]{
  --plum:#e8bcd2; --plum-2:#f0cddd; --plum-3:#1a1016;
  --apricot:#e8bcd2; --apricot-2:#f0cddd; --apricot-ink:#efc9dc;
  --ink:#ece5e9; --muted:#a9989f; --paper:#120e12; --cream:#1e1820;
  --line:#332a33; --tint:#241e26;
  --headbg:rgba(18,14,18,.94); --shadow:rgba(0,0,0,.5);
  --plum-surf:#3d2130; --plum-surf-2:#1e131a;
  --card:#1c161d; --card-2:#191319; --field:#262029;
  /* En nuit, une ombre ne se voit pas : l'elevation passe par un lisere et une lueur */
  --sh-1:0 0 0 1px rgba(232,188,210,.07), 0 2px 10px -3px rgba(0,0,0,.6);
  --sh-2:0 0 0 1px rgba(232,188,210,.11), 0 14px 40px -16px rgba(0,0,0,.75);
  --sh-3:0 0 0 1px rgba(232,188,210,.15), 0 26px 60px -22px rgba(0,0,0,.85);
  --sh-brand:0 10px 26px -12px rgba(232,188,210,.30);
  --grad:linear-gradient(135deg,#4a2740 0%,#3d2130 55%,#241220 100%);
  --hi:inset 0 1px 0 rgba(255,255,255,.10);
  --title:#f4eff2; --link:#efc9dc; --lede:#c6b9c1; --scheme:dark; --cal-filter:invert(1) brightness(1.6);
}
html[data-theme="dark"] img{filter:brightness(.86) contrast(1.03) saturate(.92)}
html[data-theme="dark"] .mpd-hero-h1{color:#fff}
html[data-theme="dark"] .mpd-tool{box-shadow:var(--sh-3)}
html[data-theme="dark"] .mpd-card:hover{box-shadow:var(--sh-3)}
/* Accessibilite */
.mpd-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--plum-surf);color:#fff;padding:.7rem 1.1rem;border-radius:0 0 10px 0;font-weight:700;text-decoration:none}
.mpd-skip:focus{left:0}
:focus-visible{outline:3px solid var(--apricot);outline-offset:2px;border-radius:4px}
.mpd-tool input:focus-visible,.mpd-tool select:focus-visible{outline:3px solid var(--apricot);outline-offset:1px}
main:focus{outline:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Figtree',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;font-size:17px}
h1,h2,h3{font-family:'Figtree',system-ui,sans-serif;line-height:1.2;color:var(--title);font-weight:600}
a{color:var(--link)}
.mpd-wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.15rem}
img{max-width:100%}
/* Header */
.mpd-header{position:sticky;top:0;z-index:40;background:var(--headbg);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.mpd-headrow{display:flex;align-items:center;gap:1rem;padding-top:.7rem;padding-bottom:.7rem}
.mpd-logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--plum);font-weight:700;flex:none}
.mpd-logo-ic{width:30px;height:30px;flex:none}
.mpd-logo-tx{font-size:1.2rem;white-space:nowrap;font-weight:600}
.mpd-logo-tx strong{color:var(--apricot-ink);font-weight:700}
/* Menu deroulant + theme */
.mpd-headactions{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.mpd-menu{position:relative}
.mpd-menubtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;
  background:var(--cream);border:1px solid var(--line);border-radius:10px;color:var(--plum);
  cursor:pointer;padding:0;transition:background .15s}
.mpd-menubtn:hover{background:var(--tint)}
.mpd-menubtn[aria-expanded="true"]{background:var(--plum-surf);color:#fff;border-color:var(--plum-surf)}
.mpd-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:3.5px;width:17px}
.mpd-burger span{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.mpd-menubtn[aria-expanded="true"] .mpd-burger span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.mpd-menubtn[aria-expanded="true"] .mpd-burger span:nth-child(2){opacity:0}
.mpd-menubtn[aria-expanded="true"] .mpd-burger span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.mpd-menupanel{position:absolute;right:0;top:calc(100% + .55rem);width:min(420px,calc(100vw - 2rem));
  background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 50px var(--shadow);
  padding:.5rem;z-index:60}
.mpd-nav{display:flex;flex-direction:column;gap:.1rem}
.mpd-nav a{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none;padding:.6rem .7rem;border-radius:10px}
.mpd-nav a:hover{background:var(--tint)}
.mpd-nav a.is-active{background:var(--tint)}
.mpd-menu-ic{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  background:var(--cream);border:1px solid var(--line);border-radius:10px;color:var(--plum)}
.mpd-menu-ic svg{width:20px;height:20px}
.mpd-menu-tx{display:flex;flex-direction:column;min-width:0}
.mpd-menu-tx strong{font-size:.95rem;font-weight:600;color:var(--plum)}
.mpd-menu-tx em{font-style:normal;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpd-menutitle{margin:.5rem .7rem .35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted)}
/* Bloc de recherche (accueil + piliers) */
.mpd-searchblock{margin:0 0 1.6rem}
.mpd-searchblock-l{display:block;font-family:'Figtree',system-ui,sans-serif;font-size:1.15rem;font-weight:600;color:var(--plum);margin:0 0 .55rem}
.mpd-searchblock .mpd-search{max-width:100%}
.mpd-searchblock input{font-size:1.02rem;padding:.85rem 1rem}
.mpd-menufoot{display:flex;gap:.4rem;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:.4rem;padding:.6rem .7rem .3rem}
.mpd-menufoot a{font-size:.85rem;font-weight:600;color:var(--apricot-ink);text-decoration:none;padding:.25rem .5rem;border-radius:8px}
.mpd-menufoot a:hover{background:var(--tint)}
.mpd-themebtn{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;
  background:var(--cream);border:1px solid var(--line);border-radius:10px;color:var(--plum);cursor:pointer;padding:0}
.mpd-themebtn:hover{background:var(--tint)}
.mpd-themebtn svg{width:20px;height:20px}
.mpd-ic-moon{display:none}
html[data-theme="dark"] .mpd-ic-sun{display:none}
html[data-theme="dark"] .mpd-ic-moon{display:flex}
.mpd-searchbar{padding-bottom:.7rem}
.mpd-search{position:relative;max-width:560px}
#mpd-search{width:100%;padding:.6rem .85rem;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--cream)}
#mpd-search:focus{outline:2px solid var(--apricot);background:var(--card)}
.mpd-search-res{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(90,42,67,.14);overflow:hidden;z-index:50}
.mpd-search-res a{display:block;padding:.6rem .8rem;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}
.mpd-search-res a:last-child{border-bottom:0}
.mpd-search-res a:hover{background:var(--tint)}
.mpd-search-res .t{font-weight:700;color:var(--plum)}
.mpd-search-res .none{display:block;padding:1rem 1.1rem;line-height:1.55}
.mpd-search-res .none strong{display:block;color:var(--plum);margin-bottom:.35rem}
.mpd-search-res .none span{display:block;font-size:.9rem;color:var(--muted)}
.mpd-search-res .none .none-links{margin-top:.6rem;font-size:.85rem;color:var(--muted)}
.mpd-search-res .none .none-links a{color:var(--apricot-ink);font-weight:600;text-decoration:none}
.mpd-search-res .none .none-links a:hover{text-decoration:underline}
.mpd-search-res .d{font-size:.82rem;color:var(--muted)}
.mpd-search-res .none{padding:.7rem .8rem;color:var(--muted);font-size:.9rem}
/* Hero */
.mpd-hero{background:linear-gradient(160deg,var(--plum-surf) 0%,var(--plum-surf-2) 100%);color:#fff;padding:3.4rem 0 3rem}
.mpd-hero-kick{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#edd0dd;margin:0 0 .6rem;font-weight:700}
.mpd-hero-h1{color:#fff;font-size:2.5rem;margin:.1rem 0 .6rem;font-weight:700}
.mpd-hero-sub{font-size:1.12rem;color:#ecd9df;max-width:620px;margin:0 0 1.4rem}
.mpd-hero-cta{display:flex;gap:.7rem;flex-wrap:wrap}
.mpd-btn-primary{background:#fff;color:#6b3350;font-weight:700;text-decoration:none;padding:.7rem 1.15rem;border-radius:10px}
.mpd-btn-primary:hover{background:#f2e6ec}
.mpd-btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff;text-decoration:none;padding:.7rem 1.15rem;border-radius:10px}
.mpd-btn-ghost:hover{background:rgba(255,255,255,.1)}
/* Entete des piliers : icone du cluster */
.mpd-pillarhead{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}
.mpd-pillar-ic{flex:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--cream);border:1px solid var(--line);border-radius:14px;color:var(--plum)}
.mpd-pillar-ic svg{width:32px;height:32px}
.mpd-pillarhead .mpd-h1{margin:0}
/* Hero : texte + illustration maison */
.mpd-herorow{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:center}
.mpd-hero-vis{display:flex;justify-content:center;color:rgba(247,241,234,.85)}
.mpd-hero-art{width:100%;max-width:300px;height:auto}
.mpd-hero-img{width:100%;max-width:320px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block;box-shadow:0 18px 40px rgba(0,0,0,.22)}
/* Bandeaux photo (pilier + article) */
.mpd-banner{margin:1.2rem 0 1.6rem;border-radius:var(--radius-lg);overflow:hidden;line-height:0;box-shadow:var(--sh-2)}
.mpd-banner img{width:100%;height:auto;aspect-ratio:8/3;object-fit:cover;display:block}
.mpd-banner.is-pillar img{aspect-ratio:8/3}
/* Colonne / article */
.mpd-col{padding:2rem 1.15rem 3rem;max-width:820px}
.page-home .mpd-col{max-width:var(--maxw)}
.mpd-crumb{font-size:.82rem;color:var(--muted);margin-bottom:.8rem}
.mpd-crumb a{color:var(--muted);text-decoration:none}
.mpd-crumb a:hover{color:var(--plum)}
.mpd-crumb .sep{margin:0 .4rem;opacity:.5}
.mpd-h1{font-size:2.1rem;margin:.2rem 0 .5rem;font-weight:700}
.mpd-updated{font-size:.82rem;color:var(--muted);margin:0 0 1.2rem}
.mpd-lede{font-size:1.16rem;color:var(--lede);margin-bottom:1rem}
.mpd-lede p{margin:.4rem 0}
.mpd-article{font-size:1.02rem}
.mpd-article h2{font-size:1.5rem;margin:2rem 0 .6rem;padding-top:.4rem}
.mpd-article h3{font-size:1.16rem;margin:1.3rem 0 .4rem}
.mpd-article p{margin:.7rem 0}
.mpd-article ul{margin:.6rem 0;padding-left:1.2rem}
.mpd-article li{margin:.3rem 0}
.mpd-article blockquote{border-left:3px solid var(--apricot);background:var(--cream);margin:1rem 0;padding:.8rem 1rem;border-radius:0 10px 10px 0;font-size:.98rem}
.mpd-article a{color:var(--apricot-ink)}
/* Bloc de verification : la methode remplace la signature */
.mpd-verif{display:flex;gap:1rem;margin:2rem 0 0;padding:1.2rem 1.3rem;background:var(--cream);border:1px solid var(--line);border-radius:16px}
.mpd-verif-ic{flex:none;width:40px;height:40px;color:var(--plum)}
.mpd-verif-ic svg{width:40px;height:40px}
.mpd-verif h2{font-size:1.05rem;margin:.1rem 0 .5rem}
.mpd-verif p{margin:0;font-size:.92rem;color:var(--muted);line-height:1.6}
.mpd-verif-links{margin-top:.7rem !important;display:flex;gap:1rem;flex-wrap:wrap}
.mpd-verif-links a{color:var(--apricot-ink);font-weight:600;text-decoration:none;font-size:.88rem}
.mpd-verif-links a:hover{text-decoration:underline}
/* Schemas : meme trait que les icones, aucune couleur en dur */
.mpd-schema{margin:1.6rem 0;padding:1.2rem 1.1rem .9rem;background:var(--cream);border:1px solid var(--line);border-radius:16px}
.mpd-schema svg{display:block;width:100%;height:auto;color:var(--plum);overflow:visible}
.mpd-schema .s-box{fill:var(--paper);stroke:currentColor;stroke-width:1.8}
.mpd-schema .s-fill{fill:var(--tint);stroke:currentColor;stroke-width:1.8}
.mpd-schema .s-line{stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mpd-schema .s-tb{fill:var(--plum);font-family:'Figtree',system-ui,sans-serif;font-size:14px;font-weight:600}
.mpd-schema .s-ts{fill:var(--muted);font-family:'Figtree',system-ui,sans-serif;font-size:12px}
.mpd-schema figcaption{margin-top:.9rem;font-size:.86rem;color:var(--muted);text-align:center;line-height:1.5}
/* Tableau comparatif */
.mpd-tablewrap{overflow-x:auto;margin:1.4rem 0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--sh-1)}
.mpd-article table{width:100%;border-collapse:collapse;font-size:.96rem;min-width:520px}
.mpd-article thead th{background:var(--plum-surf);color:#fff;font-family:'Figtree',system-ui,sans-serif;font-weight:600;text-align:left;padding:.7rem .85rem}
.mpd-article thead th:first-child{border-top-left-radius:12px}
.mpd-article thead th:last-child{border-top-right-radius:12px}
.mpd-article tbody th{text-align:left;font-weight:600;color:var(--plum);background:var(--cream);padding:.65rem .85rem;vertical-align:top}
.mpd-article tbody td{padding:.65rem .85rem;vertical-align:top;border-top:1px solid var(--line)}
.mpd-article tbody tr:nth-child(even) td{background:var(--tint)}
/* TOC */
.mpd-toc{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:.9rem 1.1rem;margin:1.2rem 0}
.mpd-toc p{margin:0 0 .4rem;font-weight:700;color:var(--title)}
.mpd-toc ul{margin:0;padding-left:1.1rem;columns:2}
.mpd-toc a{color:var(--apricot-ink);text-decoration:none;font-size:.92rem}
/* Cards home */
.mpd-sec-t{font-size:1.6rem;margin:2.2rem 0 1rem}
.mpd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.mpd-card{display:flex;flex-direction:column;gap:.35rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;text-decoration:none;color:var(--ink);box-shadow:var(--sh-1);transition:transform .18s ease,box-shadow .25s ease,border-color .18s}
.mpd-card:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--apricot)}
.mpd-card-ic{width:32px;height:32px;color:var(--link)}.mpd-card-ic svg{width:30px;height:30px}
.mpd-card:hover .mpd-card-ic{color:var(--apricot-ink)}
.mpd-card-t{font-size:1.14rem;font-weight:600;color:var(--title)}
.mpd-card-d{font-size:.9rem;color:var(--muted)}
.mpd-card-go{font-size:.82rem;font-weight:700;color:var(--apricot-ink);margin-top:.3rem}
/* Trust */
.mpd-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.2rem 0 0;padding:1.2rem;background:var(--tint);border-radius:var(--radius)}
.mpd-trust div{display:flex;flex-direction:column}
.mpd-trust strong{color:var(--plum)}
.mpd-trust span{font-size:.86rem;color:var(--muted)}
/* CTA */
.mpd-cta{margin:2rem 0;border:1px solid var(--line);border-left:4px solid var(--apricot);background:var(--cream);border-radius:var(--radius);box-shadow:var(--sh-1)}
.mpd-cta-in{padding:1.2rem 1.3rem}
.mpd-cta h2{font-size:1.25rem;margin:0 0 .3rem}
.mpd-cta p{margin:.3rem 0;color:var(--lede)}
.mpd-cta-actions{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;margin-top:.7rem}
.mpd-cta-alt{color:var(--link);text-decoration:none;font-weight:600;font-size:.92rem;border-bottom:1px solid var(--line);padding-bottom:1px}
.mpd-cta-alt:hover{border-bottom-color:var(--link)}
.mpd-cta-off{margin:.8rem 0 0 !important;font-size:.88rem;color:var(--muted)}
.mpd-cta-off a{color:var(--apricot);font-weight:600;text-decoration:none}
.mpd-cta-off a:hover{text-decoration:underline}
.mpd-cta-btn{display:inline-block;margin-top:0;background:var(--grad);color:#fff;text-decoration:none;padding:.7rem 1.25rem;border-radius:999px;font-weight:700;box-shadow:var(--sh-brand),var(--hi);transition:transform .15s ease,box-shadow .2s ease}
.mpd-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(107,51,80,.65),var(--hi)}
.mpd-cta-note{font-size:.78rem;color:var(--muted);margin-top:.6rem}
/* FAQ */
.mpd-faq{margin:2rem 0}
.mpd-faq h2{font-size:1.5rem;margin-bottom:.6rem}
.mpd-faq-item{border:1px solid var(--line);border-radius:12px;margin:.6rem 0;background:var(--card);box-shadow:var(--sh-1);transition:box-shadow .2s ease}
.mpd-faq-item:hover{box-shadow:var(--sh-2)}
.mpd-faq-item summary{cursor:pointer;padding:.85rem 1rem;font-weight:600;color:var(--title)}
.mpd-faq-a{padding:0 1rem 1rem;color:var(--lede)}
/* Poll */
.mpd-poll{background:var(--grad);color:#fff;border-radius:var(--radius-lg);padding:1.4rem 1.5rem;margin:2rem 0;box-shadow:var(--sh-2),var(--hi)}
.mpd-poll-q{font-size:1.14rem;margin:0 0 .8rem;font-weight:600}
.mpd-poll-opts{display:flex;gap:.5rem;flex-wrap:wrap}
.mpd-poll-opts button{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;padding:.5rem .85rem;font:inherit;cursor:pointer}
.mpd-poll-opts button:hover{background:#fff;color:#6b3350;border-color:#fff}
.mpd-poll-thanks{color:#edd0dd;margin:.8rem 0 0;font-weight:700}
/* Outils interactifs */
.mpd-tool{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem 1.7rem;margin:2rem 0;box-shadow:var(--sh-3)}
.mpd-tool h3{font-size:1.25rem;margin:0 0 .15rem}
.mpd-tool-sub{font-size:.9rem;color:var(--muted);margin:0 0 1.1rem}
.mpd-tool-field{margin-bottom:.9rem}
.mpd-tool-field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem;color:var(--title)}
.mpd-tool input[type=number],.mpd-tool input[type=date],.mpd-tool select{width:100%;padding:.75rem .9rem;border-radius:12px;border:1.5px solid var(--line);background:var(--field);color:var(--ink);-webkit-text-fill-color:var(--ink);color-scheme:var(--scheme);font:inherit;font-size:1.02rem;font-weight:600;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;transition:border-color .15s,box-shadow .15s}
.mpd-tool input::placeholder{color:var(--muted);opacity:.85}
.mpd-tool input[type=number]::-webkit-outer-spin-button,.mpd-tool input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mpd-tool select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b3350' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.3rem}
.mpd-tool input[type=date]{min-height:3rem;color-scheme:var(--scheme)}
.mpd-tool input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;filter:var(--cal-filter)}
.mpd-tool input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}
.mpd-tool input:focus,.mpd-tool select:focus{outline:none;border-color:var(--apricot);box-shadow:0 0 0 4px rgba(107,51,80,.20)}
.mpd-chips{display:flex;gap:.5rem;flex-wrap:wrap}
.mpd-chip{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:.5rem .95rem;font:inherit;font-size:.9rem;font-weight:600;color:var(--title);cursor:pointer;transition:.15s}
.mpd-chip.active{background:var(--plum-surf);color:#fff;border-color:var(--plum)}
.mpd-tool-res{margin-top:1.2rem;background:var(--grad);color:#fff;border-radius:18px;padding:1.4rem 1.3rem;text-align:center;box-shadow:var(--sh-2),var(--hi)}
.mpd-tool-res .lbl{text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;color:#e8bcd2;font-weight:700}
.mpd-tool-res .num{font-size:2.4rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:.2rem 0}
.mpd-tool-res .hint{font-size:.82rem;color:#eed9de}
.mpd-tool-note{font-size:.76rem;color:var(--muted);margin:.75rem 0 0}
/* Outil long (plus-value) */
.mpd-tool-step{font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700;margin:1.6rem 0 .8rem;padding-top:1rem;border-top:1px solid var(--line)}
.mpd-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:640px){.mpd-tool-grid{grid-template-columns:1fr}}
.mpd-tool-help{display:block;font-size:.76rem;color:var(--muted);margin-top:.35rem;line-height:1.45}
.mpd-tool-lines{margin-top:1rem}
.mpd-tool-lines .ln{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.9rem}
.mpd-tool-lines .ln .v{font-weight:700;white-space:nowrap;color:var(--link)}
.mpd-tool-lines .ln.sub{font-size:.82rem;color:var(--muted)}
.mpd-tool-lines .ln.sub .v{color:var(--muted);font-weight:600}
.mpd-tool-lines .ln.tot{border-bottom:none;border-top:2px solid var(--link);font-weight:800;padding-top:.7rem}
.mpd-tool-lines .ln.tot .v{font-size:1.05rem}
/* Zone de justificatifs : les fichiers ne quittent jamais l'appareil */
.mpd-tool-cmp{margin:.5rem 0 0;font-size:.82rem;font-weight:600;color:var(--title);background:var(--tint);border-left:3px solid var(--apricot);border-radius:0 8px 8px 0;padding:.5rem .7rem;line-height:1.5}
.mpd-drop{margin-top:.8rem}
.mpd-drop-zone{display:block;border:1.5px dashed var(--line);border-radius:12px;padding:.9rem 1rem;cursor:pointer;background:var(--field);transition:border-color .15s,background .15s}
.mpd-drop-zone:hover,.mpd-drop-zone.is-over{border-color:var(--apricot);background:var(--tint)}
.mpd-drop-zone input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.mpd-drop-t{display:block;font-weight:700;font-size:.9rem;color:var(--title)}
.mpd-drop-s{display:block;font-size:.78rem;color:var(--muted);margin-top:.15rem;line-height:1.45}
.mpd-drop-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.mpd-drop-list li{display:flex;align-items:center;gap:.6rem;font-size:.85rem;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:.45rem .65rem}
.mpd-drop-list .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.mpd-drop-list .sz{color:var(--muted);font-size:.78rem;white-space:nowrap}
.mpd-drop-list .rm{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:1.1rem;line-height:1;padding:0 .2rem}
.mpd-drop-list .rm:hover{color:var(--link)}
.mpd-drop-legal{font-size:.74rem;color:var(--muted);margin:.5rem 0 0;line-height:1.45}
.mpd-tool-actions{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem}
.mpd-tool-print{align-self:flex-start;background:var(--grad);color:#fff;border:0;border-radius:999px;padding:.65rem 1.25rem;font:inherit;font-weight:700;cursor:pointer;box-shadow:var(--sh-brand),var(--hi);transition:transform .15s ease}
.mpd-tool-print:hover{transform:translateY(-2px)}
/* Lead magnet */
.mpd-lead{display:flex;gap:1rem;background:var(--grad);color:#fff;border-radius:var(--radius-lg);padding:1.6rem 1.7rem;margin:2.2rem 0;box-shadow:var(--sh-3),var(--hi)}
.mpd-lead-ic{flex:none}.mpd-lead-ic svg{width:40px;height:40px}
.mpd-lead h2{color:#fff;font-size:1.28rem;margin:0 0 .3rem}
.mpd-lead p{color:#ecd9df;margin:0 0 .9rem;font-size:.96rem}
.mpd-optin-row2{display:flex;gap:.5rem;margin-bottom:.5rem}
.mpd-optin-row{display:flex;gap:.5rem}
.mpd-optin input{flex:1;padding:.6rem .75rem;border:1px solid #d9cbd0;border-radius:9px;font:inherit;color:#2b2333;background:#fff;-webkit-text-fill-color:#2b2333}
.mpd-optin button{background:#fff;color:#6b3350;border:0;border-radius:999px;padding:.65rem 1.25rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(0,0,0,.35);transition:transform .15s ease,box-shadow .2s ease}
.mpd-optin button:hover{background:#f2e6ec;transform:translateY(-2px);box-shadow:0 13px 26px -9px rgba(0,0,0,.42)}
.mpd-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mpd-optin-legal{font-size:.76rem;color:#d8bcc7;margin:.6rem 0 0}
.mpd-optin-legal a{color:#edd0dd}
.mpd-optin-ok{margin-top:.7rem;background:rgba(255,255,255,.1);padding:.7rem .85rem;border-radius:9px}
.mpd-optin-ok a{display:inline-block;margin-top:.4rem;background:#fff;color:#6b3350;text-decoration:none;padding:.45rem .8rem;border-radius:8px;font-weight:700}
.mpd-optin-err{margin-top:.6rem;color:#ffd7c2}
@media(max-width:560px){.mpd-optin-row2,.mpd-optin-row{flex-direction:column}.mpd-lead{flex-direction:column}}
/* Sources / related */
.mpd-sources{margin:2rem 0;padding:1.1rem 1.2rem;background:var(--cream);border-radius:12px;border:1px solid var(--line)}
.mpd-sources h2{font-size:1.1rem;margin:0 0 .5rem}
.mpd-sources ul{margin:0;padding-left:1.1rem}
.mpd-sources a{color:var(--apricot-ink)}
.mpd-related{margin:2rem 0}
.mpd-related h2{font-size:1.25rem;margin-bottom:.4rem}
.mpd-related ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.mpd-related a{display:block;padding:.75rem .9rem;background:var(--card);border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--plum);font-weight:600}
.mpd-related a:hover{border-color:var(--apricot);background:var(--cream)}
/* Footer */
.mpd-footer{background:var(--plum-surf);color:#dcc9d1;margin-top:3rem;padding:2.4rem 0 1.6rem}
.mpd-logo--foot .mpd-logo-tx{color:#fff}
.mpd-logo--foot .mpd-logo-tx strong{color:#e8bcd2}
.mpd-foot-tag{font-size:.9rem;margin:.6rem 0 0;color:#c3aab4}
.mpd-footer h3{color:#fff;font-size:1rem;margin:0 0 .6rem}
.mpd-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.mpd-footer a{color:#dcc9d1;text-decoration:none;font-size:.9rem}
.mpd-footer a:hover{color:#fff}
.mpd-foot-disc{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14);font-size:.8rem;color:#b79aa5}
.mpd-copy{margin-top:.6rem}
.mpd-footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.6rem}
@media(max-width:820px){.mpd-footgrid{grid-template-columns:1fr 1fr}.mpd-trust{grid-template-columns:1fr}}
@media(max-width:720px){.mpd-hero-h1{font-size:2rem}
.mpd-footgrid{grid-template-columns:1fr}.mpd-toc ul{columns:1}
.mpd-herorow{grid-template-columns:1fr;gap:1.4rem}.mpd-hero-art{max-width:220px}
.mpd-hero-img{max-width:100%}
.mpd-logo-tx{font-size:1.05rem}.mpd-menubtn{padding:.5rem .7rem}
.mpd-menupanel{position:fixed;left:1rem;right:1rem;top:64px;width:auto}}

/* Impression : on imprime beaucoup de pages juridiques, autant les rendre lisibles */
@media print{
  .mpd-header,.mpd-footer,.mpd-searchblock,.mpd-lead,.mpd-poll,.mpd-cta,.mpd-tool,.mpd-related,.mpd-themebtn,.mpd-menu{display:none !important}
  body{font-size:11.5pt;color:#000;background:#fff}
  .mpd-col{max-width:100%;padding:0}
  h1,h2,h3{color:#000;page-break-after:avoid}
  .mpd-article table,.mpd-schema,figure,blockquote{page-break-inside:avoid}
  .mpd-article thead th{background:#eee !important;color:#000 !important}
  .mpd-banner{display:none}
  /* on imprime l'adresse des liens : sur papier, un lien sans URL ne sert a rien */
  .mpd-article a[href^="/"]::after{content:" (monpleindroit.com" attr(href) ")";font-size:9pt;color:#555}
  .mpd-sources a::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
  .mpd-verif{border:1px solid #ccc;background:#fff}
  /* Le recapitulatif du simulateur, lui, doit s'imprimer : c'est ce qu'on emporte
     chez le notaire. On garde le resultat, le detail et la liste des justificatifs,
     on jette les champs de saisie. */
  body.has-recap .mpd-tool{display:block !important;border:1px solid #ccc;background:#fff;box-shadow:none;page-break-inside:avoid}
  body.has-recap .mpd-tool-field,body.has-recap .mpd-tool-grid,body.has-recap .mpd-tool-step,
  body.has-recap .mpd-chips,body.has-recap .mpd-drop-zone,body.has-recap .mpd-tool-actions,
  body.has-recap .mpd-tool-sub,body.has-recap .mpd-drop-legal{display:none !important}
  body.has-recap .mpd-drop{display:block !important;margin-top:.6rem}
  body.has-recap .mpd-drop-list li{border:1px solid #ddd;background:#fff}
  body.has-recap .mpd-tool-res{background:#f4f4f4 !important;color:#000 !important;border:1px solid #ccc}
  body.has-recap .mpd-tool-res .lbl,body.has-recap .mpd-tool-res .hint{color:#000 !important}
  body.has-recap .mpd-tool-lines .ln .v{color:#000}
  body.has-recap .mpd-recap-src{display:block;font-size:9pt;color:#555;margin-top:.6rem}
}
.mpd-recap-src{display:none}
