/* Introduction et règles réunies sur une même ligne sur ordinateur. */
.responsible-overview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}
.responsible-overview>.page-intro,.responsible-overview>.section{min-width:0;padding:64px clamp(24px,3.5vw,64px)}
.responsible-overview>.page-intro>.container,.responsible-overview>.section>.container{width:100%;margin:0;position:relative;z-index:1}
.responsible-overview .page-intro h1{font-size:clamp(3rem,4.6vw,5.5rem);max-width:none}
.responsible-overview .page-intro .lead{font-size:clamp(1.05rem,1.4vw,1.3rem)}
.responsible-overview .section-heading{margin-bottom:30px}
.responsible-overview h2{font-size:clamp(2.3rem,3.3vw,4rem)}
.responsible-overview .principles{gap:14px}
.responsible-overview .principles article{padding:24px}
.responsible-overview .principles h3{font-size:clamp(1.5rem,2vw,2rem);margin:20px 0 12px}
.responsible-overview .principles p{margin-bottom:0}
@media(max-width:1100px) and (min-width:901px){.responsible-overview .principles{grid-template-columns:1fr}}
@media(max-width:900px){.responsible-overview{grid-template-columns:1fr}.responsible-overview>.page-intro,.responsible-overview>.section{padding:48px 20px}.responsible-overview .page-intro h1{font-size:clamp(3rem,9vw,5rem)}}