/* Service article photographs keep their native composition; cards retain their own framing. */
body[data-services-depth] main .visitor-lead img,
body[data-services-depth] main .services-mac-figure img,
body[data-services-depth] main .at-photo img,
body[data-services-depth] main .work-figure img,
body[data-services-depth] main .editorial-visual img{
 display:block;width:100%;height:auto!important;max-height:none!important;
 aspect-ratio:auto!important;object-fit:contain!important;filter:none;
}
body[data-services-depth] main .visitor-lead,
body[data-services-depth] main .services-mac-figure{max-height:none;overflow:visible}
body[data-services-depth] main .service-native-portrait{max-width:540px;margin-inline:auto}
body[data-services-depth] main .at-photos,
body[data-services-depth] main .at-photos--pair{align-items:start}
body[data-services-depth] main .at-photo{align-self:start}
body[data-services-depth] main figure.service-wide-visual{grid-column:1/-1;width:100%}
body[data-services-depth] main .focus-card img{object-fit:contain!important;filter:none;background:#fff}
/* Small exposure correction only on these older rack photographs. Preserve cables, displays and LEDs. */
body[data-services-depth] main img[src*="photo-archives-baie-reelle-20261019"]{filter:brightness(1.07) contrast(1.02)}
body[data-services-depth] main img[src="/assets/photo-baies-archives.webp"]{filter:brightness(1.04) saturate(.94)}
/* The real MacBook photo is16:9. Preserve its complete, already tight composition in cards too. */
body[data-services-depth] .service-row[href$="/mac-en-entreprise/"] .card-visual{object-fit:contain!important;padding:0!important;background:#edf1f4;filter:none}
body[data-services-depth] .service-row[href$="/serveurs/"]{--service-photo-position:50% 43%;--service-photo-grade:brightness(1.07) contrast(1.02)}
/* Three technical steps remain readable without zooming a rasterised chart. */
body[data-services-depth] .service-flow{margin:26px 0;border:1px solid #dce1e6;background:#fff;padding:22px}
body[data-services-depth] .service-flow :is(ol,ul){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
body[data-services-depth] .service-flow li{border-top:2px solid #ff6900;padding:16px 0 0;min-width:0}
body[data-services-depth] .service-flow .service-step-number{display:block;color:#687681;font-size:13px;margin-bottom:8px}
body[data-services-depth] .service-flow h3{font-size:19px;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}
body[data-services-depth] .service-flow p{font-size:16px;line-height:1.65;margin:0;overflow-wrap:anywhere}
body[data-services-depth] .service-flow figcaption{font-size:14px;line-height:1.6;margin-top:22px;color:#59646d}
body[data-services-depth] .service-flow figcaption a{display:inline-block;margin-top:10px;color:#30383f;text-decoration:underline;text-underline-offset:4px}
body[data-services-depth] .service-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
body[data-services-depth] .service-comparison-grid img{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:3/4!important;object-fit:contain!important;background:#edf1f4}
body[data-services-depth] .service-comparison-label{font-size:16px;font-weight:600;margin:10px 0 0}
@media(max-width:650px){
 body[data-services-depth] .service-flow{padding:18px}
 body[data-services-depth] .service-flow :is(ol,ul){grid-template-columns:1fr;gap:24px}
 body[data-services-depth] .service-flow h3{font-size:19px}
 body[data-services-depth] .service-flow p{font-size:16px}
 body[data-services-depth] .service-comparison-grid{grid-template-columns:1fr;gap:24px}
}
body[data-services-depth] main .at-photo.service-comparison .service-comparison-grid img{aspect-ratio:3/4!important;height:auto!important;object-fit:contain!important}
body[data-services-depth] .service-flow{grid-column:1/-1;width:100%;box-sizing:border-box}
