/* ============================================================
   MARKS IN COMMON — peau « la fiche de poinçonnage » (mkc-)
   Le cahier d'un bureau d'essai : vélin, encre de registre,
   cachets encrés par volume, rangée de poinçons.
   ============================================================ */

/* --- les deux fontes du bureau, auto-hébergées --- */
@font-face{font-family:'MKC Gara';src:url('/mkc-gara.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'MKC Frank';src:url('/mkc-frank.woff2') format('woff2');font-weight:300 800;font-style:normal;font-display:swap}

:root{
  /* matières */
  --velin:#F3EDE2; --velin-fonce:#EAE0CC; --carte:#FBF7EE;
  --encre:#211D15; --encre-douce:#5E5646;
  --registre:#22377A; --registre-fonce:#17264F;          /* encre de registre, aplat signature */
  --or:#A8842A; --or-pale:#E7D6AB;                        /* laiton des sceaux */
  --nuit:#161E3F; --nuit-encre:#EFE8D8; --nuit-filet:#38426E; --nuit-douce:#A9AECB;
  --filet:#D9CDB4; --filet-fort:#C4B491;
  /* encres des volumes */
  --enc-reg:#2E4470; --enc-sel:#96392B; --enc-tab:#5C6B2E; --enc-gat:#8A5A2B;
  /* rythme */
  --halle:72rem; --mesure:44rem; --rail:5.5rem; --gouttiere:1.75rem;
  --rayon:14px; --rayon-petit:10px;
  --ombre:0 18px 34px -18px rgba(34,55,122,.35),0 2px 0 rgba(33,29,21,.05);
  --ombre-carte:0 10px 26px -14px rgba(34,55,122,.28),0 1px 0 rgba(33,29,21,.06);
  --titre-police:'MKC Gara','Cormorant Garamond',Georgia,serif;
  --texte-police:'MKC Frank','Libre Franklin','Segoe UI',sans-serif;
  --regie-police:Consolas,'Andale Mono','Menlo',monospace;
}
[data-col="the-register"]{--enc:var(--enc-reg)}
[data-col="the-seal"]{--enc:var(--enc-sel)}
[data-col="the-table"]{--enc:var(--enc-tab)}
[data-col="the-gathering"]{--enc:var(--enc-gat)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--velin);color:var(--encre);
  font-family:var(--texte-police);font-size:1rem;line-height:1.65;
  /* trame de points du dossier, 4% sous le vélin */
  background-image:radial-gradient(rgba(33,29,21,.05) 1px,transparent 1px);
  background-size:22px 22px;
}
img{max-width:100%;display:block}
a{color:var(--registre);text-decoration-color:rgba(34,55,122,.4);text-underline-offset:.18em}
a:hover{text-decoration-color:currentColor}
h1,h2,h3{font-family:var(--titre-police);font-weight:700;line-height:1.06;color:var(--encre);margin:0}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0}
figure{margin:0}
picture{display:block}
picture img{width:100%;height:100%;object-fit:cover;border-radius:var(--rayon-petit)}

.mkc-halle{max-width:var(--halle);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
.mkc-acces-direct{position:absolute;left:-9999px;top:0;background:var(--registre);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--rayon-petit) var(--rayon-petit);z-index:60}
.mkc-acces-direct:focus{left:1rem}
:focus-visible{outline:2.5px solid var(--or);outline-offset:2px;border-radius:4px}

/* ============ le fronton : dossier vélin collant ============ */
.mkc-fronton{
  position:sticky;top:0;z-index:50;
  background:rgba(243,237,226,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--filet);
}
.mkc-fronton__corps{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.7rem}
.mkc-enseigne{display:flex;align-items:center;gap:.8rem;color:var(--encre);text-decoration:none}
.mkc-enseigne__poincons{width:76px;color:var(--registre);flex:none;transition:transform .25s}
.mkc-enseigne:hover .mkc-enseigne__poincons{transform:translateY(-1px)}
.mkc-enseigne__bloc{display:flex;flex-direction:column;line-height:1.1}
.mkc-enseigne__nom{font-family:var(--titre-police);font-size:1.42rem;font-weight:700;letter-spacing:.01em}
.mkc-enseigne__mention{font-family:var(--regie-police);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--encre-douce);margin-top:.2rem}
.mkc-itineraire ul{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mkc-itineraire a{
  font-family:var(--regie-police);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--encre-douce);text-decoration:none;padding:.55rem .8rem;border-radius:999px;border:1px solid transparent;
}
.mkc-itineraire a:hover{color:var(--registre);border-color:var(--filet)}
.mkc-itineraire a[aria-current]{background:var(--registre);color:var(--nuit-encre)}
.mkc-itineraire a[data-col][aria-current]{background:var(--enc)}

/* ============ le héros : la fiche sous le voile du registre ============ */
.mkc-heros{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--nuit)}
.mkc-heros__fond{position:absolute;inset:0}
.mkc-heros__fond picture,.mkc-heros__fond img{width:100%;height:100%;object-fit:cover;border-radius:0}
.mkc-heros__voile{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(22,30,63,.30) 0%,rgba(22,30,63,.12) 34%,rgba(23,38,79,.72) 72%,rgba(23,38,79,.94) 100%),
  radial-gradient(120% 90% at 12% 96%,rgba(22,30,63,.55),transparent 60%)}
.mkc-heros__dedans{position:relative;width:100%;padding-block:clamp(2.5rem,7vh,5rem) clamp(2.2rem,6vh,4rem)}
.mkc-heros__cartouche{max-width:46rem;position:relative}
.mkc-heros .mkc-surtitre{color:var(--or-pale)}
.mkc-heros__titre{font-size:clamp(2.3rem,5vw,4.1rem);color:#F6EFDF;letter-spacing:-.01em;margin-top:.9rem}
.mkc-heros__titre a{color:inherit;text-decoration:none}
.mkc-heros__titre a:hover{text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:.1em}
.mkc-heros__chapo{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#E9E0CB;max-width:38rem;margin-top:1rem;line-height:1.5}
.mkc-heros__intro{color:var(--nuit-douce);font-size:.95rem;max-width:36rem;margin-top:.9rem}
.mkc-heros__intro b{color:var(--or-pale);font-weight:700}
.mkc-heros__meta{margin-top:1.2rem;font-family:var(--regie-police);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#CDC4AB}
.mkc-heros__meta a{color:var(--or-pale);text-decoration:none;border-bottom:1px solid rgba(168,132,42,.6)}
.mkc-heros__actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.mkc-heros__tampon{position:absolute;right:clamp(1rem,4vw,3rem);top:-4.5rem;width:112px;color:rgba(233,224,203,.9);transform:rotate(-8deg);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.mkc-heros__legende{position:absolute;right:clamp(1rem,4vw,2.5rem);bottom:.7rem;font-size:.7rem;color:rgba(233,224,203,.78);font-style:italic;text-align:right;max-width:22rem}
.mkc-credit{font-style:normal;font-family:var(--regie-police);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85;white-space:nowrap}

/* ============ signatures ============ */
.mkc-surtitre{
  display:flex;align-items:center;gap:.7rem;
  font-family:var(--regie-police);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--or);
}
.mkc-trait-or{display:inline-block;width:2.5rem;height:1px;background:var(--or);flex:none}
.mkc-cachet{width:100%;height:auto;display:block;font-family:var(--regie-police)}
.mkc-poincons{width:96px;color:var(--registre)}
.mkc-picto{width:1.05em;height:1.05em;vertical-align:-.18em}

/* boutons */
.mkc-bouton{
  display:inline-block;background:var(--or);color:#221A08;text-decoration:none;
  font-family:var(--regie-police);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  padding:.85rem 1.5rem;border-radius:999px;box-shadow:0 10px 22px -10px rgba(168,132,42,.7);
  transition:transform .18s,box-shadow .18s;
}
.mkc-bouton:hover{transform:translateY(-2px);box-shadow:0 16px 28px -10px rgba(168,132,42,.75)}
.mkc-bouton--clair{background:transparent;color:#EFE8D8;box-shadow:inset 0 0 0 1.5px rgba(239,232,216,.55)}
.mkc-bouton--clair:hover{box-shadow:inset 0 0 0 1.5px var(--or-pale)}
.mkc-acces{
  display:inline-block;margin-top:1rem;font-family:var(--regie-police);font-size:.68rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--enc);text-decoration:none;
  border-bottom:1.5px solid var(--enc);padding-bottom:.15rem;
}

/* ============ quais et bandeaux ============ */
.mkc-quai{padding-block:clamp(2.4rem,6vh,4.2rem)}
/* la bande encre de registre : l'aplat signature de l'accueil */
.mkc-quai--registre{background:var(--registre);color:#EDE5D2}
.mkc-quai--registre .mkc-surtitre{color:var(--or-pale)}
.mkc-quai--registre .mkc-bandeau{border-bottom-color:rgba(233,224,203,.3)}
.mkc-quai--registre .mkc-bandeau h2{color:#F6EFDC}
.mkc-quai--registre .mkc-bandeau__note{color:#C5C9DA}
.mkc-quai--registre .mkc-bandeau__decompte{color:var(--or-pale)}
.mkc-quai--registre .mkc-rayonnage{border-top-color:rgba(233,224,203,.3)}
.mkc-quai--registre .mkc-volume{border-bottom-color:rgba(233,224,203,.22)}
.mkc-quai--registre .mkc-volume__romain{color:var(--or-pale)}
.mkc-quai--registre .mkc-volume__barre{background:linear-gradient(180deg,var(--or-pale),transparent)}
.mkc-quai--registre .mkc-volume__cachet{color:var(--or-pale)}
.mkc-quai--registre .mkc-volume__apercu{color:#C5C9DA}
.mkc-quai--registre .mkc-volume__intitule a:hover{color:var(--or-pale)}
.mkc-quai--registre .mkc-volume__desserte a{color:#EFE8D8;border-bottom-color:rgba(233,224,203,.35)}
.mkc-quai--registre .mkc-volume__desserte a::before{background:var(--or-pale)}
.mkc-quai--registre .mkc-volume__desserte a:hover{color:#fff;border-bottom-color:var(--or-pale)}
.mkc-quai--registre .mkc-acces{color:var(--or-pale);border-bottom-color:var(--or-pale)}
.mkc-quai--registre .mkc-acces:hover{color:#fff;border-bottom-color:#fff}
.mkc-bandeau{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.8rem;border-bottom:1.5px solid var(--filet);padding-bottom:.9rem;flex-wrap:wrap}
.mkc-bandeau h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-top:.5rem}
.mkc-bandeau__note{color:var(--encre-douce);font-size:.92rem;max-width:26rem;text-align:right}
.mkc-bandeau__decompte{font-family:var(--titre-police);font-size:1.6rem;color:var(--or);font-weight:700}

/* ============ les volumes : rail romain + filets ============ */
.mkc-rayonnage{border-top:1.5px solid var(--filet-fort)}
.mkc-volume{
  display:grid;grid-template-columns:var(--rail) minmax(0,1fr);gap:var(--gouttiere);
  padding-block:1.6rem;border-bottom:1px solid var(--filet);position:relative;
}
.mkc-volume__rail{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:.3rem}
.mkc-volume__romain{font-family:var(--titre-police);font-size:2.1rem;font-weight:700;color:var(--enc);line-height:1}
.mkc-volume__barre{width:2px;flex:1;background:linear-gradient(180deg,var(--enc),transparent);opacity:.55;min-height:2.5rem}
.mkc-volume__tet{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.mkc-volume__intitule{font-size:clamp(1.5rem,2.4vw,2rem)}
.mkc-volume__intitule a{color:inherit;text-decoration:none}
.mkc-volume__intitule a:hover{color:var(--enc)}
.mkc-volume__cachet{width:76px;flex:none;color:var(--enc);transform:rotate(-6deg);opacity:.9}
.mkc-volume__apercu{color:var(--encre-douce);max-width:44rem;margin-top:.3rem}
.mkc-volume__desserte{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:.9rem}
.mkc-volume__desserte a{color:var(--encre);text-decoration:none;font-size:.95rem;border-bottom:1px solid var(--filet-fort)}
.mkc-volume__desserte a::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--enc);margin-right:.5rem;vertical-align:.08em}
.mkc-volume__desserte a:hover{color:var(--enc);border-bottom-color:var(--enc)}

/* ============ fiches estampillées ============ */
.mkc-fiches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.mkc-fiche{
  position:relative;background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);
  padding:.9rem .9rem 1.1rem;box-shadow:var(--ombre-carte);overflow:hidden;
  transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.7rem;
}
.mkc-fiche:hover{transform:translateY(-3px);box-shadow:var(--ombre)}
.mkc-fiche--large{grid-column:span 2;flex-direction:row;align-items:stretch}
.mkc-fiche--large .mkc-fiche__vignette{flex:0 0 46%}
.mkc-fiche--large .mkc-fiche__texte{flex:1;display:flex;flex-direction:column;justify-content:center}
.mkc-fiche--large .mkc-fiche__intitule{font-size:1.7rem}
.mkc-fiche__vignette{aspect-ratio:3/2;overflow:hidden;border-radius:var(--rayon-petit)}
.mkc-fiche__vignette picture img{filter:sepia(.12) saturate(.92);transition:transform .4s}
.mkc-fiche:hover .mkc-fiche__vignette img{transform:scale(1.03)}
.mkc-fiche__intitule{font-size:1.28rem;line-height:1.15}
.mkc-fiche__intitule a{color:inherit;text-decoration:none}
.mkc-fiche__intitule a:hover{color:var(--enc)}
.mkc-fiche__abrege{color:var(--encre-douce);font-size:.92rem;line-height:1.55}
.mkc-fiche__tampon{
  position:absolute;right:.8rem;bottom:.7rem;width:64px;color:var(--enc);opacity:.5;
  transform:rotate(-6deg);transition:transform .25s,opacity .25s;pointer-events:none;
}
.mkc-fiche:hover .mkc-fiche__tampon{transform:rotate(-2deg);opacity:.85}

/* plomb : étiquette + mini cachet + date */
.mkc-plomb{display:flex;align-items:center;gap:.6rem;font-family:var(--regie-police);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.mkc-plomb__cachet{width:30px;color:var(--enc);transform:rotate(-6deg);flex:none}
.mkc-plomb__col{color:var(--enc);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;font-weight:700}
.mkc-plomb__date{color:var(--encre-douce);margin-left:auto}

/* ============ le fil des entrées ============ */
.mkc-fil{border-top:1.5px solid var(--filet-fort)}
.mkc-bref{border-bottom:1px solid var(--filet)}
.mkc-bref__lien{display:grid;grid-template-columns:4.2rem 8.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.65rem .2rem;text-decoration:none;color:var(--encre)}
.mkc-bref__lien:hover{background:rgba(251,247,238,.8)}
.mkc-bref__pouce{width:4.2rem;aspect-ratio:3/2;border-radius:6px;overflow:hidden}
.mkc-bref__pouce picture img{filter:sepia(.12) saturate(.92);border-radius:6px}
.mkc-bref__col{font-family:var(--regie-police);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--enc)}
.mkc-bref__intitule{font-family:var(--titre-police);font-size:1.06rem;font-weight:700}
.mkc-bref__lien:hover .mkc-bref__intitule{color:var(--enc)}
.mkc-bref__date{font-family:var(--regie-police);font-size:.68rem;color:var(--encre-douce);white-space:nowrap}

/* ============ la bande des sources nommées ============ */
.mkc-preuves{background:var(--nuit);color:var(--nuit-encre);padding-block:clamp(2.6rem,6vh,4.4rem);margin-block:1rem 0;position:relative;overflow:hidden}
.mkc-preuves::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(239,232,216,.05) 1px,transparent 1px);background-size:20px 20px}
.mkc-preuves__dedans{position:relative}
.mkc-preuves__tete h2{color:#F3EBD8;font-size:clamp(1.7rem,3vw,2.4rem);margin-top:.5rem}
.mkc-preuves__note{color:var(--nuit-douce);max-width:40rem;margin-top:.5rem}
.mkc-preuves__liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;margin-top:1.8rem}
.mkc-preuve a{
  display:block;border:1px solid var(--nuit-filet);border-radius:var(--rayon);padding:1rem 1.1rem;
  text-decoration:none;color:inherit;background:rgba(239,232,216,.04);transition:border-color .2s,background .2s,transform .2s;
}
.mkc-preuve a:hover{border-color:var(--or);transform:translateY(-2px);background:rgba(239,232,216,.07)}
.mkc-preuve__nom{display:block;font-family:var(--titre-police);font-size:1.25rem;font-weight:700;color:var(--or-pale)}
.mkc-preuve__note{display:block;font-size:.8rem;color:var(--nuit-douce);margin-top:.3rem;line-height:1.45}

/* ============ abécédaire ============ */
.mkc-abecedaire{columns:3;column-gap:2.4rem;column-rule:1px solid var(--filet)}
.mkc-abecedaire__lettre{break-inside:avoid;margin-bottom:1.2rem}
.mkc-abecedaire__cap{font-family:var(--titre-police);font-size:1.9rem;color:var(--or);font-weight:700;display:block;border-bottom:1px solid var(--filet);margin-bottom:.4rem}
.mkc-abecedaire ul li{margin-block:.25rem}
.mkc-abecedaire a{color:var(--encre);text-decoration:none;font-size:.92rem}
.mkc-abecedaire a:hover{color:var(--registre)}

/* ============ section réseau ============ */
.mkc-ailleurs{padding-block:clamp(2.4rem,6vh,4rem)}
.mkc-ailleurs__liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:.4rem}
.mkc-ailleurs__item{background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:1.1rem 1.2rem;box-shadow:var(--ombre-carte);font-size:.95rem;color:var(--encre-douce)}
.mkc-ailleurs__item a{color:var(--registre);font-weight:700}

/* ============ pied de page ============ */
.mkc-pied{background:var(--registre-fonce);color:#E9E0CB;margin-top:2rem;position:relative;overflow:hidden}
.mkc-pied__filigrane{position:absolute;right:-3rem;top:-4rem;width:19rem;color:rgba(233,224,203,.10);transform:rotate(-12deg)}
.mkc-pied__colonnes{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;padding-block:3rem;position:relative}
.mkc-pied__marque{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.mkc-pied__marque .mkc-poincons{color:var(--or-pale);width:84px}
.mkc-pied h2{font-family:var(--regie-police);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--or-pale);margin-bottom:.9rem}
.mkc-pied__marque h2{font-family:var(--titre-police);font-size:1.5rem;letter-spacing:0;text-transform:none;color:#F3EBD8;margin:0}
.mkc-pied p{font-size:.92rem;color:#C9C2AC;max-width:32rem}
.mkc-pied__note{margin-top:.8rem;font-style:italic}
.mkc-pied ul li{margin-block:.35rem}
.mkc-pied ul a{color:#E9E0CB;text-decoration:none;font-size:.92rem;border-bottom:1px solid transparent}
.mkc-pied ul a:hover{color:var(--or-pale);border-bottom-color:var(--or)}
.mkc-pied__ligne{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid rgba(233,224,203,.18);padding-block:1.1rem;font-family:var(--regie-police);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#B9B095;position:relative}
.mkc-pied__ligne .mkc-poincons{width:72px;color:rgba(233,224,203,.5)}

/* ============ pages : remontée, tête de volume, onglets ============ */
.mkc-remontee{padding-block:1.1rem 0}
.mkc-remontee ol{display:flex;gap:.5rem;flex-wrap:wrap;font-family:var(--regie-police);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.mkc-remontee li{color:var(--encre-douce)}
.mkc-remontee li+li::before{content:"›";margin-right:.5rem;color:var(--or)}
.mkc-remontee a{color:var(--registre);text-decoration:none}
.mkc-tetepage{padding-block:1.6rem 2.2rem}
.mkc-tetepage__tet{display:flex;gap:1.8rem;align-items:flex-start}
.mkc-tetepage__cachet{width:108px;flex:none;color:var(--enc);transform:rotate(-6deg);margin-top:.4rem}
.mkc-tetepage h1{font-size:clamp(2.3rem,4.6vw,3.7rem);margin-top:.7rem}
.mkc-tetepage__intro{color:var(--encre-douce);font-size:1.08rem;max-width:42rem;margin-top:.8rem}
.mkc-mention{display:flex;gap:1.4rem;margin-top:1rem;font-family:var(--regie-police);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--encre-douce);flex-wrap:wrap}
.mkc-onglets{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:1.5px solid var(--filet-fort);padding-bottom:0}
.mkc-onglet{
  display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.05rem .6rem;text-decoration:none;
  font-family:var(--regie-police);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--encre-douce);
  border:1px solid var(--filet);border-bottom:none;border-radius:var(--rayon-petit) var(--rayon-petit) 0 0;background:var(--velin-fonce);
}
.mkc-onglet__romain{font-family:var(--titre-police);font-size:.95rem;color:var(--enc)}
.mkc-onglet--courant{background:var(--carte);color:var(--encre);border-color:var(--enc);box-shadow:inset 0 -3px 0 var(--enc)}
.mkc-fiches--fil{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ============ article ============ */
.mkc-avis__entete{padding-block:1.4rem .8rem;max-width:var(--mesure)}
.mkc-avis__entete h1{font-size:clamp(2.2rem,4.4vw,3.5rem);margin-top:.9rem;letter-spacing:-.005em}
.mkc-avis__chapo{font-family:var(--titre-police);font-size:1.3rem;line-height:1.4;color:var(--registre);margin-top:1rem;font-weight:500}
.mkc-avis__signature{margin-top:1.2rem;font-family:var(--regie-police);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--encre-douce);border-top:1px solid var(--filet);border-bottom:1px solid var(--filet);padding-block:.6rem}
.mkc-avis__signature b{color:var(--encre)}
.mkc-avis__visuel{margin-block:1.6rem}
.mkc-avis__visuel picture{aspect-ratio:3/2;border-radius:var(--rayon);overflow:hidden;box-shadow:var(--ombre)}
.mkc-avis__visuel img{filter:sepia(.12) saturate(.92)}
.mkc-avis__visuel figcaption,.mkc-dipt__legende{font-size:.8rem;color:var(--encre-douce);font-style:italic;margin-top:.55rem;padding-left:.2rem}
.mkc-avis__duo{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:2.6rem;align-items:start}
.mkc-corps{font-size:1.02rem;line-height:1.75;max-width:var(--mesure)}
.mkc-corps>p{margin-block:1.05rem}
.mkc-corps>p:first-of-type::first-letter{
  font-family:var(--titre-police);font-size:3.6em;float:left;line-height:.82;
  padding:.06em .12em 0 0;color:var(--registre);font-weight:700;
}
.mkc-corps h2{
  font-size:1.7rem;margin:2.1rem 0 .8rem;position:relative;padding-top:1.1rem;
  border-top:1px solid var(--filet);
}
.mkc-corps h2::before{content:"";position:absolute;top:-1px;left:0;width:3rem;height:3px;background:var(--enc,var(--registre))}
.mkc-corps a{color:var(--registre)}
.mkc-corps ul,.mkc-corps ol{list-style:revert;margin:1rem 0 1rem 1.3rem}
.mkc-corps li{margin-block:.35rem}
.mkc-corps blockquote{border-left:3px solid var(--or);padding:.4rem 0 .4rem 1.1rem;margin:1.4rem 0;font-style:italic;color:var(--encre-douce)}
.mkc-corps table{border-collapse:collapse;width:100%;font-size:.9rem;margin:1.4rem 0}
.mkc-corps th,.mkc-corps td{border:1px solid var(--filet);padding:.5rem .7rem;text-align:left}
.mkc-corps th{background:var(--velin-fonce);font-family:var(--regie-police);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.mkc-fin{text-align:center;padding-block:1.6rem .4rem}
.mkc-fin .mkc-poincons{color:var(--filet-fort);width:110px}
/* la marge collante : la carte du volume + le sommaire + les sources */
.mkc-marge{position:sticky;top:5.4rem;display:flex;flex-direction:column;gap:1.2rem;padding-top:.4rem}
.mkc-marge__col{background:var(--carte);border:1px solid var(--filet);border-top:4px solid var(--enc);border-radius:var(--rayon);padding:1.1rem 1.1rem 1.2rem;box-shadow:var(--ombre-carte);display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}
.mkc-marge__cachet{width:62px;color:var(--enc);transform:rotate(-6deg)}
.mkc-marge__label{font-family:var(--titre-police);font-size:1.35rem;font-weight:700;color:var(--enc);text-decoration:none;display:flex;align-items:center;gap:.5rem}
.mkc-marge__compte{font-family:var(--regie-police);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--encre-douce)}
.mkc-marge__titre{font-family:var(--regie-police);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--or);border-bottom:1px solid var(--filet);padding-bottom:.4rem}
.mkc-marge__sommaire li{margin-block:.4rem;counter-increment:som}
.mkc-marge__sommaire{list-style:none;counter-reset:som}
.mkc-marge__sommaire a{color:var(--encre);text-decoration:none;font-size:.88rem;display:flex;gap:.55rem}
.mkc-marge__sommaire a::before{content:"§" counter(som);font-family:var(--regie-police);color:var(--enc);font-size:.72rem;flex:none;padding-top:.18em}
.mkc-marge__sommaire a:hover{color:var(--enc)}
.mkc-marge__sources li{margin-block:.35rem}
.mkc-marge__sources a{color:var(--encre-douce);font-size:.82rem;text-decoration:none;border-bottom:1px dotted var(--filet-fort);word-break:break-all}
.mkc-marge__sources a:hover{color:var(--registre);border-bottom-color:var(--registre)}
/* diptyque : le lieu + le regard proche */
.mkc-dipt{margin-block:2.4rem}
.mkc-dipt__deux{display:grid;grid-template-columns:1.45fr 1fr;gap:1.2rem;align-items:end}
.mkc-dipt__cadre{border-radius:var(--rayon);overflow:hidden;box-shadow:var(--ombre-carte)}
.mkc-dipt__cadre--lieu{aspect-ratio:3/2}
.mkc-dipt__cadre--proche{aspect-ratio:4/5}
.mkc-dipt__cadre img{filter:sepia(.12) saturate(.92)}
/* page de service */
.mkc-avis--service .mkc-avis__entete{padding-bottom:.4rem}

/* ============ responsive ============ */
@media (max-width:64rem){
  .mkc-fiches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mkc-fiche--large{grid-column:span 2;flex-direction:column}
  .mkc-avis__duo{grid-template-columns:1fr}
  .mkc-marge{position:static;flex-direction:row;flex-wrap:wrap}
  .mkc-marge>*{flex:1 1 15rem}
  .mkc-abecedaire{columns:2}
  .mkc-pied__colonnes{grid-template-columns:1fr 1fr}
  .mkc-pied__colonne--large{grid-column:1/-1}
}
@media (max-width:46rem){
  :root{--rail:3.2rem}
  .mkc-fronton__corps{flex-direction:column;align-items:flex-start;gap:.6rem;padding-block:.8rem}
  .mkc-itineraire ul{justify-content:flex-start}
  .mkc-itineraire a{padding:.45rem .6rem;font-size:.66rem}
  .mkc-heros{min-height:70vh}
  .mkc-heros__tampon{width:78px;top:auto;bottom:-2.2rem;right:.8rem}
  .mkc-heros__legende{position:static;margin-top:1.4rem;text-align:left;max-width:none}
  .mkc-fiches,.mkc-fiches--fil{grid-template-columns:1fr}
  .mkc-fiche--large{grid-column:span 1}
  .mkc-bref__lien{grid-template-columns:4.2rem minmax(0,1fr) auto;gap:.7rem}
  .mkc-bref__col{display:none}
  .mkc-tetepage__tet{flex-direction:column;gap:1rem}
  .mkc-volume{grid-template-columns:1fr}
  .mkc-volume__rail{flex-direction:row;align-items:center}
  .mkc-volume__barre{height:2px;width:100%;background:linear-gradient(90deg,var(--enc),transparent)}
  .mkc-abecedaire{columns:1}
  .mkc-pied__colonnes{grid-template-columns:1fr;gap:1.8rem}
  .mkc-pied__ligne{flex-direction:column;align-items:flex-start}
}