@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/fraunces-600-normal.woff2) format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-400-normal.woff2) format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-600-normal.woff2) format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-700-normal.woff2) format('woff2');}
/* respetamos a quien pide menos movimiento en el sistema */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}
*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}}
/* le modèle de boîte, avant toute chose */
*,::before,::after{box-sizing:border-box;min-width:0;}
/* aucune image ne sort de sa colonne */
img,svg{display:block;max-width:100%;height:auto;}video,canvas{max-width:100%;height:auto;}
/* on remet les marges à plat, le reste est défini plus bas */
:where(body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,figure,fieldset){margin:0;padding:0;}
a{color:inherit;text-decoration-skip-ink:auto;}
ul,ol{list-style:none;}
table{border-collapse:collapse;width:100%;}
button,input,textarea,select{font:inherit;color:inherit;}
/* les couleurs et l'échelle de tailles du site */
:root{
  --fondo: #f4f6f4;
  --papel: #ffffff;
  --tinta: #12211c;
  --gris: #5c6f68;
  --verde: #1f5f4e;
  --hondo: #0f3830;
  --menta: #b9dbcf;
  --linea: #d3ded8;
  --marca: #cfe9de;
  --foco: #1f5f4e;
  --ancho: 78rem;
  --col: 44rem;
  --s0: clamp(1rem, 1rem + 0.14vw, 1.125rem);
  --s1: clamp(1.16rem, 1.09rem + 0.34vw, 1.37rem);
  --s2: clamp(1.38rem, 1.24rem + 0.7vw, 1.86rem);
  --s3: clamp(1.66rem, 1.4rem + 1.28vw, 2.55rem);
  --s4: clamp(2rem, 1.53rem + 2.32vw, 3.5rem);
  --s5: clamp(2.4rem, 1.6rem + 3.9vw, 4.8rem);
}
body{font-family:'Manrope', system-ui, sans-serif;font-size:var(--s0);background:var(--fondo);color:var(--tinta);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
/* salto al contenido, texto sólo para lectores y foco visible */
.salto{position:absolute;left:-9999px;top:0;z-index:99;padding:.7rem 1.1rem;background:var(--tinta);color:var(--fondo);text-decoration:none;}
.salto:focus{left:.5rem;top:.5rem;}
.oculto{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
:focus-visible{outline:3px solid var(--foco);outline-offset:2px;}
::selection{background:var(--marca);}

/* ── mafatih · lecture à gauche, rail collant à droite ───────────────────── */
body{line-height:1.7;}

.mk-tete{background:var(--hondo);color:#d6ece3;}
.mk-tete-in{max-width:var(--ancho);margin:0 auto;padding:1.1rem 1.5rem;display:flex;
  align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.mk-id{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;}
.mk-id img{width:40px;height:40px;}
.mk-nom{font-family:'Fraunces',Georgia,serif;font-size:1.32rem;font-weight:600;line-height:1.05;}
.mk-nom small{display:block;font-family:'Manrope',sans-serif;font-size:.63rem;letter-spacing:.22em;
  text-transform:uppercase;color:#7fb3a2;font-weight:600;margin-top:.35rem;}
.mk-bur{background:none;border:1px solid #3d6f60;color:#d6ece3;padding:.42rem 1rem;cursor:pointer;
  font-family:'Manrope',sans-serif;font-size:.82rem;border-radius:999px;}
.mk-joindre{display:none;font-size:.8rem;color:#9dc6b6;text-align:right;line-height:1.5;}
.mk-joindre span{display:block;}
.mk-joindre a{color:#cfe9de;}
@media (min-width:52rem){.mk-joindre{display:block;}}
.mk-nav{background:var(--verde);border-bottom:1px solid #17493c;}
.mk-nav ul{max-width:var(--ancho);margin:0 auto;padding:0 1.5rem;display:flex;flex-wrap:wrap;
  gap:0 1.6rem;}
.mk-nav a{display:block;padding:.6rem 0;font-family:'Manrope',sans-serif;font-size:.83rem;
  font-weight:600;text-decoration:none;color:#cfe9de;border-bottom:3px solid transparent;
  margin-bottom:-1px;}
.mk-nav a:hover{color:#fff;border-bottom-color:var(--menta);}
.mk-nav [aria-current]{color:#fff;border-bottom-color:#fff;}
.mk-mob{background:var(--verde);}
.mk-mob ul{max-width:var(--ancho);margin:0 auto;padding:.3rem 1.5rem 1rem;}
.mk-mob a{display:block;padding:.55rem 0;text-decoration:none;color:#cfe9de;
  border-bottom:1px solid #2f6d5c;font-family:'Manrope',sans-serif;font-size:.94rem;}
@media (min-width:62rem){.mk-bur,.mk-mob{display:none;}}
@media (max-width:61.99rem){.mk-nav{display:none;}}

.mk-page{max-width:var(--ancho);margin:0 auto;padding:2.3rem 1.5rem 3.2rem;}
.mk-grille{display:grid;gap:2.6rem;align-items:start;}
@media (min-width:64rem){.mk-grille{grid-template-columns:minmax(0,var(--col)) minmax(0,1fr);gap:3.4rem;}}
.mk-rail{position:static;}
@media (min-width:64rem){.mk-rail{position:sticky;top:1.6rem;}}
.mk-carte{background:var(--papel);border:1px solid var(--linea);border-radius:.7rem;
  padding:1.2rem 1.3rem;margin-bottom:1.2rem;}
.mk-carte h2{font-family:'Manrope',sans-serif;font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--verde);margin:0 0 .75rem;font-weight:700;}
.mk-carte ul{margin:0;}
.mk-carte li{position:relative;padding-left:1.3rem;margin-bottom:.55rem;font-size:.92rem;
  line-height:1.55;}
.mk-carte li::before{content:"◆";position:absolute;left:0;color:var(--verde);font-size:.62rem;top:.4rem;}
.mk-carte li:last-child{margin-bottom:0;}
.mk-carte p{margin:0 0 .6rem;font-size:.92rem;}
.mk-carte p:last-child{margin-bottom:0;}
.mk-sommaire a{display:block;padding:.36rem 0;font-size:.9rem;text-decoration:none;
  border-bottom:1px solid var(--linea);color:var(--tinta);}
.mk-sommaire a:hover{color:var(--verde);}
.mk-sommaire li:last-child a{border-bottom:none;}

.mk-h1{font-family:'Fraunces',Georgia,serif;font-size:var(--s4);line-height:1.09;font-weight:600;
  letter-spacing:-.02em;margin:0 0 .9rem;color:var(--hondo);}
.mk-intro{font-size:var(--s1);line-height:1.55;color:#31463f;margin:0 0 1.5rem;}
.mk-dateline{font-family:'Manrope',sans-serif;font-size:.78rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--gris);background:var(--papel);border:1px solid var(--linea);
  border-radius:.7rem;padding:.7rem 1rem;margin:0 0 2rem;display:flex;flex-wrap:wrap;gap:.3rem 1.5rem;}
.mk-dateline b{color:var(--verde);font-weight:700;}
.mk-h2{font-family:'Fraunces',Georgia,serif;font-size:var(--s2);font-weight:600;
  margin:2.5rem 0 .75rem;color:var(--hondo);letter-spacing:-.012em;}
.mk-h3{font-family:'Manrope',sans-serif;font-size:var(--s1);font-weight:700;margin:1.7rem 0 .4rem;}
.mk-txt{margin:0 0 1.15rem;}
.mk-sec{margin:0;}
.mk-a{color:var(--verde);text-decoration:underline;text-underline-offset:.17em;}
.mk-a:hover{background:var(--marca);}
.mk-liste{margin:0 0 1.2rem;}
.mk-item{padding-left:1.5rem;position:relative;margin-bottom:.55rem;}
.mk-item::before{content:"›";position:absolute;left:.25rem;color:var(--verde);font-weight:700;}
.mk-note{font-size:.88rem;color:var(--gris);background:var(--papel);border:1px solid var(--linea);
  border-radius:.7rem;padding:1rem 1.15rem;margin-top:2.2rem;}
.mk-etiq{display:inline-block;font-family:'Manrope',sans-serif;font-size:.66rem;letter-spacing:.2em;
  text-transform:uppercase;color:#fff;background:var(--verde);padding:.22rem .7rem;border-radius:999px;
  font-weight:700;margin-bottom:.8rem;}

/* la une : des dossiers empilés, numérotés */
.mk-dossiers{list-style:none;margin:1.6rem 0 0;padding:0;counter-reset:d;}
.mk-dossier{counter-increment:d;background:var(--papel);border:1px solid var(--linea);
  border-radius:.8rem;overflow:hidden;margin-bottom:1.1rem;display:grid;gap:0;}
@media (min-width:40rem){.mk-dossier{grid-template-columns:15rem 1fr;}}
.mk-dossier-txt{padding:1.2rem 1.35rem 1.3rem;}
.mk-dossier h3{font-family:'Fraunces',Georgia,serif;font-size:1.24rem;font-weight:600;
  line-height:1.22;margin:0 0 .45rem;}
.mk-dossier h3::before{content:"0" counter(d) " ";font-family:'Manrope',sans-serif;
  font-size:.78rem;letter-spacing:.14em;color:var(--verde);font-weight:700;vertical-align:.32em;}
.mk-dossier h3 a{text-decoration:none;color:var(--hondo);}
.mk-dossier h3 a:hover{color:var(--verde);}
.mk-dossier p{margin:0 0 .5rem;font-size:.94rem;color:#3d514a;}
.mk-quand{font-family:'Manrope',sans-serif;font-size:.78rem;letter-spacing:.07em;color:var(--gris);
  margin:0;}
.mk-vignette{height:100%;}

.mk-defs{margin:1.4rem 0;}
.mk-def{display:grid;grid-template-columns:1fr;padding:.75rem 1rem;background:var(--papel);
  border:1px solid var(--linea);border-radius:.6rem;margin-bottom:.5rem;}
@media (min-width:38rem){.mk-def{grid-template-columns:15rem 1fr;gap:0 1.2rem;}}
.mk-mot{font-family:'Manrope',sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--verde);font-weight:700;}
.mk-sens{margin:0;}

.mk-repli{background:var(--papel);border:1px solid var(--linea);border-radius:.6rem;
  margin-bottom:.55rem;}
.mk-repli summary{cursor:pointer;padding:.9rem 1.1rem;font-family:'Manrope',sans-serif;
  font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem;}
.mk-repli summary::-webkit-details-marker{display:none;}
.mk-repli summary::after{content:"+";color:var(--verde);font-size:1.15rem;line-height:1;}
.mk-repli[open] summary::after{content:"–";}
.mk-repli p{margin:0;padding:0 1.1rem 1.05rem;}

.mk-deux{display:grid;gap:2.2rem;margin-top:1.4rem;}
@media (min-width:52rem){.mk-deux{grid-template-columns:1fr 1fr;gap:2.8rem;}}
.mk-bloc{margin-bottom:1.1rem;}
.mk-lab{display:block;font-family:'Manrope',sans-serif;font-size:.78rem;color:var(--gris);
  margin-bottom:.3rem;font-weight:700;}
.mk-opt{font-weight:400;}
.mk-in,.mk-ta{width:100%;background:var(--papel);border:1px solid #b6c6bf;border-radius:.5rem;
  padding:.62rem .8rem;font-family:'Manrope',sans-serif;}
.mk-ta{resize:vertical;line-height:1.6;}
.mk-in:focus,.mk-ta:focus{outline:2px solid var(--verde);outline-offset:1px;border-color:var(--verde);}
.mk-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;}
.mk-box{margin-top:.32rem;width:1.05rem;height:1.05rem;accent-color:var(--verde);}
.mk-err{color:#a33320;font-size:.85rem;margin-top:.25rem;}
.mk-btn{background:var(--verde);color:#fff;border:none;border-radius:999px;padding:.75rem 2rem;
  cursor:pointer;font-family:'Manrope',sans-serif;font-size:.88rem;font-weight:700;}
.mk-btn:hover{background:var(--hondo);}

.mk-fil{font-family:'Manrope',sans-serif;font-size:.76rem;color:var(--gris);margin-bottom:1.2rem;}
.mk-fil ul{display:flex;flex-wrap:wrap;gap:.3rem;}
.mk-fil li+li::before{content:"›";color:var(--verde);margin-right:.3rem;}
.mk-fil a{color:inherit;}

.mk-pied{background:var(--hondo);color:#a9c9bd;margin-top:3rem;}
.mk-pied-in{max-width:var(--ancho);margin:0 auto;padding:2.4rem 1.5rem 2.8rem;}
.mk-pied h2{font-family:'Fraunces',serif;color:#fff;font-size:1.05rem;margin:0 0 .8rem;}
.mk-pied-tres{display:grid;gap:1.6rem 2.4rem;margin-bottom:1.8rem;}
@media (min-width:44rem){.mk-pied-tres{grid-template-columns:repeat(3,1fr);}}
.mk-pied-nav{display:flex;flex-direction:column;gap:.42rem;}
.mk-pied-nav a{color:#a9c9bd;text-decoration:none;font-size:.86rem;}
.mk-pied-nav a:hover{color:#fff;text-decoration:underline;}
.mk-mentions{font-size:.83rem;line-height:1.66;border-top:1px solid #275045;padding-top:1.2rem;}
.mk-mentions strong{color:#fff;}
.mk-mentions a{color:#8ecbb4;}

/* avis cookies : encart centré en bas, arrondi comme le reste */
.mk-cook{position:fixed;left:50%;transform:translateX(-50%);bottom:1rem;width:min(38rem,calc(100% - 2rem));
  background:var(--papel);border:1px solid var(--verde);border-radius:.8rem;padding:1rem 1.2rem;
  box-shadow:0 8px 30px rgba(15,56,48,.18);z-index:40;font-size:.87rem;display:flex;flex-wrap:wrap;
  gap:.7rem 1.2rem;align-items:center;justify-content:space-between;}
.mk-cook p{margin:0;flex:1 1 16rem;}
.mk-cook button{border:1px solid var(--verde);background:none;border-radius:999px;
  padding:.35rem 1rem;cursor:pointer;font-family:'Manrope',sans-serif;font-size:.8rem;
  margin-left:.35rem;}
.mk-cook button:first-of-type{background:var(--verde);color:#fff;}

/* imágenes: proporción fija para que nada salte al cargar */
.mk-vignette{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
.mk-une{margin:0 0 2rem;}
.mk-une img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.mk-une figcaption,.mk-fig figcaption{font-size:.85rem;color:var(--gris);margin-top:.55rem;}
.mk-fig{margin:1.9rem 0;}
.mk-fig img{width:100%;object-fit:cover;}
.mk-vignette,.mk-une img,.mk-fig img{border-radius:.55rem;}