/* SFI V9 — corridor France–Maroc : diagnostic MRE + bloc « 10 parcours » (autonome, variables avec repli) */
.mre-d{background:#fff;border:1px solid var(--line,rgba(11,37,69,.13));border-radius:14px;padding:26px 24px;box-shadow:0 8px 28px rgba(11,37,69,.08);font-family:var(--f-ui,'IBM Plex Sans',Arial,sans-serif);color:var(--ink,#17202B)}
.mre-d fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}
.mre-d legend{font:600 1.08rem/1.35 var(--f-ed,Newsreader,Georgia,serif);color:var(--nuit,#0B2545);padding:0;margin-bottom:6px}
.mre-d .hint{font-size:.88rem;color:var(--muted,#55606E);margin:0 0 10px}
.mre-d .opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mre-d .opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line-2,rgba(11,37,69,.22));border-radius:10px;padding:11px 12px;cursor:pointer;background:#fff;font-size:.95rem;line-height:1.35;min-height:44px}
.mre-d .opt:hover{border-color:var(--nuit,#0B2545)}
.mre-d .opt input{margin-top:3px;accent-color:var(--nuit,#0B2545);flex:0 0 auto}
.mre-d .opt:has(input:checked){border-color:var(--nuit,#0B2545);background:var(--ivoire,#F7F4EC)}
.mre-d .opt:focus-within{outline:2px solid var(--or,#B8912F);outline-offset:2px}
.mre-d .acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mre-d button{font:600 .95rem/1 var(--f-ui,Arial,sans-serif);border-radius:999px;padding:14px 22px;border:1px solid var(--nuit,#0B2545);cursor:pointer;min-height:44px}
.mre-d .go{background:var(--or,#B8912F);color:var(--nuit,#0B2545);border-color:var(--or,#B8912F)}
.mre-d .go:hover{filter:brightness(1.06)}
.mre-d .rs{background:#fff;color:var(--nuit,#0B2545)}
.mre-d .res{margin-top:22px}
.mre-d .res h3{font:600 1.2rem/1.3 var(--f-ed,Georgia,serif);color:var(--nuit,#0B2545);margin:0 0 4px}
.mre-d .res .sum{color:var(--muted,#55606E);font-size:.92rem;margin:0 0 14px}
.mre-d .rl{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mre-d .ri{border:1px solid var(--line,rgba(11,37,69,.13));border-left:4px solid var(--or,#B8912F);border-radius:10px;padding:14px 16px;background:#fff}
.mre-d .ri.v{border-left-color:var(--ok,#1E6B48)}
.mre-d .ri h4{font:600 1rem/1.35 var(--f-ui,Arial,sans-serif);color:var(--nuit,#0B2545);margin:0 0 6px}
.mre-d .ri p{margin:0 0 8px;font-size:.93rem;line-height:1.55;color:var(--ink,#17202B)}
.mre-d .st{display:inline-block;font:600 .64rem/1 var(--f-ui,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;border-radius:20px;padding:5px 9px;margin-right:8px;background:#FBEFD6;color:#7A5F1C}
.mre-d .st.v{background:#E3F1EA;color:#1E6B48}
.mre-d .ln{font-size:.86rem}
.mre-d .ln a{color:var(--navy,#0E2A5C);text-decoration:underline;text-underline-offset:2px;margin-right:12px}
.mre-d .cta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mre-d .legal{margin-top:16px;font-size:.82rem;color:var(--muted,#55606E);line-height:1.5}
.mre-d .err{color:#8A2B1C;font-size:.9rem;margin-top:8px}
@media (max-width:640px){.mre-d{padding:20px 16px}.mre-d .opts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mre-d *{transition:none!important}}
/* Bloc « 10 parcours » */
.mp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.mp-c{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line,rgba(11,37,69,.13));border-radius:12px;padding:18px 18px 16px;position:relative}
.mp-c::before{content:"";position:absolute;left:18px;top:0;width:36px;height:3px;background:var(--or,#B8912F)}
.mp-n{font:600 .68rem/1 var(--f-ui,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark,#7A5F1C);margin-top:4px}
.mp-c h3{font:600 1.1rem/1.3 var(--f-ed,Georgia,serif);color:var(--nuit,#0B2545);margin:0}
.mp-c p{margin:0;font-size:.92rem;line-height:1.5;color:var(--muted,#55606E)}
.mp-l{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:8px;font:600 .84rem/1.2 var(--f-ui,Arial,sans-serif)}
.mp-l a{color:var(--navy,#0E2A5C);text-decoration:underline;text-underline-offset:3px;min-height:24px}
.mp-l a.q{color:var(--gold-dark,#7A5F1C)}
.mp-diag{margin-top:34px}
@media (max-width:760px){.mp-grid{grid-template-columns:1fr}}