@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/playfair-display-700-normal.woff2) format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/karla-400-normal.woff2) format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/karla-600-normal.woff2) format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/karla-700-normal.woff2) format('woff2');}
/* on fixe le modèle de boîte une fois pour toutes */
html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}
/* les marges par défaut du navigateur ne servent à rien ici */
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;}ul,ol,fieldset,legend{margin:0;padding:0;}
/* 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;}}
/* les images restent dans leur colonne, quelle que soit la largeur */
img,picture,svg,video,canvas{display:block;max-width:100%;height:auto;}
ul[class],ol[class]{list-style:none;}
button,input,textarea,select{font:inherit;color:inherit;}
a{color:inherit;}
table{border-collapse:collapse;width:100%;}
/* couleurs et échelle typographique du journal */
:root{
  --fondo: #ffffff;
  --papel: #f7f4f1;
  --tinta: #161311;
  --gris: #665e58;
  --bordo: #7a2233;
  --sombra: #4d1520;
  --regla: #d8d0c8;
  --cifra: #a8482f;
  --marca: #f4dcd6;
  --foco: #7a2233;
  --ancho: 74rem;
  --s0: clamp(1rem, 1rem + 0.1vw, 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:'Karla', 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);}

/* ── myifc · maquette de quotidien : bandeau centré, colonnes de une ──────── */
body{line-height:1.66;}
.mi-largeur{max-width:var(--ancho);margin:0 auto;padding:0 1.4rem;}

.mi-datation{border-bottom:1px solid var(--regla);font-size:.77rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gris);}
.mi-datation div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1.5rem;
  padding:.5rem 1.4rem;max-width:var(--ancho);margin:0 auto;}

.mi-tete{text-align:center;border-bottom:3px double var(--tinta);}
.mi-tete-in{padding:1.7rem 1.4rem 1.3rem;max-width:var(--ancho);margin:0 auto;}
.mi-logo{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:inherit;}
.mi-logo img{width:44px;height:44px;}
.mi-titre-journal{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,1.2rem + 3.4vw,3.4rem);
  font-weight:700;letter-spacing:-.02em;line-height:1;}
.mi-devise{display:block;font-family:'Karla',sans-serif;font-size:.68rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--bordo);margin-top:.7rem;font-weight:600;}

.mi-bouton{background:none;border:1px solid var(--tinta);padding:.4rem 1rem;cursor:pointer;
  font-family:'Karla',sans-serif;font-size:.8rem;margin-top:1rem;}
.mi-menu{border-bottom:1px solid var(--regla);}
.mi-menu ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.9rem;
  max-width:var(--ancho);margin:0 auto;padding:0 1.4rem;}
.mi-menu a{display:block;padding:.68rem 0;font-family:'Karla',sans-serif;font-size:.82rem;
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--tinta);
  border-bottom:3px solid transparent;margin-bottom:-1px;font-weight:600;}
.mi-menu a:hover{border-bottom-color:var(--cifra);}
.mi-menu [aria-current]{border-bottom-color:var(--bordo);color:var(--bordo);}
.mi-mobile{border-bottom:1px solid var(--regla);}
.mi-mobile ul{max-width:var(--ancho);margin:0 auto;padding:.3rem 1.4rem 1rem;}
.mi-mobile a{display:block;padding:.55rem 0;text-decoration:none;border-bottom:1px solid var(--regla);
  font-family:'Karla',sans-serif;font-size:.94rem;}
@media (min-width:60rem){.mi-bouton,.mi-mobile{display:none;}}
@media (max-width:59.99rem){.mi-menu{display:none;}}

.mi-corps{max-width:var(--ancho);margin:0 auto;padding:2.2rem 1.4rem 3rem;}
.mi-h1{font-family:'Playfair Display',Georgia,serif;font-size:var(--s4);line-height:1.06;
  font-weight:700;letter-spacing:-.022em;margin:0 0 .9rem;}
.mi-chapeau{font-size:var(--s1);line-height:1.5;color:#3a322d;margin:0 0 1.4rem;max-width:52ch;}
.mi-signature{font-family:'Karla',sans-serif;font-size:.77rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--gris);border-top:1px solid var(--tinta);
  border-bottom:1px solid var(--regla);padding:.55rem 0;margin:0 0 2rem;
  display:flex;flex-wrap:wrap;gap:.3rem 1.5rem;}
.mi-signature b{color:var(--bordo);font-weight:700;}
.mi-h2{font-family:'Playfair Display',Georgia,serif;font-size:var(--s2);font-weight:700;
  margin:2.4rem 0 .7rem;letter-spacing:-.015em;}
.mi-h3{font-family:'Karla',sans-serif;font-size:var(--s1);font-weight:700;margin:1.7rem 0 .4rem;}
.mi-para{margin:0 0 1.1rem;max-width:66ch;}
.mi-part{margin:0;}
.mi-lien{color:var(--bordo);text-decoration:underline;text-underline-offset:.16em;}
.mi-lien:hover{background:var(--marca);}
.mi-puces{margin:0 0 1.2rem;max-width:66ch;}
.mi-puce{padding-left:1.5rem;position:relative;margin-bottom:.5rem;}
.mi-puce::before{content:"■";position:absolute;left:0;color:var(--bordo);font-size:.62rem;top:.42rem;}
.mi-avis{font-size:.87rem;color:var(--gris);background:var(--papel);padding:1rem 1.15rem;
  margin-top:2.2rem;max-width:66ch;border-left:4px solid var(--bordo);}

/* la une : un article d'ouverture, puis trois colonnes */
.mi-ouverture{display:grid;gap:1.6rem;margin:1.6rem 0 2.4rem;padding-bottom:2rem;
  border-bottom:3px double var(--tinta);}
@media (min-width:56rem){.mi-ouverture{grid-template-columns:1.35fr 1fr;gap:2.4rem;align-items:start;}}
.mi-une img{width:100%;}
.mi-cat{font-family:'Karla',sans-serif;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--bordo);font-weight:700;display:block;margin-bottom:.4rem;}
.mi-ouverture h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.6rem,1.1rem + 1.8vw,2.3rem);
  font-weight:700;line-height:1.14;letter-spacing:-.02em;margin:0 0 .6rem;}
.mi-ouverture h3 a{text-decoration:none;}
.mi-ouverture h3 a:hover{color:var(--bordo);}
.mi-ouverture p{margin:0 0 .6rem;font-size:1.02rem;color:#3a322d;}

.mi-colonnes{display:grid;gap:1.6rem 2.2rem;list-style:none;padding:0;margin:0;}
@media (min-width:44rem){.mi-colonnes{grid-template-columns:1fr 1fr;}}
@media (min-width:70rem){.mi-colonnes{grid-template-columns:repeat(3,1fr);}}
.mi-breve{border-top:2px solid var(--tinta);padding-top:.9rem;}
.mi-breve h3{font-family:'Playfair Display',Georgia,serif;font-size:1.22rem;font-weight:700;
  line-height:1.2;margin:0 0 .45rem;}
.mi-breve h3 a{text-decoration:none;}
.mi-breve h3 a:hover{color:var(--bordo);}
.mi-breve p{margin:0 0 .5rem;font-size:.93rem;color:#413934;}
.mi-quand{font-family:'Karla',sans-serif;font-size:.77rem;letter-spacing:.07em;color:var(--gris);margin:0;}
.mi-vignette{margin-bottom:.7rem;}

.mi-encadre{border:1px solid var(--tinta);padding:1.3rem 1.4rem;margin:2.2rem 0;max-width:66ch;
  background:var(--papel);}
.mi-encadre h2{font-family:'Karla',sans-serif;font-size:.72rem;letter-spacing:.2em;
  text-transform:uppercase;margin:0 0 .6rem;color:var(--bordo);}
.mi-encadre p{margin:0 0 .6rem;font-size:.95rem;}
.mi-encadre p:last-child{margin-bottom:0;}

.mi-liste-def{margin:1.3rem 0;max-width:66ch;}
.mi-def{display:grid;grid-template-columns:1fr;padding:.7rem 0;border-bottom:1px solid var(--regla);}
@media (min-width:36rem){.mi-def{grid-template-columns:14rem 1fr;gap:0 1.2rem;}}
.mi-def:first-child{border-top:2px solid var(--tinta);}
.mi-terme{font-family:'Karla',sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--bordo);font-weight:700;}
.mi-sens{margin:0;}

.mi-repli{border-bottom:1px solid var(--regla);max-width:66ch;}
.mi-repli:first-of-type{border-top:2px solid var(--tinta);}
.mi-repli summary{cursor:pointer;padding:.9rem 0;font-family:'Karla',sans-serif;font-weight:700;
  list-style:none;display:flex;justify-content:space-between;gap:1rem;}
.mi-repli summary::-webkit-details-marker{display:none;}
.mi-repli summary::after{content:"▾";color:var(--bordo);}
.mi-repli[open] summary::after{content:"▴";}
.mi-repli p{margin:0;padding:0 0 1rem;}

.mi-paire{display:grid;gap:2.4rem;margin-top:1.4rem;}
@media (min-width:54rem){.mi-paire{grid-template-columns:1fr 1fr;gap:3rem;}}
.mi-groupe{margin-bottom:1.1rem;}
.mi-libelle{display:block;font-family:'Karla',sans-serif;font-size:.76rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--gris);margin-bottom:.3rem;font-weight:700;}
.mi-option{text-transform:none;letter-spacing:0;font-weight:400;}
.mi-entree,.mi-texte{width:100%;background:#fff;border:1px solid #c2b8b0;padding:.6rem .72rem;
  font-family:'Karla',sans-serif;}
.mi-texte{resize:vertical;line-height:1.6;}
.mi-entree:focus,.mi-texte:focus{outline:2px solid var(--bordo);outline-offset:1px;border-color:var(--bordo);}
.mi-accord{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;}
.mi-boite{margin-top:.32rem;width:1.05rem;height:1.05rem;accent-color:var(--bordo);}
.mi-alerte{color:#a33320;font-size:.85rem;margin-top:.25rem;}
.mi-valider{background:var(--bordo);color:#fff;border:none;padding:.78rem 2rem;cursor:pointer;
  font-family:'Karla',sans-serif;font-size:.86rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;}
.mi-valider:hover{background:var(--sombra);}

.mi-fil{font-family:'Karla',sans-serif;font-size:.75rem;color:var(--gris);margin-bottom:1.2rem;}
.mi-fil ul{display:flex;flex-wrap:wrap;gap:.3rem;}
.mi-fil li+li::before{content:"/";color:var(--regla);margin-right:.3rem;}
.mi-fil a{color:inherit;}

.mi-pied{background:var(--tinta);color:#c9bfb8;margin-top:3rem;}
.mi-pied-in{max-width:var(--ancho);margin:0 auto;padding:2.4rem 1.4rem 2.8rem;}
.mi-pied h2{font-family:'Playfair Display',serif;color:#fff;font-size:1.1rem;margin:0 0 .8rem;}
.mi-pied-nav{display:flex;flex-wrap:wrap;gap:.45rem 1.6rem;margin-bottom:1.6rem;}
.mi-pied-nav a{color:#c9bfb8;text-decoration:none;font-size:.86rem;}
.mi-pied-nav a:hover{color:#fff;text-decoration:underline;}
.mi-ourlet{font-size:.83rem;line-height:1.66;border-top:1px solid #3a322d;padding-top:1.2rem;}
.mi-ourlet strong{color:#fff;}
.mi-ourlet a{color:#e0a99c;}

/* bandeau cookies : pleine largeur en haut, pour ne pas gêner la lecture */
.mi-cook{position:fixed;left:0;right:0;top:0;background:var(--tinta);color:#eee;
  padding:.85rem 1.4rem;z-index:50;font-size:.86rem;}
.mi-cook-in{max-width:var(--ancho);margin:0 auto;display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;
  align-items:center;justify-content:space-between;}
.mi-cook p{margin:0;}
.mi-cook button{border:1px solid #8a7d75;background:none;color:#eee;padding:.35rem 1rem;
  cursor:pointer;font-family:'Karla',sans-serif;font-size:.8rem;margin-left:.4rem;}
.mi-cook button:first-of-type{background:#fff;color:var(--tinta);border-color:#fff;}

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