/* CL-01 — Lisibilité de l’espace lecteur.
   Couche séparée et réversible ; le Studio conserve sa densité actuelle. */
body:not(.studio-page){--muted:#bbb9b1;--dim:#969c97}
body:not(.studio-page) :is(.icon-btn,.round-link){min-width:44px;min-height:44px}
body:not(.studio-page) :is(.soft-button,.gold-button){min-height:44px;font-size:14px}
body:not(.studio-page) :is(.brand-caption,.eyebrow,.edition small,.radar-title .eyebrow,.release-date small,.release-copy p,.radar-bottom>span,.cover-label,.shelf-caption,.news-item .eyebrow,.result-count,.platforms a,.category-tag,.card-meta,.card-bottom,.site-footer,.save-count,.dialog-hint,.breadcrumb-line,.single-meta,.reading-aside>a){font-size:12px}
body:not(.studio-page) .main-nav{font-size:14px}
body:not(.studio-page) .studio-link{font-size:13px}
body:not(.studio-page) .welcome>div>p:last-child{font-size:15px}
body:not(.studio-page) .segmented button,
body:not(.studio-page) .text-link{min-height:44px;font-size:13px}
body:not(.studio-page) .release-copy h3{font-size:14px;line-height:1.45}
body:not(.studio-page) .news-number{font-size:13px}
body:not(.studio-page) .news-item h3{font-size:15px;line-height:1.45}
body:not(.studio-page) .card-copy>p{font-size:15px;line-height:1.65}
body:not(.studio-page) .pagination-bar>span{font-size:13px}
body:not(.studio-page) .signature>div>p:last-child{font-size:14px}
body:not(.studio-page) .portal-toast{font-size:14px}
body:not(.studio-page) .reading-aside nav{font-size:13px}
body:not(.studio-page) .article-content{font-size:18px;line-height:1.85}
body:not(.studio-page) .radar-bottom .icon-btn,
body:not(.studio-page) .card-visual .save,
body:not(.studio-page) .card-bottom .round-link{width:44px;height:44px}
html[data-theme=light] body:not(.studio-page){--muted:#535b56;--dim:#606a64}

@media(max-width:800px){
 body:not(.studio-page) .site-footer{font-size:13px;line-height:1.55}
 body:not(.studio-page) .single-meta{font-size:13px;line-height:1.55}
 body:not(.studio-page) .article-content{font-size:17px;line-height:1.8}
}

@media(max-width:500px){
 body:not(.studio-page){max-width:100%;overflow-x:clip}
 body:not(.studio-page) .shell{width:calc(100% - 28px)}
 body:not(.studio-page) .header-inner{min-width:0}
 body:not(.studio-page) .brand{min-width:0}
 body:not(.studio-page) .brand img{width:126px;max-width:100%}
 body:not(.studio-page) .header-tools{min-width:0;flex-shrink:0}
 body:not(.studio-page) .studio-link{display:none}
 body:not(.studio-page) .welcome>div>p:last-child{font-size:14px}
 body:not(.studio-page) .release-copy h3{font-size:13px}
 body:not(.studio-page) .news-item h3{font-size:14px}
 body:not(.studio-page) .card-copy{padding:19px 18px}
 body:not(.studio-page) .card-copy>p{font-size:14px}
 body:not(.studio-page) .article-content{font-size:17px}
 body:not(.studio-page) :is(.single,.single-heading,.reading-layout,.article-content){min-width:0;max-width:100%}
 body:not(.studio-page) .article-content :where(div,section,aside,figure,blockquote){min-width:0!important;max-width:100%!important}
 body:not(.studio-page) .article-content :where(h1,h2,h3,h4,h5,h6,p,li,a,strong,span){overflow-wrap:anywhere}
 body:not(.studio-page) .article-content h2{font-size:clamp(25px,8vw,31px)!important;line-height:1.2}
 body:not(.studio-page) .article-content h3{font-size:clamp(21px,6.5vw,27px)!important;line-height:1.25}
 body:not(.studio-page) .article-content :where(img,video,iframe,canvas,svg){max-width:100%!important;height:auto}
 body:not(.studio-page) .article-content table{max-width:100%;overflow-x:auto}
}