/* Only the approved French mediation journey uses these classes. */
.mediation-page .mediation-identity-column{min-width:0;width:100%;max-width:458px;margin-inline:auto;align-self:start}
.mediation-page .mediation-identity-column>.editorial-portrait{margin-inline:auto}
.mediation-page .mediation-brand-logo{display:block;width:100%;height:auto;aspect-ratio:1008/814;margin:0;object-fit:contain}
.mediation-page .mediation-journey{grid-column:1/-1;min-width:0;container-type:inline-size;margin:0;padding:clamp(24px,3vw,34px);background:var(--paper);border:1px solid var(--gold);border-radius:12px;box-shadow:none}
.mediation-journey .mediation-journey__caption{display:block;margin:0;padding:0;border:0;text-align:left}
.mediation-journey .mediation-journey__caption h2{margin:0 0 12px;color:var(--navy);font-family:var(--serif);font-size:clamp(1.75rem,2.4vw,2.125rem);font-weight:400;line-height:1.25}
.mediation-journey .mediation-journey__caption p{margin:0;color:#41536a;font-size:1rem;line-height:1.65;max-width:none}
.mediation-journey .mediation-journey__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;align-items:stretch;margin-top:24px}
.mediation-journey .mediation-journey__card{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:208px;padding:24px 20px;border:1px solid var(--gold);border-radius:10px;background:#fffdf9;color:var(--navy);text-align:center;box-shadow:none}
.mediation-journey .mediation-journey__card>svg{display:block;flex:none;width:30px;height:30px;margin:0 0 14px;color:var(--gold)}
.mediation-journey .mediation-journey__card h3{margin:0;font-family:var(--sans);font-size:1.25rem;font-weight:700;line-height:1.35;letter-spacing:normal;color:inherit;overflow-wrap:break-word}
.mediation-journey .mediation-journey__card>p{margin:12px 0 0;max-width:30em;color:#41536a;font-size:1rem;line-height:1.6}
.mediation-journey .mediation-journey__card>p.mediation-journey__qualifier{margin-top:3px;color:#80652e}
.mediation-journey .mediation-journey__qualifier+p{margin-top:8px}
.mediation-journey .mediation-journey__card--mediator{background:var(--navy);border-color:var(--navy);color:#fffdf9}
.mediation-journey .mediation-journey__card--mediator h3{font-weight:600;line-height:1.3}
.mediation-journey .mediation-journey__card--mediator>p{color:#fffdf9}
.mediation-journey .mediation-journey__card--agreement{background:#f7f0df}
.mediation-journey .mediation-journey__frameworks{margin-top:28px;padding-top:24px;border-top:1px solid #d8c9ad}
.mediation-journey .mediation-journey__frameworks-title{margin:0 0 20px;color:var(--navy);font-family:var(--sans);font-size:1.25rem;font-weight:700;line-height:1.35;text-align:center}
.mediation-journey .mediation-journey__routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;align-items:stretch}
.mediation-journey .mediation-journey__card--route{min-height:148px;padding:24px 20px}
.mediation-journey .mediation-journey__note{margin:24px 0 0;padding-top:18px;border-top:1px solid #d8c9ad;color:#41536a;font-size:.9375rem;line-height:1.6;text-align:left}
@container(max-width:760px){
 .mediation-journey .mediation-journey__steps{grid-template-columns:minmax(0,1fr);gap:16px}
}
@container(max-width:620px){
 .mediation-journey .mediation-journey__routes{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media(max-width:640px){
 .mediation-page .mediation-journey{padding:22px 18px}
 .mediation-journey .mediation-journey__card{padding:24px 18px}
 .mediation-journey .mediation-journey__caption h2{font-size:1.75rem}
}
.mediation-page .mediation-journey-cta{grid-column:1/-1;min-width:0;padding:24px 28px;background:var(--paper);border:1px solid #d8c9ad;border-radius:12px;text-align:center}
.mediation-page .mediation-journey-cta h3{margin:0;color:var(--navy);font-family:var(--sans);font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:normal}
.mediation-page .mediation-journey-cta p{max-width:800px;margin:12px auto 16px;color:#41536a;font-size:1rem;line-height:1.6}
.mediation-page .mediation-journey-cta .button{max-width:100%;min-height:44px;background:var(--navy);color:#fff;text-align:center}
.mediation-page .mediation-journey-cta .button:hover{background:#1f3d5b;color:#fff}
.mediation-page .mediation-journey-cta .button:focus-visible{outline:3px solid #176293;outline-offset:4px}
@media(max-width:640px){.mediation-page .mediation-journey-cta{padding:20px 18px}.mediation-page .mediation-journey-cta h3{font-size:1.125rem}}
