
:root{
  --papier:#F5EFE6; --papier-fonce:#EDE4D6; --prusse:#1F3A5F; --encre:#0F2440;
  --nuit:#081A30; --terracotta:#B85940; --ocre:#D4A574; --halo:#6BA3E5;
  --texte:#2A2620; --texte-doux:#6B6459;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--papier);color:var(--texte);font-family:'Manrope',sans-serif;line-height:1.7}
.topbar{border-bottom:1px solid rgba(31,58,95,.18);background:var(--papier)}
.topbar-in{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{font-family:'Fraunces',serif;font-weight:700;font-size:1.05rem;color:var(--encre);text-decoration:none;letter-spacing:.02em}
.brand em{font-style:normal;color:var(--terracotta)}
.topbar a.back{font-size:.82rem;color:var(--prusse);text-decoration:none;font-weight:600;font-family:'JetBrains Mono',monospace}
.topbar a.back:hover{color:var(--terracotta)}
.dateline{max-width:1080px;margin:0 auto;padding:10px 24px;display:flex;gap:18px;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-doux);border-bottom:1px solid rgba(31,58,95,.10)}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--terracotta);margin-right:8px;vertical-align:middle;box-shadow:0 0 0 0 rgba(184,89,64,.45);animation:pd 2.4s ease-out infinite}
@keyframes pd{0%{box-shadow:0 0 0 0 rgba(184,89,64,.5)}70%{box-shadow:0 0 0 9px rgba(184,89,64,0)}100%{box-shadow:0 0 0 0 rgba(184,89,64,0)}}
@media (prefers-reduced-motion:reduce){.dot{animation:none;box-shadow:0 0 0 3px rgba(184,89,64,.18)}}
.hero-art{position:relative;max-width:820px;margin:0 auto;padding:56px 24px 8px}
.hero-art::before{content:'';position:absolute;top:20px;right:-180px;width:420px;height:420px;background:radial-gradient(circle,rgba(107,163,229,.09),transparent 60%);pointer-events:none}
.cat-line{display:flex;align-items:center;gap:14px;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.cat-line .cat{color:var(--terracotta);font-weight:600}
.cat-line .sep{flex:0 0 34px;height:1px;background:rgba(31,58,95,.3)}
.cat-line .num{color:var(--texte-doux)}
h1{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(1.7rem,4.4vw,2.7rem);line-height:1.18;color:var(--encre);margin:18px 0 20px;text-wrap:balance}
.surligne{position:relative}
.surligne::after{content:'';position:absolute;left:-2px;right:-2px;bottom:6%;height:9px;background:rgba(184,89,64,.22);z-index:-1;transform:skewX(-4deg)}
.metas{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.8rem;color:var(--texte-doux);padding:14px 0 26px;border-bottom:1px solid rgba(31,58,95,.14)}
.metas b{color:var(--prusse);font-weight:600}
.corps{max-width:700px;margin:0 auto;padding:34px 24px 10px;font-size:1.163rem;line-height:1.75}
.corps p{margin:0 0 1.4em;text-wrap:pretty}
.corps > p:first-of-type{font-size:1.26rem;line-height:1.62;color:var(--encre)}
.corps p:first-of-type::first-letter{font-family:'Fraunces',serif;font-size:3.2em;font-weight:700;float:left;line-height:.85;padding:4px 10px 0 0;color:var(--terracotta)}
.corps h2{font-family:'Fraunces',serif;font-weight:600;font-size:1.35rem;color:var(--encre);margin:1.9em 0 .7em;line-height:1.3;padding-left:16px;border-left:3px solid var(--terracotta)}
.corps em{color:var(--prusse)}
.fin-art{max-width:680px;margin:0 auto;padding:6px 24px 30px}
.sign{font-family:'Fraunces',serif;font-style:italic;color:var(--prusse);font-size:1.02rem}
.encart-auteure{max-width:820px;margin:26px auto 0;padding:0 24px}
.encart-in{background:var(--encre);color:var(--papier);border-radius:6px;padding:30px 32px;display:flex;flex-wrap:wrap;gap:8px 34px;align-items:center;justify-content:space-between;transform:translateY(-6px);box-shadow:0 10px 30px rgba(8,26,48,.22);border-top:3px solid var(--ocre)}
.encart-in .qui{flex:1 1 380px}
.encart-in .label{font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ocre);margin-bottom:8px}
.encart-in p{font-size:.9rem;line-height:1.6;color:rgba(245,239,230,.85)}
.encart-in a.lk{display:inline-block;background:var(--terracotta);color:#fff;text-decoration:none;font-weight:600;font-size:.86rem;padding:12px 22px;border-radius:4px;white-space:nowrap}
.encart-in a.lk:hover{background:#a54c36}
.nav-arts{max-width:820px;margin:34px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nav-arts a{display:block;border:1px solid rgba(31,58,95,.18);border-radius:6px;padding:16px 18px;text-decoration:none;color:var(--texte);background:var(--papier-fonce)}
.nav-arts a:hover{border-color:var(--terracotta)}
.nav-arts .lbl{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--texte-doux);display:block;margin-bottom:6px}
.nav-arts .ttl{font-family:'Fraunces',serif;font-size:.94rem;color:var(--encre);line-height:1.35}
footer{margin-top:56px;background:var(--nuit);color:rgba(245,239,230,.75)}
.foot-in{max-width:1080px;margin:0 auto;padding:34px 24px;font-size:.78rem;line-height:1.7}
.foot-in strong{color:var(--papier)}
.foot-legal{margin-top:14px;padding-top:14px;border-top:1px solid rgba(245,239,230,.14);font-size:.72rem;color:rgba(245,239,230,.55)}
@media (max-width:700px){.nav-arts{grid-template-columns:1fr}.encart-in{transform:none}}

.art-banner-wrap{max-width:820px;margin:28px auto 0;padding:0 24px}
.art-banner{height:320px;background-size:cover;background-position:center;border-radius:6px;box-shadow:0 12px 32px rgba(15,36,64,.16);border-top:3px solid var(--terracotta)}
@media(max-width:700px){.art-banner{height:200px}}

/* ===== Partage (v1.8) ===== */
.partage{max-width:680px;margin:34px auto 0;padding:20px 24px 0;border-top:1px solid rgba(31,58,95,.14)}
.partage-label{display:block;font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--texte-doux);margin-bottom:12px}
.partage-btns{display:flex;flex-wrap:wrap;gap:9px}
.pbtn{display:inline-block;font-family:'Manrope',sans-serif;font-size:.82rem;font-weight:600;color:var(--prusse);background:transparent;border:1.5px solid rgba(31,58,95,.35);border-radius:999px;padding:9px 16px;text-decoration:none;cursor:pointer;transition:all .2s ease}
.pbtn:hover{border-color:var(--terracotta);color:var(--terracotta)}
.pbtn-in{background:var(--prusse);color:var(--papier);border-color:var(--prusse)}
.pbtn-in:hover{background:var(--terracotta);border-color:var(--terracotta);color:#fff}

/* ===== Newsletter (v1.9) ===== */
.nl-band{max-width:820px;margin:44px auto 0;padding:0 24px}
.nl-in{background:var(--papier-fonce,#EDE4D6);border:1.5px solid rgba(31,58,95,.22);border-top:3px solid var(--terracotta,#B85940);border-radius:6px;padding:26px 28px}
.nl-label{display:inline-flex;align-items:center;font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--texte-doux,#6B6459);margin-bottom:8px}
.nl-txt p{font-size:.95rem;color:var(--texte,#2A2620);margin:0 0 16px}
.nl-form{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.nl-input{flex:1 1 220px;font-family:'Manrope',sans-serif;font-size:.92rem;padding:12px 14px;border:1.5px solid rgba(31,58,95,.35);border-radius:5px;background:#fff;color:var(--encre,#0F2440)}
.nl-input:focus{outline:2px solid var(--terracotta,#B85940);outline-offset:1px}
.nl-btn{font-family:'Manrope',sans-serif;font-weight:700;font-size:.9rem;background:var(--prusse,#1F3A5F);color:#F5EFE6;border:none;border-radius:5px;padding:12px 22px;cursor:pointer;transition:background .2s}
.nl-btn:hover{background:var(--terracotta,#B85940)}
.nl-wa{display:inline-flex;align-items:center;font-family:'Manrope',sans-serif;font-weight:600;font-size:.88rem;color:#1F6E4E;border:1.5px solid #1F6E4E;border-radius:5px;padding:11px 16px;text-decoration:none;transition:all .2s}
.nl-wa:hover{background:#1F6E4E;color:#fff}
.nl-msg{margin:12px 0 0;font-size:.9rem;font-weight:600}
.nl-ok{color:#1F6E4E}
.nl-err{color:var(--terracotta,#B85940)}
.nl-rgpd{margin:14px 0 0;font-size:.72rem;line-height:1.5;color:var(--texte-doux,#6B6459)}
@media(max-width:560px){.nl-form{flex-direction:column}.nl-wa{justify-content:center}}

/* ===== Micro-animations au scroll (v2.2) ===== */
@media (prefers-reduced-motion: no-preference) {
  .pdt-reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease-out, transform .55s ease-out}
  .pdt-reveal.pdt-vu{opacity:1;transform:translateY(0)}
  .pdt-reveal:nth-child(2){transition-delay:.08s}
  .pdt-reveal:nth-child(3){transition-delay:.16s}
  .pdt-reveal:nth-child(4){transition-delay:.24s}
}

/* ===== Barre de progression de lecture (v2.3) ===== */
.lecture-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--terracotta);z-index:999;transition:width .1s linear}

/* ===== À lire aussi (v2.3) ===== */
.alire{max-width:700px;margin:38px auto 0;padding:24px 24px 0;border-top:1px solid rgba(31,58,95,.14)}
.alire-label{font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--texte-doux);margin-bottom:14px}
.alire-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.alire-grid a{display:block;background:var(--papier-fonce,#EDE4D6);border:1px solid rgba(31,58,95,.16);border-top:3px solid var(--ocre);border-radius:5px;padding:15px 16px;text-decoration:none;color:var(--texte);transition:border-color .2s, transform .2s}
.alire-grid a:hover{border-color:var(--terracotta);transform:translateY(-3px)}
.alire-grid .ac{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta);display:block;margin-bottom:7px}
.alire-grid .at{font-family:'Fraunces',serif;font-size:.94rem;line-height:1.35;color:var(--encre)}
@media(max-width:700px){.alire-grid{grid-template-columns:1fr}}

/* ===== Pages rubrique (v2.3) ===== */
.arch-head h1{margin-bottom:6px}
.arch-liste{max-width:760px;margin:14px auto 0;padding:0 24px}
.arch-item{display:block;border-bottom:1px solid rgba(31,58,95,.16);padding:24px 2px;text-decoration:none;color:var(--texte)}
.arch-item:hover h2{color:var(--terracotta)}
.arch-meta{font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-doux);margin-bottom:8px}
.arch-item h2{font-family:'Fraunces',serif;font-weight:600;font-size:1.32rem;line-height:1.3;color:var(--encre);margin:0 0 8px;transition:color .2s}
.arch-item p{font-size:.96rem;line-height:1.6;color:var(--texte);margin:0 0 10px}
.arch-lire{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.06em;color:var(--prusse)}
.arch-vide{padding:40px 2px;color:var(--texte-doux)}

/* ===== Page L'auteure (v2.4) ===== */
.aut-portrait-wrap{max-width:820px;margin:26px auto 0;padding:0 24px}
.aut-portrait{height:340px;background-size:cover;background-position:center 30%;border-radius:6px;border-top:3px solid var(--ocre);box-shadow:0 12px 32px rgba(15,36,64,.16)}
.aut-portrait-mono{display:flex;align-items:center;justify-content:center;background:var(--encre)}
.aut-portrait-mono span{font-family:'Fraunces',serif;font-weight:700;font-size:4.4rem;color:var(--ocre);letter-spacing:.06em}
@media(max-width:700px){.aut-portrait{height:220px}}
