/* Quatre pages locales : illustrations originales, repères de choix et cas pratiques. Styles isolés. */
.web-outil .otv-hero{padding:48px 0 28px;background:linear-gradient(135deg,var(--web-soft),#fff 82%)}
.web-outil .otv-hero-grille{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:40px}
.web-outil .otv-titre{font-size:clamp(32px,3.3vw,48px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 22px;color:var(--web-ink)}
.web-outil .otv-titre em{font-style:normal;color:var(--web-accent)}
.web-outil .otv-intro{font-size:17px;line-height:1.7;color:var(--web-body);margin:0 0 18px}
.web-outil .otv-reperes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.web-outil .otv-reperes li{font-size:12px;line-height:1.5;font-weight:650;color:var(--web-accent);padding:5px 9px;border:1px solid var(--web-border);border-radius:7px;background:#fff}
.web-outil .otv-prix{font-size:15px;color:var(--web-body);margin:22px 0 16px}
.web-outil .otv-prix strong{font-size:27px;line-height:1.3;color:var(--web-ink);letter-spacing:-.025em}
.web-outil .otv-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px}
.web-outil .otv-actions a{font-size:14px}
.web-outil .otv-hero-image{margin:0;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #18233b12;background:var(--web-soft);border:1px solid var(--web-border)}
.web-outil .otv-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.web-outil .otv-hero-bas{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:26px;margin-top:26px;border-top:1px solid var(--web-border)}
.web-outil .otv-hero-bas>p{max-width:55ch;color:var(--web-body);line-height:1.6;font-size:14px;margin:0}
.web-outil .otv-hero-bas .xl-neighbours{flex-wrap:wrap;gap:8px}
.web-outil .otv-section-tete{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:28px}
.web-outil .otv-section-tete h2{font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.035em;margin:10px 0 0;color:var(--web-ink)}
.web-outil .otv-section-tete>p{font-size:15px;line-height:1.7;color:var(--web-body);margin:0;max-width:48ch}
.web-outil .otv-usages{background:linear-gradient(#fff,var(--web-soft))}
.web-outil .otv-cas-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.web-outil .otv-cas{background:#fff;border:1px solid var(--web-border);border-radius:18px;overflow:hidden;box-shadow:0 10px 32px #1b233307}
.web-outil .otv-cas figure{margin:0;background:var(--web-soft)}
.web-outil .otv-cas-texte{padding:26px}
.web-outil .otv-cas h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;color:var(--web-ink);margin:12px 0}
.web-outil .otv-cas p:not(.web-kicker),.web-outil .otv-cas li{font-size:15px;line-height:1.7;color:var(--web-body)}
.web-outil .otv-cas ul{padding-left:20px;margin:16px 0 22px}
.web-outil .otv-cas li+li{margin-top:5px}
.web-outil .otv-choix{background:#fff}
.web-outil .otv-choix-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.web-outil .otv-choix-grille article{padding:24px;border:1px solid var(--web-border);border-radius:14px;background:var(--web-soft)}
.web-outil .otv-choix h3{font-size:18px;line-height:1.35;margin:0 0 12px;color:var(--web-ink)}
.web-outil .otv-choix article p{font-size:15px;line-height:1.7;color:var(--web-body);margin:0 0 16px}
.web-outil .otv-ressources{padding-top:20px;font-size:14px;color:var(--web-body)}
.web-outil .otv-ressources p{margin:0 0 8px}.web-outil .otv-ressources ul{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0;padding-left:20px}
.web-outil .otv-ressources a{color:var(--web-accent);text-underline-offset:3px}
.web-outil .otv-sources{padding:26px 0 38px;border-top:1px solid var(--web-border);background:#fff}
.web-outil .otv-sources h2{font-size:18px;margin:0 0 8px;color:var(--web-ink)}
.web-outil .otv-sources p,.web-outil .otv-sources li{font-size:14px;line-height:1.65;color:var(--web-body)}
.web-outil .otv-sources ul{display:flex;flex-wrap:wrap;gap:8px 24px;margin:12px 0 0;padding-left:20px}
.web-outil .otv-sources a{text-decoration:underline;text-underline-offset:3px;color:var(--web-accent)}
@media(max-width:899px){
 .web-outil .otv-hero{padding-top:32px}.web-outil .otv-hero-grille{grid-template-columns:1fr;gap:28px}
 .web-outil .otv-hero-image{max-width:640px;width:100%;margin:auto}.web-outil .otv-hero-bas{display:block}
 .web-outil .otv-hero-bas .xl-neighbours{margin-top:16px;justify-content:flex-start}
 .web-outil .otv-section-tete{grid-template-columns:1fr;gap:14px}.web-outil .otv-choix-grille{grid-template-columns:1fr}
}
@media(max-width:600px){
 .web-outil .otv-titre{font-size:33px}.web-outil .otv-intro{font-size:16px}
 .web-outil .otv-cas-grille{grid-template-columns:1fr}.web-outil .otv-cas-texte{padding:21px}
 .web-outil .otv-actions .web-button{width:100%;justify-content:center}.web-outil .otv-actions{gap:14px}
 .web-outil .otv-sources ul{display:block}.web-outil .otv-sources li+li{margin-top:8px}
}