/* Clarté éditoriale. Les effets graphiques existants sont conservés. */
:root{--paper:#fcfcfa;--line:#d8dadd}body{background-color:var(--paper);background-image:radial-gradient(rgba(30,35,40,.028) .45px,transparent .7px);background-size:5px 7px}
.article-page,.reader-body,.article-body,.justice-chapter,.article-content{background:#fcfcfa}
.saved-nav,.family,.political-glossary details{background:#fff}
.collection-heading{background:var(--collection-color)!important;border-top:7px solid var(--collection-color);border-bottom:1px solid #d8dadd}
.collection-heading h1,.article-heading h1{font-size:clamp(38px,4.6vw,64px)!important;line-height:1.13!important}.article-heading{padding-top:22px;margin-bottom:30px}.collection-heading{padding-block:30px!important}
.fiche-featured{background:var(--rubric-color)!important;border-top:8px solid var(--rubric-color)}
.politics-promo{background:#c4afff;border-top:8px solid #c4afff}.politics-promo-tag{color:#20201f}.politics-inline{background:#c4afff;border-left:8px solid #c4afff}
.filters button[data-filter]{background:var(--rubric-color,#fff)}.filters button[data-filter][aria-pressed=true]{background:var(--rubric-color,#fff)}
.hero-card.news-hero{background:var(--rubric-color)!important;border-top:8px solid var(--rubric-color)}.quick-card{background:var(--rubric-color)!important;border-top:8px solid var(--rubric-color)}
.card-meta,.fiche-meta{line-height:1.5}.article-content p,.reader-body p{max-width:70ch}
@media(max-width:600px){.collection-heading h1,.article-heading h1{font-size:38px!important}.collection-heading{padding:24px 18px!important}}

/* Un léger cadre commun distingue la navigation des rubriques colorées. */
.header nav{gap:3px;padding:4px 5px;border:1px solid #dfe2ed;border-radius:8px;background:#f3f4fa;font-size:14px;line-height:1.3}
.header nav a{position:relative;display:flex;align-items:center;min-height:38px;padding:9px 11px;border-radius:5px;white-space:nowrap;transition:background-color .15s,color .15s}
.header nav a:hover,.header nav a:focus-visible{background:#fff;color:var(--blue);text-decoration:none}
.header nav a:hover:after,.header nav a:focus-visible:after{content:'';position:absolute;left:11px;right:11px;bottom:3px;height:2px;border-radius:2px;background:var(--orange)}
@media(max-width:1100px) and (min-width:901px){.header nav{font-size:13px;gap:1px}.header nav a{padding-inline:7px}}
@media(max-width:900px){.header{height:auto;flex-wrap:wrap;gap:14px;padding-block:14px}.header nav{order:3;width:100%;flex-wrap:wrap;justify-content:center}}
@media(max-width:760px){.header nav{font-size:13px;gap:2px;padding:4px}.header nav a{padding:9px 8px;min-height:38px}}
@media(max-width:380px){.header nav{font-size:12.5px}.header nav a{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.header nav a{transition:none}}