main.wrap.article-page{width:min(1440px,calc(100% - 64px));max-width:none;margin-inline:auto;box-sizing:border-box}
.article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:36px}.article-head{max-width:none}
/* Editorial pages: generous desktop canvas; a single reading column on mobile. */
:is(.article-page,.reading,.editorial-layout,.page-layout,.content-layout):has(article,.prose,.article-body){min-width:0}
:is(.article-body,.article-content,.article-layout>.prose,main.reading>article){width:100%;max-width:none;min-width:0}
main .article-layout{max-width:none}
:is(.article-header,.article-heading,.article-head,main.reading)>h1,main:has(.article-page) [data-lp-intro] h1{max-width:none;font-size:clamp(2rem,4.2vw,3.65rem);line-height:1.12;text-wrap:balance;overflow-wrap:break-word}
:is(.article-header,.article-heading,.article-head,main.reading)>.lead,:is(.article-header,.article-head) :is(.article-deck,.article-excerpt){max-width:none}
.wcc2026 .reading{max-width:none!important;width:100%}
main img[src*="/editorial-20261013/"]{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;aspect-ratio:3/2;object-fit:cover}
main figure:has(img[src*="/editorial-20261013/"]){margin:30px 0 36px;padding:0;max-width:100%;overflow:hidden;border:1px solid #ac8a5938;border-radius:14px;background:linear-gradient(125deg,#f4ead833,#a6803820)}
main figure:has(img[src*="/editorial-20261013/"]) img{border-radius:12px 12px 0 0;margin:0;max-height:560px;object-fit:cover}
main figure:has(img[src*="/editorial-20261013/"]) figcaption{margin:0;padding:14px 18px;font:400 .85rem/1.65 system-ui,sans-serif;color:inherit;opacity:.88}
main a[href*="amazon.fr/dp/"][href*="tag=lucpitallier-21"]:has(img){display:block;padding:0;border:0;border-radius:12px;box-shadow:none;background:transparent;line-height:0}
main a:has(img[src*="/editorial-20261013/"]):hover{box-shadow:inset 0 0 0 2px #b4935c}
main a:has(img[src*="/editorial-20261013/"]):focus-visible{outline:4px solid #b78b42;outline-offset:-4px}
main :is(.prose,.article-body,.reading>article){overflow-wrap:anywhere}
@media(max-width:960px){
 body main :is(.article-layout,.editorial-layout,.page-layout,.content-layout):has(article,.article-body,.prose){grid-template-columns:minmax(0,1fr);gap:28px}
 .article-layout>aside,.article-layout>.article-toc{position:static;max-height:none}
}
@media(max-width:600px){
 main figure:has(img[src*="/editorial-20261013/"]){margin-block:22px}
 main figure:has(img[src*="/editorial-20261013/"]) figcaption{padding:11px 13px;font-size:.8rem}
 :is(.article-header,.article-heading,.article-head,main.reading)>h1{font-size:clamp(1.9rem,7vw,2.45rem);text-wrap:pretty}
}

@media(max-width:600px){main.wrap.article-page{width:calc(100% - 32px)}}