.mr-app{
  --mr-paper:#ECE6D6;
  --mr-paper-alt:#F7F3E8;
  --mr-ink:#1E2B22;
  --mr-ink-soft:#4B5A4F;
  --mr-board:#24402A;
  --mr-chalk:#F4EFE1;
  --mr-zoneA:#C1443A;
  --mr-zoneB:#2A6F97;
  --mr-zoneC:#B9861F;
  --mr-line:rgba(30,43,34,0.14);
  font-family:'Inter',system-ui,sans-serif;
  color:var(--mr-ink);
  background:var(--mr-paper);
  padding:32px 20px 56px;
}
.mr-app *{box-sizing:border-box;}
.mr-app .mr-page{max-width:820px;margin:0 auto;}
.mr-app .mr-page-head{
  background:var(--mr-board);color:var(--mr-chalk);
  border-radius:14px;padding:28px 26px;margin-bottom:26px;
}
.mr-app .mr-eyebrow{
  font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:0.1em;
  font-size:12px;font-weight:700;color:var(--mr-zoneC);
}
.mr-app h1{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(24px,3.4vw,34px);margin:10px 0 0;color:var(--mr-chalk);}
.mr-app .mr-next,.mr-app .mr-sub{font-size:14.5px;margin-top:10px;color:#D8E0D5;}
.mr-app .mr-sub a{color:var(--mr-chalk);text-decoration:underline;}
.mr-app .mr-intro{font-size:15px;line-height:1.7;margin-bottom:26px;}
.mr-app h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:20px;margin:30px 0 14px;}
.mr-app h3.mr-year{font-family:'Space Mono',monospace;font-size:13px;text-transform:uppercase;letter-spacing:0.06em;color:var(--mr-ink-soft);margin:20px 0 10px;}
.mr-app .mr-timeline{display:grid;gap:10px;}
.mr-app .mr-tl-card{background:#fff;border:1px solid var(--mr-line);border-radius:10px;padding:14px 16px;}
.mr-app .mr-tl-card h4{margin:0 0 6px;font-family:'Archivo',sans-serif;font-size:15px;}
.mr-app .mr-tl-card p{margin:0;font-size:13.5px;color:var(--mr-ink-soft);}
.mr-app .mr-note{background:#fff;border:1px dashed var(--mr-line);border-radius:10px;padding:14px 16px;font-size:14px;color:var(--mr-ink-soft);}
.mr-app .mr-dep-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;}
.mr-app .mr-dep-list a{display:block;background:#fff;border:1px solid var(--mr-line);border-radius:8px;padding:10px 12px;text-decoration:none;color:var(--mr-ink);font-size:13.5px;}
.mr-app .mr-dep-list a:hover{border-color:var(--mr-zoneC);}
.mr-app .mr-hub-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;}
.mr-app .mr-hub-list a{display:block;background:#fff;border:1px solid var(--mr-line);border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--mr-ink);font-weight:600;font-size:14.5px;}
.mr-app .mr-back{margin-top:26px;}
.mr-app .mr-back a{color:var(--mr-ink-soft);text-decoration:none;font-size:13.5px;}
.mr-app .mr-back a:hover{text-decoration:underline;}

/* ---- Page d'accueil ---- */
.mr-app{padding:0;}
.mr-app .mr-hero{background:var(--mr-board);color:var(--mr-chalk);padding:56px 20px;}
.mr-app .mr-hero-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.15fr 0.85fr;gap:40px;align-items:center;}
@media (max-width:880px){.mr-app .mr-hero-grid{grid-template-columns:1fr;}}
.mr-app .mr-eyebrow-light{color:var(--mr-zoneC);}
.mr-app .mr-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.08;margin-top:12px;}
.mr-app .mr-hero h1 em{font-style:normal;color:var(--mr-zoneC);}
.mr-app .mr-lead{color:#D8E0D5;font-size:16px;margin-top:14px;max-width:50ch;}
.mr-app .mr-finder{margin-top:24px;background:rgba(244,239,225,0.07);border:1px solid rgba(244,239,225,0.18);border-radius:12px;padding:16px;}
.mr-app .mr-finder-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;}
.mr-app .mr-tab{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;background:transparent;border:1px solid rgba(244,239,225,0.3);color:#D8E0D5;padding:6px 12px;border-radius:100px;cursor:pointer;}
.mr-app .mr-tab.is-active{background:var(--mr-zoneC);border-color:var(--mr-zoneC);color:#28210A;}
.mr-app .mr-finder-row{display:flex;gap:10px;flex-wrap:wrap;}
.mr-app .mr-finder-row select{flex:1;min-width:180px;padding:11px 12px;border-radius:8px;border:1px solid rgba(244,239,225,0.25);font-size:14.5px;}
.mr-app .mr-btn{display:inline-block;background:var(--mr-board);color:var(--mr-chalk);border:none;border-radius:8px;padding:10px 16px;font-weight:600;font-size:13.5px;cursor:pointer;text-decoration:none;}
.mr-app .mr-btn-light{background:var(--mr-chalk);color:var(--mr-board);}
.mr-app .mr-btn.is-active{background:var(--mr-zoneC);color:#28210A;}
.mr-app .mr-countdown{background:rgba(244,239,225,0.07);border:1px solid rgba(244,239,225,0.18);border-radius:16px;padding:24px;text-align:center;}
.mr-app .mr-cd-ring{width:160px;height:160px;margin:14px auto;border-radius:50%;border:3px dashed rgba(244,239,225,0.35);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.mr-app .mr-cd-num{font-family:'Space Mono',monospace;font-size:40px;font-weight:700;color:var(--mr-zoneC);}
.mr-app .mr-cd-lbl{font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:#D8E0D5;}
.mr-app .mr-cd-what{font-size:15px;font-weight:600;margin-top:6px;}
.mr-app .mr-cd-when{font-size:12.5px;color:#D8E0D5;margin-top:2px;}

.mr-app .mr-hub{max-width:1080px;margin:0 auto;padding:48px 20px;}
.mr-app .mr-zone-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px;}
@media (max-width:720px){.mr-app .mr-zone-cols{grid-template-columns:1fr;}}
.mr-app .mr-zone-col h3{font-family:'Space Mono',monospace;font-size:12.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--mr-ink-soft);margin-bottom:10px;}
.mr-app .mr-zone-col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.mr-app .mr-zone-col a{font-size:13.5px;text-decoration:none;color:var(--mr-ink);}
.mr-app .mr-zone-col a:hover{text-decoration:underline;}

/* ---- Boîte à outils (partagée accueil + fiches) ---- */
.mr-app .mr-tools{max-width:1080px;margin:0 auto;padding:20px 20px 56px;}
.mr-app .mr-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px;}
.mr-app .mr-tool-card{background:#fff;border:1px solid var(--mr-line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;}
.mr-app .mr-tool-card h3{font-size:15.5px;margin:0;}
.mr-app .mr-tool-card p{font-size:13px;color:var(--mr-ink-soft);margin:0;}
.mr-app .mr-tool-row{display:flex;gap:8px;flex-wrap:wrap;}
.mr-app .mr-check{font-size:13px;border-top:1px dashed var(--mr-line);padding-top:6px;}
.mr-app .mr-check summary{cursor:pointer;font-weight:600;}
.mr-app .mr-check ul{margin:8px 0 0;padding-left:18px;}
.mr-app .mr-cmp-out{font-size:13px;line-height:1.6;margin-top:4px;}
.mr-app .mr-bridges{list-style:none;margin:0;padding:0;font-size:12.5px;display:grid;gap:6px;}
.mr-app .mr-bridges li{border-top:1px dashed var(--mr-line);padding-top:6px;}
.mr-app .mr-embed{width:100%;font-family:'Space Mono',monospace;font-size:11px;padding:8px 10px;border-radius:6px;border:1px solid var(--mr-line);background:var(--mr-paper-alt);}