/* Scientifics : polices auto-hebergees (Google Fonts, licence OFL) */
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/files/jetbrains-mono-400_500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/files/jetbrains-mono-400_500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;src:url('/files/source-sans-3-400_700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;src:url('/files/source-sans-3-400_700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url('/files/spectral-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url('/files/spectral-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:700;font-display:swap;src:url('/files/spectral-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Spectral';font-style:normal;font-weight:700;font-display:swap;src:url('/files/spectral-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* Scientifics — feuille de style unique. Signature : la raie spectrale. */
:root{
  --encre:#0E1A2B; --encre-2:#33445C; --encre-3:#6B7A90;
  --papier:#FAF9F6; --papier-2:#F2F0EA; --blanc:#FFFFFF;
  --cobalt:#1B4FCB; --cobalt-d:#143C9B; --cobalt-l:#E8EEFC;
  --cyan:#12B5B0; --cyan-l:#E3F6F5;
  --ambre:#F0A427; --ambre-l:#FDF3E1;
  --grenat:#B23A2E; --grenat-l:#FAEBE9;
  --trait:#DCD8CE;
  --r:10px; --wrap:1180px; --lis:72ch;
  --grille:linear-gradient(0deg,rgba(14,26,43,.045) 1px,transparent 1px),
           linear-gradient(90deg,rgba(14,26,43,.045) 1px,transparent 1px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--encre);
  font-family:"Source Sans 3","Source Sans Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:var(--cobalt);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--cobalt-d)}
h1,h2,h3,h4{font-family:Spectral,Georgia,"Times New Roman",serif;line-height:1.18;
  letter-spacing:-.01em;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2rem,1.4rem + 2.4vw,3rem)}
h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.05rem)}
h3{font-size:1.22rem;font-weight:600}
p{margin:0 0 1.05em}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}
.read{max-width:var(--lis)}
.center{text-align:center}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--encre);color:#fff;padding:.6rem 1rem;border-radius:var(--r)}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
[hidden]{display:none!important}

/* ---- signature : la raie spectrale ---- */
.spectre{display:flex;height:4px;width:min(148px,42vw);border-radius:3px;overflow:hidden;margin:0 0 1.1rem}
.spectre i{display:block;height:100%}
.spectre i:nth-child(1){flex:5;background:var(--cobalt)}
.spectre i:nth-child(2){flex:3;background:var(--cyan)}
.spectre i:nth-child(3){flex:2;background:var(--ambre)}
.spectre i:nth-child(4){flex:1.2;background:var(--grenat)}
.spectre--c{margin-inline:auto}

/* ---- header ---- */
.hdr{position:sticky;top:0;z-index:40;background:rgba(250,249,246,.94);
  backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--trait)}
.hdr::after{content:"";display:block;height:3px;
  background:linear-gradient(90deg,var(--cobalt) 0 44%,var(--cyan) 44% 70%,var(--ambre) 70% 89%,var(--grenat) 89% 100%)}
.hdr__in{display:flex;align-items:center;gap:1rem;min-height:70px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--encre);flex:0 0 auto}
.brand img{width:38px;height:38px;border-radius:8px}
.brand__n{display:block;font-family:Spectral,Georgia,serif;font-weight:700;font-size:1.28rem;line-height:1}
.brand__b{display:block;font-size:.72rem;color:var(--encre-3);letter-spacing:.06em;text-transform:uppercase;margin-top:.18rem}
.nav{margin-left:auto;display:flex;gap:.15rem;flex-wrap:wrap}
.nav a{padding:.5rem .78rem;border-radius:999px;text-decoration:none;color:var(--encre-2);
  font-weight:600;font-size:.95rem;white-space:nowrap}
.nav a:hover{background:var(--cobalt-l);color:var(--cobalt-d)}
.nav a[aria-current="page"]{background:var(--encre);color:#fff}
.burger{display:none;margin-left:auto;width:44px;height:40px;border:1px solid var(--trait);
  border-radius:8px;background:var(--blanc);cursor:pointer;padding:10px 9px}
.burger span{display:block;height:2px;background:var(--encre);border-radius:2px}
.burger span+span{margin-top:5px}
@media(max-width:900px){
  .burger{display:block}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--papier);
    border-bottom:1px solid var(--trait);padding:.5rem clamp(1rem,4vw,2rem) 1rem;display:none}
  .nav.on{display:flex}
  .nav a{border-radius:8px;padding:.7rem .8rem;font-size:1rem}
}

/* ---- hero ---- */
.hero{position:relative;padding:clamp(3rem,7vw,5.6rem) 0 clamp(2.4rem,5vw,4rem);
  background:var(--blanc);background-image:var(--grille);background-size:26px 26px;
  border-bottom:1px solid var(--trait)}
.hero__in{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.6rem,4vw,3.2rem);align-items:center}
.hero h1{margin-bottom:.55rem}
.hero__k{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;color:var(--cobalt);
  font-weight:700;margin:0 0 .7rem}
.hero__p{font-size:1.14rem;color:var(--encre-2);max-width:62ch}
.hero__cta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}
.hero__img img{border-radius:14px;border:1px solid var(--trait);box-shadow:0 18px 40px -26px rgba(14,26,43,.5)}
@media(max-width:860px){.hero__in{grid-template-columns:1fr}.hero__img{order:-1}}

.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem 1.25rem;border-radius:999px;
  background:var(--cobalt);color:#fff;text-decoration:none;font-weight:650;font-size:.98rem;
  border:1.5px solid var(--cobalt);transition:background .15s,transform .15s}
.btn:hover{background:var(--cobalt-d);border-color:var(--cobalt-d);color:#fff;transform:translateY(-1px)}
.btn--g{background:transparent;color:var(--cobalt-d);border-color:var(--cobalt)}
.btn--g:hover{background:var(--cobalt-l);color:var(--cobalt-d)}

/* ---- sections ---- */
.sec{padding:clamp(2.6rem,6vw,4.4rem) 0}
.sec--paper{background:var(--papier-2);border-block:1px solid var(--trait)}
.sec--encre{background:var(--encre);color:#E7ECF4}
.sec--encre h2,.sec--encre h3{color:#fff}
.sec--encre p{color:#B9C4D4}
.sec--encre .eyebrow{color:var(--cyan)}
.sec__h{max-width:74ch;margin-bottom:clamp(1.5rem,3vw,2.2rem)}
.sec__h p{color:var(--encre-2);margin-bottom:0}
.sec--encre .sec__h p{color:#B9C4D4}
.eyebrow{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--cobalt);
  font-weight:700;margin:0 0 .55rem}
.eyebrow a{color:inherit;text-decoration:none}
.grid{display:grid;gap:1.15rem}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}

/* ---- carte rubrique ---- */
.rub{display:flex;flex-direction:column;gap:.35rem;padding:1.4rem 1.35rem 1.25rem;background:var(--blanc);
  border:1px solid var(--trait);border-radius:var(--r);text-decoration:none;color:inherit;
  position:relative;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}
.rub::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,var(--cobalt) 0 44%,var(--cyan) 44% 70%,var(--ambre) 70% 89%,var(--grenat) 89% 100%)}
.rub:hover{border-color:var(--cobalt);transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(14,26,43,.55)}
.rub__n{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);font-weight:700;margin-top:.3rem}
.rub h3{margin:.15rem 0 .35rem;font-size:1.16rem}
.rub p{color:var(--encre-2);font-size:.96rem;margin-bottom:.5rem}
.rub__c{margin-top:auto;font-weight:650;font-size:.93rem;color:var(--cobalt-d)}
.rub__c::after{content:" →"}

/* ---- carte article ---- */
.card{display:flex;flex-direction:column;background:var(--blanc);border:1px solid var(--trait);
  border-radius:var(--r);overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}
.card:hover{border-color:var(--cobalt);transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(14,26,43,.55)}
.card__img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--papier-2)}
.card__b{padding:1.05rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.card__k{font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);font-weight:700;margin:0}
.card__t{font-size:1.1rem;margin:0}
.card__t a{color:var(--encre);text-decoration:none}
.card__t a:hover{color:var(--cobalt-d);text-decoration:underline}
.card__d{color:var(--encre-2);font-size:.95rem;margin:0}
.card__m{margin:auto 0 0;padding-top:.65rem;font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:.74rem;color:var(--encre-3);display:flex;gap:.7rem;flex-wrap:wrap}

/* ---- fil d'Ariane ---- */
.fil{padding:.9rem 0 0}
.fil ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;
  font-size:.85rem;color:var(--encre-3)}
.fil li+li::before{content:"›";margin-right:.45rem;color:var(--trait)}
.fil a{color:var(--encre-2);text-decoration:none}
.fil a:hover{color:var(--cobalt);text-decoration:underline}

/* ---- article ---- */
.art{padding-bottom:clamp(2.5rem,6vw,4rem)}
.art__hd{max-width:var(--lis);padding:1.4rem 0 1.6rem}
.art__lede{font-size:1.16rem;color:var(--encre-2);max-width:66ch}
.art__meta{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.76rem;color:var(--encre-3);
  display:flex;gap:1rem;flex-wrap:wrap;margin:0;padding-top:.5rem;border-top:1px solid var(--trait)}
.art__meta a{color:var(--encre-2)}
.art__fig{margin:0 0 2rem;max-width:var(--lis)}
.art__fig img{border-radius:12px;border:1px solid var(--trait)}
.art__fig figcaption{font-size:.83rem;color:var(--encre-3);padding-top:.5rem}

.prose{max-width:var(--lis)}
.prose h2{margin-top:2.4rem;padding-top:.2rem}
.prose h2::before{content:"";display:block;height:4px;width:112px;border-radius:3px;margin-bottom:.85rem;
  background:linear-gradient(90deg,var(--cobalt) 0 44%,var(--cyan) 44% 70%,var(--ambre) 70% 89%,var(--grenat) 89% 100%)}
.prose h3{margin-top:1.9rem;color:var(--encre)}
.prose ul,.prose ol{padding-left:1.25rem;margin:0 0 1.15em}
.prose li{margin-bottom:.4em}
.prose li::marker{color:var(--cobalt)}
.prose blockquote{margin:1.6rem 0;padding:.2rem 0 .2rem 1.15rem;border-left:3px solid var(--cyan);
  color:var(--encre-2);font-style:italic}
.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--trait);padding:.6rem .75rem;text-align:left;vertical-align:top}
.prose th{background:var(--papier-2);font-weight:650}
.prose tbody tr:nth-child(even){background:rgba(14,26,43,.02)}
.prose code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.88em;
  background:var(--papier-2);padding:.12em .38em;border-radius:5px}
.prose img{border-radius:10px;border:1px solid var(--trait);margin:1.4rem 0}
.prose h2 a,.prose h3 a{color:inherit;text-decoration:none}

/* ---- encadres ---- */
.enc{border:1px solid var(--trait);border-left:4px solid var(--cobalt);background:var(--blanc);
  border-radius:var(--r);padding:1.1rem 1.2rem;margin:1.7rem 0}
.enc>:last-child{margin-bottom:0}
.enc h2,.enc h3{font-size:1.02rem;margin:0 0 .5rem;font-family:"Source Sans 3",sans-serif;
  letter-spacing:.06em;text-transform:uppercase;color:var(--cobalt-d);font-weight:700}
.enc--ambre{border-left-color:var(--ambre);background:var(--ambre-l)}
.enc--ambre h2,.enc--ambre h3{color:#8A5B0A}
.enc--grenat{border-left-color:var(--grenat);background:var(--grenat-l)}
.enc--grenat h2,.enc--grenat h3{color:var(--grenat)}
.enc--cyan{border-left-color:var(--cyan);background:var(--cyan-l)}
.enc--cyan h2,.enc--cyan h3{color:#0B7C78}

/* cartouche de labo : formules, valeurs, unites */
.cartouche{margin:1.7rem 0;border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;
  background:var(--blanc);background-image:var(--grille);background-size:18px 18px}
.cartouche__h{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;background:var(--encre);
  color:#fff;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase}
.cartouche__b{padding:1rem 1.1rem;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.96rem}
.cartouche__b>:last-child{margin-bottom:0}

/* ---- sources ---- */
.src{max-width:var(--lis);margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--trait)}
.src h2{font-size:1.02rem;font-family:"Source Sans 3",sans-serif;letter-spacing:.06em;
  text-transform:uppercase;color:var(--encre-3)}
.src ul{padding-left:1.1rem;font-size:.93rem;color:var(--encre-2)}
.src li{margin-bottom:.35em}

/* ---- listes de liens / maillage ---- */
.liens{max-width:var(--lis);margin-top:2rem;padding:1.2rem 1.3rem;background:var(--papier-2);
  border:1px solid var(--trait);border-radius:var(--r)}
.liens h2{font-size:1.05rem;margin-top:0}
.liens ul{margin-bottom:0}

/* ---- pagination ---- */
.pag{display:flex;gap:.4rem;justify-content:center;margin-top:2.2rem;flex-wrap:wrap}
.pag a,.pag span{padding:.5rem .85rem;border:1px solid var(--trait);border-radius:8px;
  text-decoration:none;color:var(--encre-2);font-weight:600;font-size:.92rem;background:var(--blanc)}
.pag a:hover{border-color:var(--cobalt);color:var(--cobalt-d)}
.pag .on{background:var(--encre);color:#fff;border-color:var(--encre)}

/* ---- stats ---- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stat{padding:1.2rem 1.1rem;background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r)}
.sec--encre .stat{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.stat b{display:block;font-family:Spectral,Georgia,serif;font-size:2.05rem;line-height:1;color:var(--cobalt)}
.sec--encre .stat b{color:var(--cyan)}
.stat span{display:block;margin-top:.35rem;font-size:.9rem;color:var(--encre-3)}
.sec--encre .stat span{color:#B9C4D4}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ---- footer ---- */
.ft{background:var(--encre);color:#B9C4D4;margin-top:0;padding:clamp(2.4rem,5vw,3.4rem) 0 1.6rem}
.ft__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}
.ft h3{color:#fff;font-size:.82rem;letter-spacing:.11em;text-transform:uppercase;
  font-family:"Source Sans 3",sans-serif;margin-bottom:.8rem}
.ft ul{list-style:none;margin:0;padding:0;font-size:.95rem}
.ft li{margin-bottom:.42rem}
.ft a{color:#B9C4D4;text-decoration:none}
.ft a:hover{color:#fff;text-decoration:underline}
.ft__b{font-family:Spectral,Georgia,serif;font-size:1.35rem;color:#fff;font-weight:700;margin:0 0 .5rem}
.ft__d{font-size:.95rem;max-width:44ch}
.ft__note{font-size:.85rem;color:#8A97AB;border-top:1px solid rgba(255,255,255,.12);
  padding-top:1.2rem;margin-top:2rem;max-width:96ch}
.ft__bot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;
  color:#8A97AB;padding-top:1rem}
.ft__bot p{margin:0}
@media(max-width:900px){.ft__top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft__top{grid-template-columns:1fr}}

/* ---- signature auteur ---- */
.sig{display:flex;gap:1rem;align-items:flex-start;max-width:var(--lis);margin:2.6rem 0 0;
  padding:1.15rem 1.2rem;background:var(--papier-2);border:1px solid var(--trait);border-radius:var(--r)}
.sig img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.sig p{margin:0 0 .3rem;font-size:.94rem;color:var(--encre-2)}
.sig__n{font-weight:700;color:var(--encre)!important;font-size:1.02rem!important}
.sig__n a{color:inherit;text-decoration:none}
.sig__r{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.76rem;
  color:var(--encre-3)!important;text-transform:uppercase;letter-spacing:.07em}

/* --- FAQ depliante, bloc « Pour aller plus loin », etapes et video --- */
.prose details{border:1px solid var(--trait);border-radius:var(--r);background:var(--blanc);margin:10px 0;overflow:hidden}
.prose details+details{margin-top:8px}
.prose details[open]{border-color:var(--cobalt-l);box-shadow:0 1px 0 rgba(14,26,43,.04)}
.prose summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;font-family:Spectral,Georgia,serif;font-weight:700;color:var(--encre);position:relative}
.prose summary::-webkit-details-marker{display:none}
.prose summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;margin-top:-6px;border-right:2px solid var(--cobalt);border-bottom:2px solid var(--cobalt);transform:rotate(45deg);transition:transform .18s ease}
.prose details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.prose summary:hover{background:var(--cobalt-l)}
.prose details>*:not(summary){padding:0 16px}
.prose details>*:last-child{padding-bottom:14px}

.a-suivre{margin:26px 0;padding:16px 18px;background:var(--papier-2);border-left:3px solid var(--cyan);border-radius:0 var(--r) var(--r) 0}
.a-suivre-t{margin:0 0 10px;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--encre-3)}
.a-suivre ul{margin:0;padding:0;list-style:none}
.a-suivre li+li{margin-top:10px;padding-top:10px;border-top:1px solid var(--trait)}
.a-suivre li a{font-weight:600;color:var(--cobalt-d);text-decoration:none;border-bottom:1px solid transparent}
.a-suivre li a:hover{border-bottom-color:var(--cobalt)}
.a-suivre-r{display:block;margin-top:3px;font-size:.92rem;color:var(--encre-2);line-height:1.5}
.a-suivre-r:empty{display:none}

.prose ol.etapes{counter-reset:etape;list-style:none;padding:0;margin:22px 0}
.prose ol.etapes li{counter-increment:etape;position:relative;padding:12px 14px 12px 52px;background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r)}
.prose ol.etapes li+li{margin-top:8px}
.prose ol.etapes li::before{content:counter(etape);position:absolute;left:14px;top:12px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;background:var(--cobalt);color:#fff;font-size:.85rem;font-weight:700}

.prose figure.video{margin:24px 0}
.prose figure.video iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--r);display:block}
.prose figure figcaption{margin-top:8px;font-size:.88rem;color:var(--encre-3)}