/* Objectifs : composants éditoriaux de dis-MOI, photographie et lecture aérée. */
.objectifs{margin-top:clamp(20px,3vw,45px);margin-bottom:45px}
.objectifs h1{max-width:20ch;font-size:clamp(2.35rem,5vw,5rem)}
.objectifs h2{max-width:26ch;font-size:clamp(1.9rem,3.4vw,3.5rem)}
.objectifs-hero .lead,.objectifs-intro{max-width:75ch}
.objectifs-wide{margin:32px 0 20px}.objectifs-wide img{width:100%;border-radius:20px;aspect-ratio:16/9;object-fit:cover}
.objectifs figcaption{font-size:.9rem;line-height:1.5;color:var(--muted);margin-top:12px}
.objectifs-photo{margin:0}.objectifs-photo img{width:100%;border-radius:20px}
.objectifs-prose{max-width:78ch}.objectifs .objectifs-note{color:var(--muted);font-size:.95rem;line-height:1.6}
.objectifs-method{max-width:78ch;border-top:1px solid var(--line);padding:18px 0}.objectifs-method summary{cursor:pointer;font-weight:700}
.objectifs-link{display:inline-block;max-width:100%;color:var(--ink);font-weight:700;text-underline-offset:.2em;padding:10px 0;overflow-wrap:anywhere}
.objectifs-link:focus-visible,.objectifs summary:focus-visible{outline:3px solid #f1a34a;outline-offset:4px}
.objectifs-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:30px 0;padding:0;border-radius:20px;overflow:hidden;background:linear-gradient(130deg,#073e50,#087f8c);color:white}
.objectifs-path li{position:relative;padding:25px;border:1px solid #ffffff30;min-width:0}.objectifs-path li>span{font-size:.9rem;opacity:.85}.objectifs-path h3{font-size:1.3rem;margin:6px 0}.objectifs .objectifs-path p{font-size:1rem;margin:0}
.objectifs-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.objectifs-levels article{border-left:4px solid var(--sea);padding:4px 0 4px 24px;min-width:0}.objectifs-levels h3{margin:0;font-size:1.35rem}.objectifs-levels blockquote{margin:16px 0;font-size:1.1rem;line-height:1.6}
.objectifs-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.objectifs-actions .dismoi-button{text-decoration:none}
@media(max-width:900px){.objectifs-field .split{gap:26px}.objectifs-path{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.objectifs .panel{padding:30px 22px}.objectifs-levels{grid-template-columns:1fr}.objectifs-path{grid-template-columns:1fr}.objectifs-path li{padding:18px 22px}.objectifs-wide img{border-radius:14px}.objectifs-actions{gap:12px}.objectifs h1{font-size:clamp(2.2rem,8.5vw,3.2rem)}.objectifs h2{font-size:clamp(1.8rem,7vw,2.5rem)}}

/* Les titres et les explications occupent ensemble la largeur du panneau. */
.objectifs-editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px clamp(28px,4vw,65px);align-items:start}
.objectifs-editorial>h2{grid-column:1;grid-row:1/4;margin-top:0;max-width:none}
.objectifs-editorial>.objectifs-prose,.objectifs-editorial>.objectifs-link,.objectifs-editorial>.objectifs-method{grid-column:2;max-width:none}
.objectifs-editorial .objectifs-prose p:first-child{margin-top:0}
.objectifs-how{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.objectifs-how h3{font-size:1.5rem;margin:0 0 10px}
.objectifs-how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;counter-reset:usage;padding:0;margin:25px 0}
.objectifs-how-steps li{min-width:0;counter-increment:usage;border-left:3px solid var(--sea);padding-left:20px}
.objectifs-how-steps li::before{content:counter(usage,decimal-leading-zero);font-weight:700;color:var(--sea)}
.objectifs-how-steps h4{font-size:1.2rem;margin:8px 0}.objectifs .objectifs-how-steps p{font-size:1rem}
@media(max-width:900px){.objectifs-editorial{grid-template-columns:1fr;gap:12px}.objectifs-editorial>h2,.objectifs-editorial>.objectifs-prose,.objectifs-editorial>.objectifs-link,.objectifs-editorial>.objectifs-method{grid-column:1;grid-row:auto}.objectifs-how-steps{grid-template-columns:1fr;gap:20px}}