/* Palette commune : les articles suivent les couleurs du site. */
:root {
  --story-soft: color-mix(in srgb, var(--teal) 10%, var(--cream));
  --story-border: color-mix(in srgb, var(--teal) 22%, var(--line));
  --story-gold-soft: color-mix(in srgb, var(--sun) 20%, var(--cream));
  --story-pale-text: color-mix(in srgb, var(--cream) 84%, var(--teal));
  --story-light-accent: color-mix(in srgb, var(--teal) 48%, var(--cream));
}
.story-breadcrumb{display:flex;gap:9px;align-items:center;font-size:.79rem;font-weight:800;color:var(--muted);margin:31px auto 36px}
.story-breadcrumb a{text-decoration:none;border-bottom:1px solid var(--story-border)}.story-breadcrumb a:hover{color:var(--teal)}
.story-heading{max-width:1120px;margin:0 auto 42px}.story-heading .eyebrow{color:var(--teal)}
.story-heading h1{font-size:clamp(2.8rem,5.4vw,5.45rem);line-height:1.04;max-width:1010px;margin:18px 0 20px;color:var(--navy)}
.story-heading h1 em{font-style:normal;color:var(--teal)}.story-deck{max-width:780px;color:var(--muted);font-size:1.12rem;line-height:1.62}
.story-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.story-meta span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;padding:7px 11px;border:1px solid var(--story-border);border-radius:100px;color:var(--ink)}
.story-opening{background:var(--story-soft);border-top:1px solid var(--story-border);border-bottom:1px solid var(--story-border);padding:56px 0 68px}
.story-opening-grid{display:grid;grid-template-columns:minmax(290px,410px) minmax(0,1fr);gap:clamp(35px,6vw,100px);align-items:start}
.poster-frame{margin:0;background:var(--cream);border:9px solid var(--cream);box-shadow:0 23px 55px color-mix(in srgb, var(--navy) 17%, transparent);transform:rotate(-1.3deg);border-radius:5px;overflow:hidden}
.poster-frame img{width:100%;height:auto;display:block}.poster-frame figcaption{font-size:.76rem;color:var(--muted);text-align:center;padding:11px 8px 6px;line-height:1.4;font-weight:700}
.teaser-copy{padding-top:16px;max-width:630px}.section-label{font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--teal);display:flex;align-items:center;gap:11px}
.section-label:before{content:'✦';font-size:1.3rem;color:var(--sun)}.teaser-copy h2{font-size:clamp(2.05rem,3.4vw,3.6rem);margin:15px 0 24px;color:var(--navy)}
.teaser-copy h2 em{font-style:normal;color:var(--teal)}
.teaser-copy p{margin:0 0 13px;color:var(--ink);font-size:1rem;line-height:1.65}.teaser-copy p:first-of-type{font:700 1.4rem/1.35 'Outfit',sans-serif;color:var(--navy)}.teaser-copy p:last-child{font-weight:800;color:var(--teal);font-size:1.1rem;margin-top:22px}
.story-read{padding:80px 0 55px}.reading-grid{display:grid;grid-template-columns:210px minmax(0,750px);gap:clamp(35px,6vw,100px);justify-content:center}
.reading-rail{position:sticky;top:25px;align-self:start;border-top:3px solid var(--teal);padding-top:18px;color:var(--muted);font-size:.79rem;font-weight:700}
.reading-rail strong{display:block;font:800 1.3rem 'Outfit',sans-serif;color:var(--navy);margin-bottom:10px}.reading-rail a{display:block;margin-top:22px;color:var(--teal);text-decoration:none}
.article-body{font-size:1.08rem;line-height:1.85;color:var(--ink)}.article-body>p{margin:0 0 .77em}.article-body>p:first-of-type:first-letter{float:left;font:800 4.3rem/.85 'Outfit',sans-serif;color:var(--teal);margin:11px 10px 0 0}
.article-body h2{font-size:2.1rem;margin:2.25em 0 .75em;color:var(--navy);scroll-margin-top:20px}
.article-body strong{color:var(--navy)}.article-body .article-emphasis{margin:1.5em 0;padding:15px 23px;background:var(--story-gold-soft);border-left:4px solid var(--sun);border-radius:0 11px 11px 0;font-family:'Outfit',sans-serif;font-size:1.23rem;line-height:1.5}
.article-body ul,.article-body ol{padding-left:1.6em;margin:1em 0 1.5em}.article-body li{padding-left:.2em;margin:.28em 0}.article-body a{color:var(--teal);text-underline-offset:3px}
.story-next{background:var(--navy);color:var(--cream);border-radius:25px;padding:35px 42px;max-width:760px;margin:32px auto 78px}.story-next .section-label{color:var(--story-light-accent)}.story-next h2{font-size:2rem;margin:12px 0}.story-next p{color:var(--story-pale-text);margin-bottom:22px}.story-next a{color:var(--sun);font-weight:800}
@media(max-width:850px){.story-opening-grid{grid-template-columns:1fr;gap:38px}.poster-frame{width:min(100%,430px);margin-inline:auto}.teaser-copy{max-width:700px;padding-top:0}.reading-grid{display:block;width:min(750px,calc(100% - 40px))}.reading-rail{position:static;display:flex;justify-content:space-between;gap:15px;border:0;border-bottom:1px solid var(--story-border);padding:0 0 14px;margin-bottom:38px}.reading-rail a{margin:0}}
@media(max-width:550px){.story-breadcrumb{margin:19px auto 25px}.story-heading{margin-bottom:31px}.story-heading h1{font-size:clamp(2.55rem,11vw,3.6rem)}.story-deck{font-size:1rem}.story-opening{padding:36px 0 45px}.poster-frame{width:min(90%,360px)}.teaser-copy h2{font-size:2.2rem}.story-read{padding-top:48px}.article-body{font-size:1rem;line-height:1.73}.article-body h2{font-size:1.75rem}.article-body .article-emphasis{font-size:1.1rem}.story-next{padding:28px;margin-bottom:45px}}