.article-page{max-width:var(--largeur-max);padding:var(--espace-lg) var(--espace-sm) var(--espace-xxl);margin:0 auto}.article-breadcrumb{font-family:var(--font-ui);color:var(--couleur-texte-light);margin-bottom:var(--espace-md);font-size:.9rem}.article-breadcrumb a{color:var(--couleur-texte-light)}.article-breadcrumb a:hover{color:var(--couleur-primaire)}.article-header{text-align:center;margin:0 auto var(--espace-lg);max-width:var(--largeur-article)}.article-kicker{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.2em;color:var(--couleur-secondaire);margin-bottom:var(--espace-sm);font-size:.85rem}.article-titre{margin-bottom:var(--espace-sm);color:var(--couleur-primaire-dark);font-size:clamp(2.25rem,5vw,3.5rem)}.article-description{font-family:var(--font-titre);color:var(--couleur-secondaire);font-size:1.2rem;font-style:italic;line-height:1.5}.reading-time{color:var(--couleur-texte-light);margin:16px 0;font-size:.85rem}.article-ornement{justify-content:center;align-items:center;gap:var(--espace-sm);color:var(--couleur-or);margin:var(--espace-md) 0;display:flex}.article-ornement .trait{background:var(--couleur-or);width:40px;height:1px}.article-hero{max-width:var(--largeur-max);margin:0 auto var(--espace-lg)}.article-hero img{border-radius:var(--radius-petit);width:100%;box-shadow:var(--ombre-moyenne)}.article-grid{gap:var(--espace-md);grid-template-columns:1fr;display:grid}.article-body{color:var(--couleur-texte);max-width:var(--largeur-article);margin:0 auto;font-size:1.05rem;line-height:1.8}.article-body h2{margin-top:var(--espace-xl);margin-bottom:var(--espace-md);padding-bottom:var(--espace-xs);border-bottom:1px solid var(--couleur-accent);font-size:clamp(1.5rem,3vw,2rem)}.article-body h3{margin-top:var(--espace-lg);margin-bottom:var(--espace-sm);color:var(--couleur-primaire);font-size:1.35rem}.article-body p{margin-bottom:var(--espace-sm)}.article-body>p:first-of-type:first-letter{font-family:var(--font-titre);float:left;color:var(--couleur-primaire-dark);margin:.05em .1em 0 0;font-size:5em;font-weight:600;line-height:.85}.article-body img{margin:var(--espace-md) auto;border-radius:var(--radius-petit);box-shadow:var(--ombre-legere)}.article-body figure{margin:var(--espace-lg) 0}.article-body figcaption{font-family:var(--font-ui);color:var(--couleur-texte-light);text-align:center;margin-top:var(--espace-xs);font-size:.9rem;font-style:italic}.article-body blockquote{border-left:3px solid var(--couleur-or);padding-left:var(--espace-sm);margin:var(--espace-md) 0;color:var(--couleur-texte-light);font-style:italic}.marginalia{border-left:3px solid var(--couleur-or);padding:var(--espace-xs) var(--espace-sm);margin:var(--espace-md) 0;color:var(--couleur-texte-light);font-family:var(--font-ui);background:var(--couleur-fond-alt);border-radius:0 var(--radius-petit) var(--radius-petit) 0;font-size:.95rem}.marginalia p:last-child{margin-bottom:0}.source-cite{font-family:var(--font-ui);color:var(--couleur-texte-light);font-size:.95rem}.article-sources{max-width:var(--largeur-article);margin:var(--espace-xl) auto 0;padding-top:var(--espace-md);border-top:1px solid var(--couleur-accent)}.article-sources h2{margin-bottom:var(--espace-sm);color:var(--couleur-primaire-dark);font-size:1.5rem}.article-sources ul{padding:0;list-style:none}.article-sources li{font-family:var(--font-ui);color:var(--couleur-texte-light);margin-bottom:var(--espace-xs);font-size:.95rem}.toc-mobile{max-width:var(--largeur-article);margin:0 auto var(--espace-lg);border:1px solid var(--couleur-accent);border-radius:var(--radius-petit);background:var(--couleur-fond-alt)}.toc-desktop,.article-marginalia-spacer{display:none}.toc-mobile summary{padding:var(--espace-sm);cursor:pointer;font-family:var(--font-titre);color:var(--couleur-primaire-dark);font-size:1.1rem}.toc-mobile .toc{padding:0 var(--espace-sm) var(--espace-sm)}.toc-titre{font-family:var(--font-titre);color:var(--couleur-primaire-dark);margin-bottom:var(--espace-xs);letter-spacing:.02em;font-size:1.1rem}.toc ol{counter-reset:toc;padding:0;list-style:none}.toc li{counter-increment:toc;margin-bottom:var(--espace-xs);font-family:var(--font-ui);padding-left:1.5em;font-size:.95rem;line-height:1.4;position:relative}.toc li:before{content:counter(toc, upper-roman) ".";color:var(--couleur-or);font-family:var(--font-titre);position:absolute;left:0}.toc a{color:var(--couleur-texte-light);transition:color var(--transition-rapide)}.toc a:hover{color:var(--couleur-primaire)}.toc a.actif{color:var(--couleur-gueules);font-weight:600}@media (width>=1024px){.article-grid{grid-template-columns:240px minmax(0, var(--largeur-article)) var(--largeur-marginalia);gap:var(--espace-lg);justify-content:center;align-items:start}.toc-mobile{display:none}.toc-desktop{align-self:start;max-height:calc(100vh - 100px);display:block;position:sticky;top:80px;overflow-y:auto}.article-marginalia-spacer{display:block}.article-body{margin:0}.marginalia{float:right;clear:right;width:var(--largeur-marginalia);margin:var(--espace-xs) calc(-1 * (var(--largeur-marginalia) + var(--espace-lg))) var(--espace-md) var(--espace-md);border-left:3px solid var(--couleur-or);padding:0 0 0 var(--espace-sm);background:0 0;border-radius:0;font-style:italic}}
