/*
Theme Name: Pros du Tarn
Theme URI: https://prosdutarn.fr
Description: Thème WordPress dynamique pour Pros du Tarn — le journal éditorial des indépendants du Tarn édité par le cabinet Yapo Conseil. Architecture Modèle B (Insights + Journal en 2 colonnes 65/35), CPT Fiches Métier, taxonomies BOUSSOLE Engine (piliers, zones géo, groupes). Grammaire visuelle de presse éditoriale : papier crème, bleu de Prusse, terracotta, ocre doré. Conforme BOUSSOLE Engine v1.9.
Author: Cabinet Yapo Conseil — Synthia Yapo
Author URI: https://yapoconseil.fr
Version: 12.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: Propriétaire
Text Domain: prosdutarn
*/

/* ============================================
   CHARTE PROS DU TARN — v7 magazine
   ============================================ */

:root{
  --papier: #F5EFE6;
  --papier-clair: #FAF6EE;
  --papier-fonce: #EBE3D5;
  --bleu-prusse: #1F3A5F;
  --bleu-prusse-clair: #2B4D78;
  --bleu-encre: #0F2440;
  --bleu-nuit: #081A30;
  --terracotta: #B85940;
  --terracotta-fonce: #9A4530;
  --ocre: #D4A574;
  --ocre-clair: #E5BE8E;
  --ocre-pale: #BC8F5E;
  --noir-encre: #14171C;
  --gris-sourdine: #6B7280;
  --filet: #D9CFBF;
  --filet-fonce: #C4B8A2;
  --filet-bleu: rgba(31,58,95,0.12);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  font-family:'Inter',-apple-system,sans-serif;
  background:var(--papier);color:var(--noir-encre);
  font-size:16px;line-height:1.65;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}

h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-0.02em;text-wrap:balance}
h1{font-size:clamp(48px,5.5vw,84px);line-height:1.0;font-weight:300;letter-spacing:-0.025em;font-variation-settings:'opsz' 144,'SOFT' 30}
h2{font-size:clamp(34px,3.5vw,52px);line-height:1.1;font-variation-settings:'opsz' 144,'SOFT' 30}
h3{font-size:24px;line-height:1.3;font-variation-settings:'opsz' 72}
h4{font-size:18px;line-height:1.35;font-variation-settings:'opsz' 36}
p{text-wrap:pretty}
a{color:inherit;text-decoration:none;transition:color .2s ease}
.container{max-width:1280px;margin:0 auto;padding:0 56px}
.num-tab{font-feature-settings:"tnum" 1,"lnum" 1}

/* DATELINE */
.dateline{
  background:var(--papier-clair);border-bottom:1px solid var(--filet);
  padding:10px 0;
}
.dateline-inner{
  max-width:1280px;margin:0 auto;padding:0 56px;
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:0.18em;color:var(--gris-sourdine);text-transform:uppercase;
}
.dateline-left,.dateline-right{display:flex;gap:24px;align-items:center}

/* HEADER */
header{
  background:rgba(245,239,230,.92);
  border-bottom:1px solid var(--filet);
  padding:20px 0;position:sticky;top:0;z-index:100;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.header-inner{
  max-width:1280px;margin:0 auto;padding:0 56px;
  display:flex;justify-content:space-between;align-items:center;
}
.header-brand{display:flex;align-items:baseline;gap:18px}
.header-brand-mark{
  font-family:'Fraunces',serif;font-weight:400;font-size:28px;
  color:var(--bleu-encre);letter-spacing:-0.03em;line-height:1;
  font-variation-settings:'opsz' 144,'SOFT' 30;
}
.header-brand-mark em{
  font-style:italic;color:var(--terracotta);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.header-brand-edition{
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  color:var(--gris-sourdine);letter-spacing:0.22em;
  text-transform:uppercase;font-weight:500;
  padding-left:18px;border-left:1px solid var(--filet-fonce);
}

.header-nav{display:flex;gap:32px;align-items:center}
.header-nav a{font-size:13.5px;font-weight:500;color:var(--noir-encre);letter-spacing:0.02em}
.header-nav a:hover{color:var(--terracotta)}
.header-nav a.cta-rdv{
  background:var(--bleu-encre);color:var(--papier-clair);
  padding:12px 24px;font-size:12.5px;font-weight:600;
  letter-spacing:0.1em;text-transform:uppercase;
  transition:all .25s ease;
}
.header-nav a.cta-rdv:hover{background:var(--terracotta)}

/* DOT PULSANT */
.dot-pulse{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--terracotta);position:relative;flex-shrink:0;
  box-shadow:0 0 0 0 rgba(184,89,64,.4);
  animation:pulse-dot 2.4s ease-out infinite;
}
@keyframes pulse-dot{
  0%{box-shadow:0 0 0 0 rgba(184,89,64,.5)}
  70%{box-shadow:0 0 0 12px rgba(184,89,64,0)}
  100%{box-shadow:0 0 0 0 rgba(184,89,64,0)}
}
@media (prefers-reduced-motion:reduce){
  .dot-pulse{animation:none;box-shadow:0 0 0 3px rgba(184,89,64,.18)}
}

/* HERO */
.hero{position:relative;padding:80px 0 0;background:var(--papier);overflow:visible}
.hero::before{
  content:'';position:absolute;top:80px;right:-100px;
  width:520px;height:520px;
  background:radial-gradient(circle,rgba(212,165,116,.12) 0%,transparent 65%);
  pointer-events:none;z-index:0;
}
.hero-grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:64px;
  align-items:end;position:relative;z-index:2;
}
.hero-meta{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  color:var(--gris-sourdine);letter-spacing:0.22em;
  text-transform:uppercase;margin-bottom:32px;
  display:flex;align-items:center;gap:14px;
}
.hero-meta::before{content:'';width:32px;height:1px;background:var(--terracotta)}
.hero h1{color:var(--bleu-encre);margin-bottom:36px}
.hero h1 em{
  font-style:italic;color:var(--terracotta);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;position:relative;
}
.hero h1 em::after{
  content:'';position:absolute;left:0;right:0;bottom:6%;
  height:8px;background:rgba(212,165,116,.32);z-index:-1;
}
.hero-status{
  font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:0.06em;text-transform:uppercase;
  color:var(--bleu-prusse);font-weight:500;
  margin-bottom:24px;padding-left:14px;
  border-left:2px solid var(--terracotta);
}
.hero-lede{
  font-family:'Fraunces',serif;font-size:21px;line-height:1.55;
  color:var(--bleu-prusse);font-weight:300;font-style:italic;
  max-width:580px;margin-bottom:48px;
  font-variation-settings:'opsz' 14,'SOFT' 50;
}
.hero-actions{
  display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  padding-top:32px;border-top:1px solid var(--filet);
  margin-bottom:80px;
}
.btn-primary{
  background:var(--bleu-encre);color:var(--papier-clair);
  padding:18px 36px;font-family:'Inter',sans-serif;
  font-size:13px;font-weight:600;letter-spacing:0.12em;
  text-transform:uppercase;cursor:pointer;border:none;
  transition:all .25s ease;display:inline-flex;align-items:center;gap:12px;
  position:relative;
}
.btn-primary::before{
  content:'';position:absolute;inset:-3px;
  background:radial-gradient(circle at center,rgba(212,165,116,.25),transparent 70%);
  opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(12px);
}
.btn-primary:hover{background:var(--terracotta)}
.btn-primary:hover::before{opacity:1}
.btn-secondary{
  background:transparent;color:var(--bleu-encre);
  padding:18px 36px;font-family:'Inter',sans-serif;
  font-size:13px;font-weight:600;letter-spacing:0.12em;
  text-transform:uppercase;cursor:pointer;border:1px solid var(--bleu-encre);
  transition:all .25s ease;display:inline-flex;align-items:center;gap:12px;
}
.btn-secondary:hover{border-color:var(--terracotta);color:var(--terracotta)}

.hero-card{
  background:var(--bleu-encre);color:var(--papier);
  padding:40px 36px;position:relative;
  margin-bottom:-72px;z-index:5;
  box-shadow:0 1px 2px rgba(15,36,64,.04),0 8px 24px rgba(15,36,64,.08),0 24px 64px rgba(15,36,64,.12);
  border-top:3px solid var(--ocre);
}
.hero-card::before{
  content:'';position:absolute;top:-40px;right:-40px;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(212,165,116,.14),transparent 70%);
  pointer-events:none;
}
.hero-card-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--ocre);letter-spacing:0.22em;
  text-transform:uppercase;margin-bottom:24px;font-weight:500;
  display:flex;align-items:center;gap:10px;
}
.hero-card-label .dot-pulse{background:var(--ocre);box-shadow:0 0 0 0 rgba(212,165,116,.5);animation:pulse-ocre 2.4s ease-out infinite}
@keyframes pulse-ocre{
  0%{box-shadow:0 0 0 0 rgba(212,165,116,.5)}
  70%{box-shadow:0 0 0 10px rgba(212,165,116,0)}
  100%{box-shadow:0 0 0 0 rgba(212,165,116,0)}
}
.hero-card h3{color:var(--papier);margin-bottom:24px;font-size:22px;font-weight:400;line-height:1.3}
.hero-card-stats{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;
  padding-top:24px;border-top:1px solid rgba(245,239,230,.15);
}
.hero-card-stat-num{
  font-family:'Fraunces',serif;font-size:42px;line-height:1;
  color:var(--papier);font-weight:300;font-style:italic;
  margin-bottom:8px;
  font-variation-settings:'opsz' 144,'SOFT' 80;
}
.hero-card-stat-label{
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  color:rgba(245,239,230,.6);letter-spacing:0.18em;
  text-transform:uppercase;line-height:1.5;
}

/* SECTION GENERIC */
section.content{padding:120px 0;position:relative}
.section-num{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  color:var(--terracotta);letter-spacing:0.22em;
  text-transform:uppercase;margin-bottom:24px;font-weight:500;
  display:flex;align-items:center;gap:14px;
}
.section-num::before{content:'';width:24px;height:1px;background:var(--terracotta)}
.section-header{margin-bottom:64px;max-width:780px}
.section-header h2{color:var(--bleu-encre);margin-bottom:24px}
.section-header p{color:var(--gris-sourdine);font-size:17px;line-height:1.7}

/* ÉTAGE 1 — JOURNAL */
.journal-section{
  background:var(--papier);padding-top:160px;
  border-bottom:1px solid var(--filet);
}
.journal-grid{
  display:grid;grid-template-columns:1.3fr 1fr;gap:64px;
  align-items:start;position:relative;
}
.journal-text p{font-size:16px;line-height:1.75;color:var(--noir-encre);margin-bottom:24px}
.journal-text p:last-child{margin-bottom:0}
.journal-encha{
  margin-top:36px;padding:32px 36px;
  background:var(--papier-clair);
  border:1px solid var(--filet-bleu);
  border-left:3px solid var(--bleu-prusse);
  position:relative;
}
.journal-encha::before{
  content:'';position:absolute;top:-1px;right:-1px;
  width:40px;height:40px;
  border-top:1px solid var(--terracotta);
  border-right:1px solid var(--terracotta);
}
.journal-encha-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--bleu-prusse);letter-spacing:0.22em;
  text-transform:uppercase;margin-bottom:14px;font-weight:500;
  display:flex;align-items:center;gap:10px;
}
.journal-encha-label .dot-pulse{width:6px;height:6px;background:var(--bleu-prusse);box-shadow:0 0 0 0 rgba(31,58,95,.5);animation:pulse-blue 2.4s ease-out infinite}
@keyframes pulse-blue{
  0%{box-shadow:0 0 0 0 rgba(31,58,95,.5)}
  70%{box-shadow:0 0 0 10px rgba(31,58,95,0)}
  100%{box-shadow:0 0 0 0 rgba(31,58,95,0)}
}
.journal-encha p{font-size:14.5px;line-height:1.65;color:var(--noir-encre);margin-bottom:0}
.journal-encha strong{color:var(--bleu-encre);font-weight:500}

.journal-card{
  background:var(--bleu-prusse);color:var(--papier);
  padding:48px 40px;position:relative;
  box-shadow:0 1px 2px rgba(31,58,95,.04),0 4px 16px rgba(31,58,95,.08),0 16px 48px rgba(31,58,95,.12);
  transform:translateY(-24px);
}
.journal-card::before{
  content:'';position:absolute;bottom:-8px;left:-8px;
  width:60px;height:60px;
  border-bottom:1px solid var(--ocre);
  border-left:1px solid var(--ocre);
  pointer-events:none;
}
.journal-card-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--ocre);letter-spacing:0.22em;
  text-transform:uppercase;margin-bottom:24px;font-weight:500;
}
.journal-card h3{color:var(--papier);margin-bottom:8px;font-size:26px;font-weight:400}
.journal-card-role{
  font-family:'Fraunces',serif;font-size:14px;font-style:italic;
  color:rgba(245,239,230,.7);margin-bottom:28px;
  font-variation-settings:'opsz' 14;
}
.journal-card-info{
  padding-top:24px;border-top:1px solid rgba(245,239,230,.15);
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--papier);letter-spacing:0.04em;line-height:2;
}
.journal-card-info span{display:block;color:rgba(245,239,230,.55)}
.journal-card-info strong{color:var(--papier);font-weight:500}

.journal-articles{
  margin-top:80px;
  display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;
  padding-top:48px;border-top:1px solid var(--filet);
}
.journal-articles-label{
  grid-column:1/-1;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--terracotta);letter-spacing:0.22em;
  text-transform:uppercase;font-weight:500;margin-bottom:16px;
}
.journal-article{display:flex;flex-direction:column}
.journal-article-meta{
  display:flex;align-items:center;gap:12px;margin-bottom:16px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  text-transform:uppercase;letter-spacing:0.16em;
  color:var(--gris-sourdine);font-weight:500;
}
.journal-article-tag{color:var(--terracotta)}
.journal-article-meta-sep{width:3px;height:3px;background:var(--gris-sourdine);border-radius:50%}
.journal-article h3{color:var(--bleu-encre);margin-bottom:14px;font-size:22px;line-height:1.25}
.journal-article.featured h3{font-size:30px;line-height:1.15}
.journal-article p{font-size:15px;color:var(--noir-encre);opacity:.78;line-height:1.65}

/* MANIFESTE CENTRAL */
.manifeste-section{
  background:var(--bleu-nuit);color:var(--papier);position:relative;
  padding:140px 0 160px;overflow:visible;
}
.manifeste-section::before{
  content:'';position:absolute;top:-100px;right:8%;
  width:480px;height:480px;
  background:radial-gradient(circle,rgba(184,89,64,.10),transparent 65%);
  pointer-events:none;
}
.manifeste-section::after{
  content:'';position:absolute;bottom:200px;left:-10%;
  width:520px;height:520px;
  background:radial-gradient(circle,rgba(212,165,116,.05),transparent 65%);
  pointer-events:none;
}
.manifeste-section .section-num{color:var(--ocre)}
.manifeste-section .section-num::before{background:var(--ocre)}
.manifeste-section .section-header{margin:0 auto 64px;text-align:center;max-width:680px}
.manifeste-section .section-num{justify-content:center}
.manifeste-section .section-header h2{color:var(--papier)}
.manifeste-section .section-header p{color:rgba(245,239,230,.65)}

.manifeste-quote{
  font-family:'Fraunces',serif;font-size:clamp(28px,3.6vw,46px);line-height:1.2;
  color:var(--papier);font-weight:300;font-style:italic;
  max-width:980px;margin:0 auto 96px;text-align:center;
  padding:64px 32px;
  border-top:1px solid rgba(245,239,230,.15);
  border-bottom:1px solid rgba(245,239,230,.15);
  font-variation-settings:'opsz' 144,'SOFT' 60;position:relative;
}
.manifeste-quote::before{content:'« ';color:var(--terracotta);font-style:normal}
.manifeste-quote::after{content:' »';color:var(--terracotta);font-style:normal}
.manifeste-quote strong{color:var(--terracotta);font-weight:300;font-style:italic}

.manifeste-positioning-wrap{
  max-width:1180px;margin:0 auto 100px;
  padding:0 56px;position:relative;
}
.manifeste-positioning{
  background:var(--papier);color:var(--noir-encre);
  padding:64px 72px;position:relative;
  box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.12),0 24px 80px rgba(0,0,0,.16);
  border-top:3px solid var(--terracotta);
}
.manifeste-positioning::before{
  content:'';position:absolute;top:24px;right:24px;
  width:40px;height:1px;background:var(--terracotta);
}
.manifeste-positioning::after{
  content:'';position:absolute;top:24px;right:24px;
  width:1px;height:40px;background:var(--terracotta);
}
.manifeste-positioning-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--terracotta);letter-spacing:0.22em;
  text-transform:uppercase;margin-bottom:24px;font-weight:500;
  display:flex;align-items:center;gap:12px;
}
.manifeste-positioning p{font-size:17px;line-height:1.8;color:var(--noir-encre);margin-bottom:24px}
.manifeste-positioning p.lede{
  font-family:'Fraunces',serif;font-size:24px;line-height:1.45;
  color:var(--bleu-encre);font-weight:300;font-style:italic;
  margin-bottom:32px;
  font-variation-settings:'opsz' 14,'SOFT' 50;
}
.manifeste-positioning strong{color:var(--bleu-encre);font-weight:500}
.manifeste-positioning-sign{
  margin-top:32px;display:flex;align-items:center;gap:14px;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  color:var(--gris-sourdine);letter-spacing:0.18em;text-transform:uppercase;
  padding-top:24px;border-top:1px solid var(--filet);
}
.manifeste-positioning-sign::before{content:'';width:28px;height:1px;background:var(--terracotta)}

.manifeste-steps-wrap{padding:0 56px;max-width:1280px;margin:0 auto 100px}
.manifeste-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.manifeste-step{
  padding:40px 32px;
  background:rgba(245,239,230,.04);
  border:1px solid rgba(245,239,230,.12);
  position:relative;transition:all .3s ease;
}
.manifeste-step:hover{
  background:rgba(245,239,230,.07);
  border-color:rgba(212,165,116,.3);
}
.manifeste-step.featured{
  background:var(--papier);color:var(--noir-encre);
  border-color:var(--papier);
  transform:translateY(-12px);
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.manifeste-step.featured::after{
  content:'';position:absolute;top:-1px;left:0;right:0;height:3px;
  background:var(--terracotta);
}
.manifeste-step-num{
  font-family:'Fraunces',serif;font-size:48px;line-height:1;
  color:var(--terracotta);font-weight:300;font-style:italic;
  margin-bottom:24px;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.manifeste-step.featured .manifeste-step-num{color:var(--bleu-encre)}
.manifeste-step-duree{
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  color:var(--ocre);letter-spacing:0.22em;
  text-transform:uppercase;font-weight:500;margin-bottom:18px;
  display:flex;align-items:center;gap:8px;
}
.manifeste-step.featured .manifeste-step-duree{color:var(--terracotta)}
.manifeste-step h4{color:var(--papier);font-size:22px;margin-bottom:14px;font-weight:500}
.manifeste-step.featured h4{color:var(--bleu-encre)}
.manifeste-step p{font-size:14.5px;line-height:1.7;color:rgba(245,239,230,.78)}
.manifeste-step.featured p{color:var(--noir-encre)}

.manifeste-rationale{max-width:980px;margin:0 auto;padding:0 56px}
.manifeste-rationale-inner{
  padding:80px 64px;text-align:center;
  border-top:1px solid rgba(245,239,230,.15);
  border-bottom:1px solid rgba(245,239,230,.15);
  position:relative;
}
.manifeste-rationale-inner::before{
  content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);
  width:80px;height:1px;background:var(--ocre);
}
.manifeste-rationale-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--ocre);letter-spacing:0.22em;
  text-transform:uppercase;margin-bottom:32px;font-weight:500;
}
.manifeste-rationale p{
  font-family:'Fraunces',serif;font-size:clamp(22px,2.4vw,30px);line-height:1.55;
  color:var(--papier);font-weight:300;font-style:italic;
  font-variation-settings:'opsz' 14,'SOFT' 50;
}
.manifeste-rationale p strong{color:var(--terracotta);font-weight:300;font-style:italic}

/* ÉTAGE 2 — FICHES */
.fiches-section{
  background:var(--papier);padding:140px 0;
  border-bottom:1px solid var(--filet);position:relative;
}
.fiches-section::before{
  content:'';position:absolute;top:30%;right:-200px;
  width:520px;height:520px;
  background:radial-gradient(circle,rgba(31,58,95,.05),transparent 65%);
  pointer-events:none;
}
.fiches-block{margin-bottom:80px;position:relative}
.fiches-block:last-child{margin-bottom:0}
.fiches-block-title{
  display:flex;align-items:baseline;gap:24px;margin-bottom:40px;
  padding-bottom:18px;border-bottom:1px solid var(--filet);
}
.fiches-block-title h3{color:var(--bleu-encre);font-weight:400;font-size:28px}
.fiches-block-title-num{
  font-family:'Fraunces',serif;font-size:36px;font-style:italic;font-weight:300;
  color:var(--terracotta);
  font-variation-settings:'opsz' 144,'SOFT' 100;
  line-height:1;
}
.fiches-outro{
  margin-top:48px;padding-top:32px;
  border-top:1px solid var(--filet);
  text-align:center;
}
.fiches-outro p{font-family:'Inter',sans-serif;font-size:14px;color:var(--gris-sourdine)}
.fiches-outro a{
  color:var(--terracotta);font-weight:500;
  border-bottom:1px solid rgba(184,89,64,0.3);
  padding-bottom:2px;
}
.fiches-outro a:hover{border-bottom-color:var(--terracotta)}

/* ÉTAGE 3 — TRAVAILLER */
.travailler-section{
  background:var(--bleu-encre);color:var(--papier);
  padding:140px 0;position:relative;overflow:visible;
}
.travailler-section::before{
  content:'';position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--ocre),transparent);
}
.travailler-section .section-num{color:var(--ocre)}
.travailler-section .section-num::before{background:var(--ocre)}
.travailler-section .section-header h2{color:var(--papier)}
.travailler-section .section-header p{color:rgba(245,239,230,.65)}
.travailler-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.travailler-item{
  padding:48px 36px;background:var(--papier);color:var(--noir-encre);
  position:relative;transition:all .3s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.08);
}
.travailler-item:nth-child(2){
  transform:translateY(-16px);
  box-shadow:0 4px 8px rgba(0,0,0,.06),0 16px 48px rgba(0,0,0,.18);
}
.travailler-item:hover{transform:translateY(-20px)}
.travailler-item:nth-child(2):hover{transform:translateY(-32px)}
.travailler-item::before{
  content:'';position:absolute;top:0;left:0;height:3px;
  background:var(--terracotta);
  width:0;transition:width .4s ease;
}
.travailler-item:hover::before{width:100%}
.travailler-num{
  font-family:'Fraunces',serif;font-size:44px;line-height:1;
  color:var(--terracotta);font-weight:300;font-style:italic;
  margin-bottom:24px;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.travailler-item h4{color:var(--bleu-encre);margin-bottom:14px;font-weight:500;font-size:20px}
.travailler-item p{font-size:14.5px;line-height:1.65;color:var(--gris-sourdine)}
.travailler-item-cta{
  margin-top:24px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  font-weight:500;color:var(--terracotta);
  text-transform:uppercase;letter-spacing:0.14em;
  border-bottom:1px solid var(--terracotta);
  padding-bottom:6px;align-self:flex-start;
  display:inline-block;transition:all .25s ease;
}
.travailler-item-cta:hover{color:var(--bleu-encre);border-color:var(--bleu-encre)}

/* CTA FINAL */
.cta-final{
  background:var(--bleu-encre);color:var(--papier);
  padding:140px 0 100px;text-align:center;position:relative;overflow:visible;
}
.cta-final::before{
  content:'';position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:680px;height:680px;
  background:radial-gradient(circle,rgba(184,89,64,.12),transparent 60%);
  pointer-events:none;
}
.cta-final-inner{position:relative;z-index:2;max-width:780px;margin:0 auto}
.cta-final-label{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  color:var(--ocre);letter-spacing:0.22em;
  text-transform:uppercase;margin-bottom:28px;font-weight:500;
  display:flex;align-items:center;justify-content:center;gap:14px;
}
.cta-final-label::before,.cta-final-label::after{
  content:'';width:32px;height:1px;background:var(--ocre);
}
.cta-final h2{color:var(--papier);margin-bottom:32px;font-weight:300}
.cta-final h2 em{
  font-style:italic;color:var(--terracotta);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.cta-final p{font-size:17px;line-height:1.65;color:rgba(245,239,230,.75);margin:0 auto 48px;max-width:580px}
.cta-final-actions{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
.cta-final .btn-primary{background:var(--terracotta);color:var(--papier)}
.cta-final .btn-primary:hover{background:var(--terracotta-fonce)}
.cta-final .btn-secondary{border-color:rgba(245,239,230,.3);color:var(--papier)}
.cta-final .btn-secondary:hover{border-color:var(--ocre);color:var(--ocre)}
.cta-contact-info{
  margin-top:64px;padding-top:48px;
  border-top:1px solid rgba(245,239,230,.15);
  display:flex;justify-content:center;gap:48px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:rgba(245,239,230,.6);letter-spacing:0.12em;
  text-transform:uppercase;flex-wrap:wrap;
}
.cta-contact-info span{display:flex;align-items:center;gap:8px}
.cta-contact-info strong{color:var(--papier);font-weight:500}

/* FOOTER */
footer{
  background:var(--papier-clair);padding:64px 0 32px;
  border-top:1px solid var(--filet);
}
.footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:48px;
}
.footer-brand-info p{font-size:13.5px;line-height:1.7;color:var(--gris-sourdine);margin-bottom:16px;max-width:480px}
.footer-brand-info p strong{color:var(--bleu-encre);font-weight:500}
.footer-brand-mark{
  font-family:'Fraunces',serif;font-weight:400;font-size:36px;
  letter-spacing:-0.025em;color:var(--bleu-encre);
  margin-bottom:8px;line-height:1;
  font-variation-settings:'opsz' 144,'SOFT' 30;
}
.footer-brand-mark em{
  font-style:italic;color:var(--terracotta);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.footer-brand-tagline{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--terracotta);font-weight:500;
  margin-bottom:20px;
}
.footer-col h5{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--bleu-encre);letter-spacing:0.22em;
  text-transform:uppercase;font-weight:500;margin-bottom:18px;
  padding-bottom:14px;border-bottom:1px solid var(--filet-fonce);
}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px;font-size:13.5px;color:var(--gris-sourdine);line-height:1.7}
.footer-col li strong{color:var(--noir-encre);font-weight:500;display:block}
.footer-col a{color:var(--gris-sourdine)}
.footer-col a:hover{color:var(--terracotta)}

.footer-disclaimer{
  margin-top:48px;padding:32px 0;
  border-top:1px solid var(--filet);
  border-bottom:1px solid var(--filet);
}
.footer-disclaimer p{
  font-family:'Inter',sans-serif;
  font-size:11.5px;line-height:1.7;
  color:var(--gris-sourdine);
  max-width:920px;font-style:italic;
}
.footer-disclaimer strong{color:var(--bleu-encre);font-weight:500;font-style:normal}

.footer-bottom{
  padding-top:32px;border-top:1px solid var(--filet);
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  color:var(--gris-sourdine);letter-spacing:0.12em;text-transform:uppercase;
  flex-wrap:wrap;gap:16px;
}
.footer-bottom-orias{color:var(--bleu-encre);font-weight:500}

/* RESPONSIVE */
@media (max-width:1100px){
  .container,.header-inner,.dateline-inner,.manifeste-positioning-wrap,.manifeste-steps-wrap,.manifeste-rationale{padding-left:32px;padding-right:32px}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero-card{margin-bottom:0;margin-top:32px}
  .hero-card-stats{grid-template-columns:1fr 1fr 1fr}
  .journal-grid{grid-template-columns:1fr;gap:32px}
  .journal-card{transform:none}
  .journal-articles{grid-template-columns:1fr 1fr}
  .journal-article.featured{grid-column:1/-1}
  .fiches-grid{grid-template-columns:repeat(2,1fr)}
  .fiche-item.featured{grid-column:span 2}
  .manifeste-steps,.travailler-grid{grid-template-columns:1fr;gap:16px}
  .manifeste-step.featured,.travailler-item:nth-child(2){transform:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand-info{grid-column:1/-1}
}
@media (max-width:700px){
  .container,.header-inner,.dateline-inner,.manifeste-positioning-wrap,.manifeste-steps-wrap,.manifeste-rationale{padding-left:20px;padding-right:20px}
  .header-nav{gap:14px}
  .header-nav a:not(.cta-rdv){display:none}
  .header-brand-mark{font-size:22px}
  .header-brand-edition{font-size:8.5px;letter-spacing:0.18em}
  section.content,.cta-final,.fiches-section,.travailler-section{padding:80px 0}
  .hero{padding:48px 0 0}
  .manifeste-section{padding-top:80px;padding-bottom:80px}
  .fiches-grid{grid-template-columns:1fr}
  .fiche-item.featured{grid-column:span 1}
  .manifeste-positioning{padding:40px 28px}
  .hero-card{padding:32px 24px}
  .hero-card-stats{grid-template-columns:1fr;gap:20px}
  .cta-contact-info{flex-direction:column;gap:16px;text-align:center}
  .journal-articles{grid-template-columns:1fr}
}

/* SURCHARGES WP */
body.home,
body.home #page,
body.home #content,
body.home main,
body.home article {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  max-width: none !important;
  width: 100% !important;
}
body.home article{border:none !important;box-shadow:none !important}
body.home .entry-header,body.home .entry-footer,body.home .post-navigation,body.home .nav-links{display:none !important}
body.home .entry-content{margin-top:0 !important;padding:0 !important;max-width:none !important}
body.admin-bar header{top:32px}
@media screen and (max-width: 782px){body.admin-bar header{top:46px}}



/* ============================================================
   v10 — FICHES MÉTIER (mockup validé Synthia, mai 2026)
   12 cards uniformes bleu Prusse, 3 groupes A/B/C
   Surlignage terracotta + néon terracotta au hover
   Override des règles fiches v7
   ============================================================ */

.fiches-section{
  background:var(--papier);
  padding:140px 0;
  border-bottom:1px solid var(--filet);
  position:relative;
}
.fiches-section .container{position:relative;z-index:1}

/* Surlignage terracotta sur "Fiches Métier" du H2 */
.fiches-section .section-header h2 em{
  position:relative;display:inline-block;
}
.fiches-section .section-header h2 em::after{
  content:'';position:absolute;
  left:-2px;right:-2px;bottom:8%;
  height:10px;background:rgba(184,89,64,.20);z-index:-1;
}
.fiches-section .section-header p .highlight{
  background:linear-gradient(transparent 65%, rgba(184,89,64,.22) 65%);
  color:var(--bleu-encre);font-weight:500;padding:0 2px;
}

/* ---------- BLOCS A / B / C ---------- */
.fiches-section .fiches-block{margin-bottom:72px;position:relative}
.fiches-section .fiches-block:last-child{margin-bottom:0}
.fiches-section .fiches-block-title{
  display:flex;align-items:baseline;gap:24px;
  margin-bottom:32px;padding-bottom:18px;
  border-bottom:1px solid var(--filet-fonce);
}
.fiches-section .fiches-block-title-num{
  font-family:'Fraunces',serif;font-size:36px;font-style:italic;font-weight:300;
  color:var(--terracotta);line-height:1;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.fiches-section .fiches-block-title h3{
  font-family:'Fraunces',serif;font-size:28px;font-weight:400;
  color:var(--bleu-encre);letter-spacing:-0.015em;
  font-variation-settings:'opsz' 144,'SOFT' 30;
}
.fiches-section .fiches-block-title-counter{
  margin-left:auto;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;font-weight:500;
  color:var(--gris-sourdine);
}
.fiches-section .fiches-block-title-counter span{color:var(--terracotta)}

/* ---------- GRILLE 4 cards ---------- */
.fiches-section .fiches-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:20px;
  background:transparent;
  border:none;
  padding:0;
}

/* ---------- CARD UNIFORME bleu Prusse ---------- */
.fiches-section .fiche-item{
  position:relative;
  padding:32px 28px 24px !important;
  min-height:340px;
  display:flex;flex-direction:column;
  cursor:pointer;
  background:var(--bleu-prusse) !important;
  color:var(--papier) !important;
  border:none !important;
  transition:transform .4s cubic-bezier(.16,1,.3,1),
             box-shadow .4s cubic-bezier(.16,1,.3,1),
             background .35s ease;
  box-shadow:
    0 1px 2px rgba(15,36,64,.16),
    0 6px 18px rgba(15,36,64,.20);
  overflow:hidden;
  isolation:isolate;
}
.fiches-section .fiche-item:hover::before{content:none}

/* TÊTE */
.fiches-section .fiche-item-head{
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;font-weight:500;
  margin-bottom:18px;padding-bottom:12px;
  border-bottom:1px solid rgba(245,239,230,.18);
  color:var(--terracotta-vif, #D8654A);
  position:relative;z-index:2;
  transition:border-bottom-color .35s ease;
}
.fiches-section .fiche-item-head-num{display:inline-flex;align-items:center;gap:8px}
.fiches-section .fiche-item-head-num::before{
  content:'';display:inline-block;
  width:5px;height:5px;border-radius:50%;
  background:#D8654A;
  box-shadow:0 0 0 0 rgba(216,101,74,.4);
  animation:dot-pulse-card 2.4s ease-out infinite;
}
@keyframes dot-pulse-card{
  0%{box-shadow:0 0 0 0 rgba(216,101,74,.55)}
  70%{box-shadow:0 0 0 8px rgba(216,101,74,0)}
  100%{box-shadow:0 0 0 0 rgba(216,101,74,0)}
}
.fiches-section .fiche-item-head-counter{font-weight:400;color:rgba(245,239,230,.5)}

/* TITRE */
.fiches-section .fiche-item h4{
  font-family:'Fraunces',serif;font-size:26px;font-weight:400;
  letter-spacing:-0.015em;line-height:1.15;
  margin-bottom:6px;
  color:var(--papier) !important;
  font-variation-settings:'opsz' 144,'SOFT' 30;
  transition:color .35s ease;
  position:relative;z-index:2;
}

/* DOMAINE */
.fiches-section .fiche-item-domaine{
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  text-transform:uppercase;letter-spacing:0.18em;font-weight:500;
  margin-bottom:16px;
  color:rgba(245,239,230,.6);
  position:relative;z-index:2;
}

/* DESCRIPTION + surlignage terracotta */
.fiches-section .fiche-item p{
  font-size:13.5px;line-height:1.6;
  margin-bottom:18px;flex:1;
  color:rgba(245,239,230,.85) !important;
  position:relative;z-index:2;
  opacity:1 !important;
}
.fiches-section .fiche-item p .surl{
  background:linear-gradient(transparent 60%, rgba(216,101,74,.32) 60%);
  color:var(--papier);padding:0 2px;font-weight:500;
  transition:background .35s ease;
}

/* FOOTER */
.fiches-section .fiche-item-foot{
  margin-top:auto;padding-top:14px;
  border-top:1px solid rgba(245,239,230,.18);
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  letter-spacing:0.16em;text-transform:uppercase;
  color:rgba(245,239,230,.6);
  position:relative;z-index:2;
  transition:border-top-color .35s ease;
}
.fiches-section .fiche-item-foot-status{
  color:#D8654A;font-weight:500;
  transition:color .35s ease;
}

/* ---------- LISERÉ NÉON TERRACOTTA AU HOVER ---------- */
.fiches-section .fiche-item::before{
  content:'';position:absolute;inset:0;
  border:2px solid transparent;pointer-events:none;
  transition:border-color .4s ease, box-shadow .4s ease;
  z-index:3;
}
.fiches-section .fiche-item::after{
  content:'';position:absolute;inset:-4px;pointer-events:none;
  opacity:0;transition:opacity .45s ease;z-index:1;
  background:radial-gradient(
    ellipse at center,
    rgba(255,123,90,.30) 0%,
    rgba(255,123,90,.12) 35%,
    transparent 70%
  );
  filter:blur(24px);
}
.fiches-section .fiche-item:hover{
  transform:translateY(-10px);
  background:var(--bleu-encre);
  box-shadow:
    0 4px 8px rgba(15,36,64,.24),
    0 18px 40px rgba(15,36,64,.30),
    0 0 0 1px rgba(255,123,90,.25),
    0 0 32px rgba(255,123,90,.32),
    0 0 80px rgba(255,123,90,.16);
}
.fiches-section .fiche-item:hover::before{
  border-color:#FF7B5A;
  box-shadow:
    inset 0 0 16px rgba(255,123,90,.35),
    0 0 12px rgba(255,123,90,.6);
}
.fiches-section .fiche-item:hover::after{opacity:1}
.fiches-section .fiche-item:hover h4{color:#FF7B5A}
.fiches-section .fiche-item:hover .fiche-item-head{border-bottom-color:rgba(255,123,90,.4)}
.fiches-section .fiche-item:hover .fiche-item-foot{border-top-color:rgba(255,123,90,.25)}
.fiches-section .fiche-item:hover .fiche-item-foot-status{color:#FF7B5A}
.fiches-section .fiche-item:hover p .surl{
  background:linear-gradient(transparent 60%, rgba(255,123,90,.45) 60%);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px){
  .fiches-section .fiches-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .fiches-section .fiches-block-title h3{font-size:22px}
  .fiches-section .fiches-block-title-num{font-size:28px}
}
@media (max-width: 700px){
  .fiches-section .fiches-grid{grid-template-columns:1fr;gap:14px}
  .fiches-section .fiches-block-title{flex-wrap:wrap;gap:12px}
  .fiches-section .fiches-block-title-counter{margin-left:0;width:100%}
}
@media (prefers-reduced-motion: reduce){
  .fiches-section .fiche-item{transition:none}
  .fiches-section .fiche-item:hover{transform:none}
  .fiches-section .fiche-item-head-num::before{animation:none}
}

/* ============================================================
   v11 — TEMPLATE PAGES INTERNES (mockup validé Synthia, mai 2026)
   Mentions légales, politique conf, cookies, contact
   Structure : page-header + page-body (toc + content) + page-footer-simple
   ============================================================ */

/* Reset minimal pour pages internes — neutralise WP admin-bar gap */
body:not(.home){background:var(--papier)}
body:not(.home) main{display:none}

/* ---------- PAGE HEADER (bandeau d'en-tête) ---------- */
.page-header{
  padding:80px 0 64px;
  background:var(--papier);
  border-bottom:1px solid var(--filet);
  position:relative;
  overflow:hidden;
}
.page-header::before{
  content:'';position:absolute;
  top:-100px;right:-100px;
  width:400px;height:400px;
  background:radial-gradient(circle, rgba(212,165,116,.10) 0%, transparent 65%);
  pointer-events:none;
}
.page-header-inner{
  max-width:1280px;margin:0 auto;padding:0 56px;
  position:relative;z-index:2;
}

/* Fil d'Ariane */
.breadcrumb{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--gris-sourdine);font-weight:500;
  margin-bottom:32px;
  display:flex;align-items:center;gap:14px;
}
.breadcrumb::before{content:'';width:32px;height:1px;background:var(--terracotta)}
.breadcrumb a{color:var(--gris-sourdine);text-decoration:none}
.breadcrumb a:hover{color:var(--terracotta)}
.breadcrumb-sep{color:var(--filet-fonce);margin:0 4px}
.breadcrumb-current{color:var(--terracotta)}

/* Catégorie page */
.page-cat{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--terracotta);font-weight:500;
  margin-bottom:16px;
}

/* Titre de page */
.page-header h1{
  font-family:'Fraunces',serif;
  font-size:clamp(40px,5vw,72px);
  font-weight:300;line-height:1.05;
  letter-spacing:-0.025em;
  color:var(--bleu-encre);
  font-variation-settings:'opsz' 144,'SOFT' 30;
  margin-bottom:24px;
  max-width:920px;
  text-wrap:balance;
}
.page-header h1 em{
  font-style:italic;color:var(--terracotta);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}

/* Chapeau */
.page-header-lead{
  font-family:'Fraunces',serif;font-size:20px;line-height:1.55;
  color:var(--bleu-prusse);font-weight:300;font-style:italic;
  max-width:720px;
  font-variation-settings:'opsz' 14,'SOFT' 50;
}

/* Métadonnées de page */
.page-meta{
  margin-top:40px;padding-top:24px;
  border-top:1px solid var(--filet);
  display:flex;flex-wrap:wrap;gap:32px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:0.16em;text-transform:uppercase;
  color:var(--gris-sourdine);font-weight:500;
}
.page-meta-item{display:flex;align-items:center;gap:10px}
.page-meta-item strong{color:var(--bleu-encre);font-weight:600}

/* ---------- PAGE BODY (sommaire + contenu) ---------- */
.page-body{
  padding:80px 0 120px;
  background:var(--papier);
  position:relative;
}
.page-body-inner{
  max-width:1280px;margin:0 auto;padding:0 56px;
  display:grid;
  grid-template-columns:240px 1fr;
  gap:80px;
  align-items:start;
}

/* Sommaire latéral sticky */
.page-toc{
  position:sticky;top:120px;
  padding:32px 0;
}
.page-toc-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--terracotta);font-weight:500;
  margin-bottom:20px;
  padding-bottom:14px;
  border-bottom:1px solid var(--filet);
  display:flex;align-items:center;gap:10px;
}
.page-toc-label::before{content:'';width:24px;height:1px;background:var(--terracotta)}
.page-toc ol{list-style:none;counter-reset:toc-counter;padding:0;margin:0}
.page-toc li{
  counter-increment:toc-counter;
  margin-bottom:14px;
  font-size:13.5px;line-height:1.5;
}
.page-toc li::before{
  content:counter(toc-counter, decimal-leading-zero);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--terracotta);letter-spacing:0.1em;
  margin-right:10px;font-weight:500;
}
.page-toc a{
  color:var(--gris-sourdine);text-decoration:none;
  transition:color .2s ease;
  border-bottom:1px solid transparent;
}
.page-toc a:hover{
  color:var(--terracotta);
  border-bottom-color:var(--terracotta);
}
.page-toc a.active{
  color:var(--bleu-encre);font-weight:500;
}

/* ---------- CONTENU PRINCIPAL ---------- */
.page-content{
  max-width:760px;
  font-family:'Inter',sans-serif;
  font-size:16px;line-height:1.75;
  color:var(--noir-encre);
  counter-reset:section-counter;
}

.page-content h2{
  font-family:'Fraunces',serif;
  font-size:32px;font-weight:400;
  letter-spacing:-0.018em;line-height:1.2;
  color:var(--bleu-encre);
  margin-top:64px;margin-bottom:24px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
}
.page-content h2:first-child{margin-top:0}
.page-content h2::before{
  content:counter(section-counter, decimal-leading-zero);
  counter-increment:section-counter;
  display:block;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--terracotta);letter-spacing:0.22em;
  text-transform:uppercase;font-weight:500;
  margin-bottom:8px;
}

.page-content h3{
  font-family:'Fraunces',serif;
  font-size:22px;font-weight:500;
  color:var(--bleu-prusse);
  margin-top:40px;margin-bottom:14px;
  font-variation-settings:'opsz' 72;
}

.page-content p{
  margin-bottom:18px;
  text-wrap:pretty;
}

.page-content strong{
  color:var(--bleu-encre);font-weight:600;
}

.page-content em{
  font-family:'Fraunces',serif;font-style:italic;
  color:var(--bleu-prusse);
  font-variation-settings:'opsz' 14;
}

.page-content a{
  color:var(--terracotta);
  border-bottom:1px solid rgba(184,89,64,.3);
  text-decoration:none;
  transition:border-color .2s ease;
}
.page-content a:hover{
  border-bottom-color:var(--terracotta);
}

.page-content ul,.page-content ol{
  margin:0 0 24px 0;
  padding-left:24px;
}
.page-content li{
  margin-bottom:10px;
  line-height:1.7;
}
.page-content ul li::marker{color:var(--terracotta)}

/* Encadré important (callout) */
.page-callout{
  margin:32px 0;
  padding:28px 32px;
  background:var(--papier-clair);
  border-left:3px solid var(--terracotta);
  position:relative;
}
.page-callout::before{
  content:'';position:absolute;
  top:-1px;right:-1px;
  width:24px;height:24px;
  border-top:1px solid var(--terracotta);
  border-right:1px solid var(--terracotta);
}
.page-callout-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--terracotta);font-weight:600;
  margin-bottom:12px;
}
.page-callout p{
  font-size:14.5px;line-height:1.65;
  margin-bottom:0;
  color:var(--noir-encre);
}
.page-callout p+p{margin-top:12px}
.page-callout strong{color:var(--bleu-encre)}

/* Tableau */
.page-content table{
  width:100%;
  border-collapse:collapse;
  margin:24px 0;
  font-size:14px;
}
.page-content thead{
  background:var(--bleu-prusse);
  color:var(--papier);
}
.page-content th{
  padding:14px 18px;
  text-align:left;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:0.16em;text-transform:uppercase;
  font-weight:500;
}
.page-content td{
  padding:14px 18px;
  border-bottom:1px solid var(--filet);
  color:var(--noir-encre);
}
.page-content tbody tr:hover{background:var(--papier-clair)}

/* Bloc signature en fin d'article */
.page-end-block{
  margin-top:64px;
  padding-top:40px;
  border-top:1px solid var(--filet);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:32px;
  align-items:start;
}
.page-end-block-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--terracotta);font-weight:500;
  padding-top:4px;
  white-space:nowrap;
}
.page-end-block-content{
  font-size:14.5px;line-height:1.7;
  color:var(--gris-sourdine);
}
.page-end-block-content strong{
  color:var(--bleu-encre);font-weight:600;
}
.page-end-block-content a{
  color:var(--terracotta);
  border-bottom:1px solid rgba(184,89,64,.3);
}

/* ---------- FOOTER simplifié pour pages internes ---------- */
.page-footer-simple{
  background:var(--papier-clair);
  padding:48px 0 32px;
  border-top:1px solid var(--filet);
}
.page-footer-simple .footer-inner{
  max-width:1280px;margin:0 auto;padding:0 56px;
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--gris-sourdine);
  flex-wrap:wrap;gap:16px;
}
.page-footer-simple .footer-inner strong{color:var(--bleu-encre)}

/* ---------- RESPONSIVE pages internes ---------- */
@media (max-width:1100px){
  .page-body-inner{grid-template-columns:1fr;gap:48px}
  .page-toc{
    position:static;
    padding:24px 28px;
    background:var(--papier-clair);
    border:1px solid var(--filet);
  }
}
@media (max-width:700px){
  .page-header-inner,.page-body-inner,.page-footer-simple .footer-inner{
    padding-left:24px;padding-right:24px;
  }
  .page-header{padding:48px 0 40px}
  .page-header h1{font-size:32px}
  .page-body{padding:48px 0 80px}
  .page-content h2{font-size:24px;margin-top:40px}
  .page-meta{flex-direction:column;gap:12px;align-items:flex-start}
  .page-end-block{grid-template-columns:1fr;gap:16px}
  .page-footer-simple .footer-inner{flex-direction:column;align-items:flex-start;text-align:left}
}

/* ============================================================
   v12 — HOME ARCHITECTURE MODÈLE B (mockup v3.2 validé)
   Étage 1 : Insights gauche 65% + Journal droite 35%
   Étage 2 : 3 fiches métier à la une
   Étage 3 : Carte agente cabinet
   ============================================================ */

/* ===== ÉTAGE 1 — JOURNAL & INSIGHTS ===== */
.etage-1{
  background:var(--papier);
  padding:120px 0;
  position:relative;
  border-bottom:1px solid var(--filet);
}
.etage-1-inner{
  max-width:1320px;margin:0 auto;padding:0 56px;
}

.etage-1 .section-header{margin-bottom:56px}

.e1-grid{
  display:grid;
  grid-template-columns:65fr 35fr;
  gap:40px;
  align-items:start;
}

/* === COLONNE GAUCHE — INSIGHTS === */
.e1-left-label{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--terracotta);font-weight:600;
  margin-bottom:24px;padding-bottom:14px;
  border-bottom:1px solid var(--filet);
  display:flex;align-items:center;justify-content:space-between;
}
.e1-left-label-counter{color:var(--gris-sourdine);font-weight:500}

/* ARTICLE PHARE (hero card bleu Prusse) */
.article-phare{
  background:var(--bleu-prusse);
  color:var(--papier);
  margin-bottom:32px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, background .35s ease;
  box-shadow:0 1px 2px rgba(15,36,64,.16),0 8px 24px rgba(15,36,64,.22);
}
.article-phare::before{
  content:'';position:absolute;inset:0;
  border:2px solid transparent;pointer-events:none;
  transition:border-color .4s ease,box-shadow .4s ease;z-index:5;
}
.article-phare::after{
  content:'';position:absolute;inset:-4px;pointer-events:none;
  opacity:0;transition:opacity .45s ease;z-index:1;
  background:radial-gradient(ellipse at center,rgba(255,123,90,.30) 0%,rgba(255,123,90,.12) 35%,transparent 70%);
  filter:blur(28px);
}
.article-phare:hover{
  transform:translateY(-6px);
  background:var(--bleu-encre);
  box-shadow:
    0 4px 8px rgba(15,36,64,.24),
    0 22px 48px rgba(15,36,64,.30),
    0 0 0 1px rgba(255,123,90,.25),
    0 0 32px rgba(255,123,90,.32),
    0 0 80px rgba(255,123,90,.16);
}
.article-phare:hover::before{
  border-color:var(--terracotta-neon, #FF7B5A);
  box-shadow:inset 0 0 16px rgba(255,123,90,.35),0 0 12px rgba(255,123,90,.6);
}
.article-phare:hover::after{opacity:1}

/* Visuel article phare */
.article-phare-visual{
  position:relative;
  height:340px;
  background:linear-gradient(135deg,var(--bleu-prusse) 0%,var(--bleu-encre) 100%);
  overflow:hidden;
  border-bottom:1px solid rgba(245,239,230,.1);
}
.article-phare-visual.has-image{
  background-size:cover !important;
  background-position:center !important;
}
.article-phare-visual.has-image::before,
.article-phare-visual.has-image::after{display:none}

.article-phare-visual::before{
  content:'';position:absolute;
  top:30%;left:15%;width:200px;height:200px;
  background:radial-gradient(circle,rgba(216,101,74,.45) 0%,transparent 65%);
  filter:blur(40px);
}
.article-phare-visual::after{
  content:'';position:absolute;
  bottom:-50px;right:-50px;width:300px;height:300px;
  background:radial-gradient(circle,rgba(212,165,116,.30) 0%,transparent 65%);
  filter:blur(50px);
}

/* Variantes composition décorative par catégorie (Q3 - varier le visuel par zone géo) */
.article-phare-visual.variant-tarn::before{
  background:radial-gradient(circle,rgba(216,101,74,.55) 0%,transparent 65%);
}
.article-phare-visual.variant-tarn::after{
  background:radial-gradient(circle,rgba(184,89,64,.30) 0%,transparent 65%);
}

.article-phare-visual.variant-occitanie::before{
  background:radial-gradient(circle,rgba(212,165,116,.50) 0%,transparent 65%);
}
.article-phare-visual.variant-occitanie::after{
  background:radial-gradient(circle,rgba(232,181,96,.35) 0%,transparent 65%);
}

.article-phare-visual.variant-national::before{
  background:radial-gradient(circle,rgba(123,168,220,.45) 0%,transparent 65%);
}
.article-phare-visual.variant-national::after{
  background:radial-gradient(circle,rgba(43,77,120,.40) 0%,transparent 65%);
}

/* Composition décorative (blocs abstraits) */
.article-phare-visual-art{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
}
.art-block{
  position:absolute;
  background:rgba(245,239,230,.08);
  border:1px solid rgba(245,239,230,.15);
}
.art-block-1{top:30%;left:20%;width:120px;height:80px;transform:rotate(-3deg)}
.art-block-2{top:50%;left:35%;width:160px;height:100px;background:rgba(216,101,74,.20);border-color:rgba(216,101,74,.3);transform:rotate(2deg)}
.art-block-3{top:25%;right:18%;width:90px;height:90px;border-radius:50%;background:rgba(212,165,116,.25)}
.art-block-4{bottom:18%;left:10%;width:140px;height:60px;background:rgba(245,239,230,.06);transform:rotate(5deg)}

/* Variation des blocs selon variant (Q3) */
.variant-tarn .art-block-2{background:rgba(216,101,74,.30);border-color:rgba(216,101,74,.4)}
.variant-tarn .art-block-3{background:rgba(184,89,64,.25)}
.variant-occitanie .art-block-2{background:rgba(212,165,116,.25);border-color:rgba(212,165,116,.4)}
.variant-occitanie .art-block-3{background:rgba(232,181,96,.30)}
.variant-national .art-block-2{background:rgba(123,168,220,.20);border-color:rgba(123,168,220,.35)}
.variant-national .art-block-3{background:rgba(43,77,120,.30)}

.article-phare-visual-tag{
  position:absolute;top:24px;left:24px;z-index:3;
  padding:8px 14px;background:var(--terracotta);color:var(--papier);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;font-weight:600;
}

.article-phare-content{
  padding:36px 40px 32px;
  position:relative;z-index:2;
}
.article-phare-meta{
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:0.18em;text-transform:uppercase;font-weight:500;
  color:var(--terracotta-vif, #D8654A);
  margin-bottom:18px;padding-bottom:14px;
  border-bottom:1px solid rgba(245,239,230,.18);
}
.article-phare-pilier{display:inline-flex;align-items:center;gap:8px}
.article-phare-pilier::before{
  content:'';display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--terracotta-vif, #D8654A);
  animation:pulse-dot-card 2.4s ease-out infinite;
}
@keyframes pulse-dot-card{
  0%{box-shadow:0 0 0 0 rgba(216,101,74,.55)}
  70%{box-shadow:0 0 0 8px rgba(216,101,74,0)}
  100%{box-shadow:0 0 0 0 rgba(216,101,74,0)}
}
.article-phare-date{color:rgba(245,239,230,.55);font-weight:400}

.article-phare h3{
  font-family:'Fraunces',serif;font-size:40px;font-weight:400;
  letter-spacing:-0.02em;line-height:1.1;
  color:var(--papier) !important;margin-bottom:18px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
  transition:color .35s ease;
}
.article-phare:hover h3{color:var(--terracotta-neon, #FF7B5A) !important}
.article-phare-chapeau{
  font-size:16px;line-height:1.7;
  color:rgba(245,239,230,.82);margin-bottom:24px;
}
.article-phare-chapeau .surl{
  background:linear-gradient(transparent 60%, rgba(216,101,74,.40) 60%);
  color:var(--papier);padding:0 2px;font-weight:500;
  transition:background .35s ease;
}
.article-phare:hover .article-phare-chapeau .surl{
  background:linear-gradient(transparent 60%, rgba(255,123,90,.55) 60%);
}
.article-phare-foot{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:20px;border-top:1px solid rgba(245,239,230,.18);
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.16em;text-transform:uppercase;
  color:rgba(245,239,230,.6);
}
.article-phare-foot-cta{
  color:var(--ocre);font-weight:600;display:inline-flex;align-items:center;gap:8px;
  transition:color .35s ease,gap .25s ease;
}
.article-phare:hover .article-phare-foot-cta{color:var(--terracotta-neon, #FF7B5A);gap:14px}

/* ÉTAT VIDE Insight phare */
.article-phare-empty{
  padding:96px 48px;
  text-align:center;
  border:1px dashed var(--filet-fonce);
  background:var(--papier-clair);
  margin-bottom:32px;
}
.article-phare-empty-mark{
  font-family:'Fraunces',serif;font-size:84px;font-weight:300;font-style:italic;
  color:var(--terracotta);opacity:.4;line-height:1;margin-bottom:24px;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.article-phare-empty h3{
  font-family:'Fraunces',serif;font-size:28px;font-weight:400;
  color:var(--bleu-encre);margin-bottom:16px;letter-spacing:-0.015em;
  font-variation-settings:'opsz' 144,'SOFT' 30;
}
.article-phare-empty p{
  font-size:15px;color:var(--gris-sourdine);
  max-width:520px;margin:0 auto 32px;line-height:1.7;
}
.article-phare-empty-cta{
  display:inline-block;padding:14px 28px;
  background:var(--bleu-encre);color:var(--papier);
  font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:0.14em;text-transform:uppercase;font-weight:600;
  text-decoration:none;
  transition:background .25s ease;
}
.article-phare-empty-cta:hover{background:var(--terracotta);color:var(--papier)}

/* ARTICLES SECONDAIRES */
.articles-sec-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
  margin-bottom:32px;
}
.article-sec{
  background:var(--papier-clair);
  border:1px solid var(--filet);
  padding:28px 28px 24px;
  cursor:pointer;
  position:relative;
  transition:all .35s cubic-bezier(.16,1,.3,1);
}
.article-sec::before{
  content:'';position:absolute;
  top:-1px;left:0;right:0;height:2px;
  background:var(--ocre);
  transform:scaleX(0);transform-origin:left center;
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.article-sec:hover{
  transform:translateY(-4px);
  border-color:var(--filet-fonce);
  background:var(--papier);
  box-shadow:0 1px 2px rgba(15,36,64,.04),0 10px 22px rgba(15,36,64,.08);
}
.article-sec:hover::before{transform:scaleX(1)}
.article-sec-meta{
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  letter-spacing:0.18em;text-transform:uppercase;font-weight:500;
  color:var(--terracotta);margin-bottom:14px;padding-bottom:10px;
  border-bottom:1px solid var(--filet);
}
.article-sec-date{color:var(--gris-sourdine);font-weight:400}
.article-sec h4{
  font-family:'Fraunces',serif;font-size:21px;font-weight:400;
  color:var(--bleu-encre);line-height:1.18;letter-spacing:-0.015em;
  margin-bottom:10px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
  transition:color .25s ease;
}
.article-sec:hover h4{color:var(--terracotta)}
.article-sec p{
  font-size:13.5px;line-height:1.55;color:var(--gris-sourdine);
  margin-bottom:18px;
}
.article-sec-foot{
  padding-top:14px;border-top:1px solid var(--filet);
  display:flex;justify-content:space-between;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  letter-spacing:0.16em;text-transform:uppercase;
  color:var(--gris-sourdine);
}

/* CTA tous les Insights */
.e1-left-cta{
  display:inline-flex;align-items:center;gap:12px;
  padding:14px 24px;background:transparent;
  border:1px solid var(--bleu-encre);color:var(--bleu-encre);
  font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:0.16em;text-transform:uppercase;font-weight:600;
  text-decoration:none;
  transition:all .25s ease;
}
.e1-left-cta:hover{
  background:var(--bleu-encre);color:var(--papier);gap:18px;
}
.e1-left-cta::after{content:'→'}

/* === COLONNE DROITE — JOURNAL (encart bleu nuit) === */
.e1-right{
  background:var(--bleu-nuit);
  color:var(--papier);
  padding:40px 32px 32px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.e1-right::before{
  content:'';position:absolute;
  top:-100px;right:-100px;width:300px;height:300px;
  background:radial-gradient(circle,rgba(212,165,116,.10) 0%,transparent 65%);
  pointer-events:none;
}
.e1-right-label{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--ocre);font-weight:600;
  margin-bottom:8px;
  display:flex;align-items:center;gap:14px;
}
.e1-right-label::before{content:'';width:24px;height:1px;background:var(--ocre)}
.e1-right h3{
  font-family:'Fraunces',serif;font-size:28px;font-weight:400;
  color:var(--papier) !important;letter-spacing:-0.018em;line-height:1.1;
  margin-bottom:8px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
  position:relative;z-index:2;
}
.e1-right h3 em{
  font-style:italic;color:var(--terracotta-neon, #FF7B5A);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.e1-right-sub{
  font-size:13.5px;line-height:1.55;
  color:rgba(245,239,230,.65);margin-bottom:32px;
  padding-bottom:24px;border-bottom:1px solid rgba(245,239,230,.15);
  font-style:italic;
}

/* Cards brèves individuelles (renommées insights pour cohérence avec mockup) */
.e1-right .insights-list{display:flex;flex-direction:column;gap:0;margin-bottom:32px;position:relative;z-index:2}
.e1-right .insight{
  padding:24px 0 24px 22px;
  border-bottom:1px solid rgba(245,239,230,.1);
  cursor:pointer;
  position:relative;
  transition:padding-left .3s ease, background .3s ease;
}
.e1-right .insight:last-child{border-bottom:none}
.e1-right .insight::before{
  content:'';position:absolute;
  left:0;top:24px;bottom:24px;width:3px;
  transition:width .3s ease;
}
.e1-right .insight:hover{padding-left:28px;background:rgba(245,239,230,.03)}
.e1-right .insight:hover::before{width:4px}

/* Couleurs liserés gauche par zone géo */
.e1-right .insight.tag-tarn::before{background:#FF6B4A}
.e1-right .insight.tag-occitanie::before{background:#F0B962}
.e1-right .insight.tag-national::before{background:#7BA8DC}
.e1-right .insight.tag-default::before{background:var(--ocre)}

.e1-right .insight-tag{
  display:inline-block;padding:3px 8px;
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:0.18em;text-transform:uppercase;font-weight:700;
  margin-bottom:10px;
}
.e1-right .insight.tag-tarn .insight-tag{
  color:#FF6B4A;
  background:rgba(255,107,74,.12);
  border:1px solid rgba(255,107,74,.35);
}
.e1-right .insight.tag-occitanie .insight-tag{
  color:#F0B962;
  background:rgba(240,185,98,.12);
  border:1px solid rgba(240,185,98,.35);
}
.e1-right .insight.tag-national .insight-tag{
  color:#7BA8DC;
  background:rgba(123,168,220,.12);
  border:1px solid rgba(123,168,220,.35);
}
.e1-right .insight.tag-default .insight-tag{
  color:var(--ocre);
  background:rgba(212,165,116,.12);
  border:1px solid rgba(212,165,116,.35);
}

.e1-right .insight h4{
  font-family:'Fraunces',serif;font-size:17px;font-weight:500;
  color:var(--papier) !important;line-height:1.25;letter-spacing:-0.012em;
  margin-bottom:8px;
  font-variation-settings:'opsz' 72;
  transition:color .25s ease;
}
.e1-right .insight:hover h4{color:var(--ocre) !important}
.e1-right .insight p{
  font-size:13px;line-height:1.55;
  color:rgba(245,239,230,.7);
}
.e1-right .insight-foot{
  margin-top:10px;
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:0.16em;text-transform:uppercase;font-weight:500;
  color:rgba(245,239,230,.45);
  display:flex;justify-content:space-between;align-items:center;
}
.e1-right .insight-foot-arrow{
  color:var(--ocre);
  transition:color .25s ease, transform .25s ease;
  display:inline-block;
}
.e1-right .insight:hover .insight-foot-arrow{color:var(--terracotta-neon, #FF7B5A);transform:translateX(4px)}

/* CTA toutes les actualités */
.e1-right-cta{
  display:inline-flex;align-items:center;gap:12px;
  padding:14px 22px;
  background:var(--terracotta);color:var(--papier);
  font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:0.16em;text-transform:uppercase;font-weight:600;
  text-decoration:none;
  transition:background .25s ease, gap .25s ease;
  position:relative;z-index:2;
}
.e1-right-cta:hover{background:var(--terracotta-neon, #FF7B5A);gap:18px}
.e1-right-cta::after{content:'→'}

/* ÉTAT VIDE brèves */
.e1-right .insights-empty{
  padding:48px 24px;text-align:center;
  border:1px dashed rgba(245,239,230,.2);
  margin-bottom:32px;
}
.e1-right .insights-empty-mark{
  font-family:'Fraunces',serif;font-size:48px;font-style:italic;font-weight:300;
  color:var(--ocre);opacity:.5;line-height:1;margin-bottom:16px;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.e1-right .insights-empty p{
  font-size:13.5px;line-height:1.6;
  color:rgba(245,239,230,.7);max-width:280px;margin:0 auto;
}

/* ===== ÉTAGE 2 — FICHES MÉTIER À LA UNE ===== */
.etage-2{padding:120px 0;background:var(--papier);border-bottom:1px solid var(--filet)}
.etage-2-inner{max-width:1320px;margin:0 auto;padding:0 56px}
.fiches-une-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  margin-bottom:48px;
}
.fiche-une{
  position:relative;padding:32px 28px 24px !important;min-height:300px;
  display:flex;flex-direction:column;cursor:pointer;
  background:var(--bleu-prusse) !important;color:var(--papier) !important;
  border:none !important;
  overflow:hidden;isolation:isolate;
  transition:transform .4s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .4s ease;
  box-shadow:0 1px 2px rgba(15,36,64,.16),0 6px 18px rgba(15,36,64,.20);
}
.fiche-une::before{
  content:'';position:absolute;inset:0;
  border:2px solid transparent;pointer-events:none;
  transition:border-color .4s ease,box-shadow .4s ease;z-index:3;
}
.fiche-une::after{
  content:'';position:absolute;inset:-4px;pointer-events:none;
  opacity:0;transition:opacity .45s ease;z-index:1;
  background:radial-gradient(ellipse at center,rgba(255,123,90,.30) 0%,rgba(255,123,90,.12) 35%,transparent 70%);
  filter:blur(24px);
}
.fiche-une:hover{
  transform:translateY(-10px);background:var(--bleu-encre) !important;
  box-shadow:
    0 4px 8px rgba(15,36,64,.24),0 18px 40px rgba(15,36,64,.30),
    0 0 0 1px rgba(255,123,90,.25),0 0 32px rgba(255,123,90,.32),0 0 80px rgba(255,123,90,.16);
}
.fiche-une:hover::before{
  border-color:var(--terracotta-neon, #FF7B5A);
  box-shadow:inset 0 0 16px rgba(255,123,90,.35),0 0 12px rgba(255,123,90,.6);
}
.fiche-une:hover::after{opacity:1}
.fiche-une-head{
  display:flex;justify-content:space-between;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;font-weight:500;
  margin-bottom:18px;padding-bottom:12px;
  border-bottom:1px solid rgba(245,239,230,.18);
  color:var(--terracotta-vif, #D8654A);position:relative;z-index:2;
}
.fiche-une-group{display:inline-flex;align-items:center;gap:8px}
.fiche-une-group::before{
  content:'';display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--terracotta-vif, #D8654A);
  animation:pulse-dot-card 2.4s ease-out infinite;
}
.fiche-une-counter{font-weight:400;color:rgba(245,239,230,.5)}
.fiche-une h4{
  font-family:'Fraunces',serif;font-size:26px;font-weight:400;
  letter-spacing:-0.015em;line-height:1.15;
  color:var(--papier) !important;margin-bottom:6px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
  transition:color .35s ease;position:relative;z-index:2;
}
.fiche-une:hover h4{color:var(--terracotta-neon, #FF7B5A) !important}
.fiche-une-domaine{
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  text-transform:uppercase;letter-spacing:0.18em;font-weight:500;
  color:rgba(245,239,230,.6);margin-bottom:16px;
  position:relative;z-index:2;
}
.fiche-une p{
  font-size:13.5px;line-height:1.6;color:rgba(245,239,230,.85) !important;
  margin-bottom:18px;flex:1;position:relative;z-index:2;
  opacity:1 !important;
}
.fiche-une p .surl{
  background:linear-gradient(transparent 60%, rgba(216,101,74,.32) 60%);
  color:var(--papier) !important;padding:0 2px;font-weight:500;
}
.fiche-une-foot{
  margin-top:auto;padding-top:14px;
  border-top:1px solid rgba(245,239,230,.18);
  display:flex;justify-content:space-between;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  letter-spacing:0.16em;text-transform:uppercase;
  color:rgba(245,239,230,.6);position:relative;z-index:2;
}
.fiche-une-status{color:var(--terracotta-vif, #D8654A);font-weight:500}

/* ÉTAT VIDE fiches une */
.fiches-une-empty{
  text-align:center;padding:64px 24px;
  border:1px dashed var(--filet-fonce);
  background:var(--papier-clair);
  margin-bottom:48px;
}
.fiches-une-empty p{
  font-size:16px;color:var(--gris-sourdine);
}

/* CTA archive fiches */
.etage-2-cta-wrap{text-align:center}
.etage-2-cta{
  display:inline-flex;align-items:center;gap:12px;
  padding:14px 28px;border:1px solid var(--bleu-encre);color:var(--bleu-encre);
  font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:0.16em;text-transform:uppercase;font-weight:600;
  text-decoration:none;
  transition:all .25s ease;
}
.etage-2-cta:hover{background:var(--bleu-encre);color:var(--papier);gap:18px}
.etage-2-cta::after{content:'→'}

/* ===== ÉTAGE 3 — CABINET ÉDITEUR ===== */
.etage-3{padding:120px 0;background:var(--papier);border-bottom:1px solid var(--filet)}
.etage-3-inner{max-width:1320px;margin:0 auto;padding:0 56px}
.cabinet-card{
  display:grid;grid-template-columns:380px 1fr;gap:56px;
  align-items:center;
  padding:56px 56px 48px;
  background:var(--papier-clair);
  border:1px solid var(--filet);
  position:relative;overflow:hidden;
}
.cabinet-card::before{
  content:'';position:absolute;top:0;left:0;width:4px;height:100%;
  background:linear-gradient(180deg,var(--terracotta) 0%,var(--ocre) 100%);
}
.cabinet-card::after{
  content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;
  background:radial-gradient(circle,rgba(212,165,116,.10) 0%,transparent 65%);
  pointer-events:none;
}
.cabinet-photo{
  aspect-ratio:1/1.1;
  background:var(--bleu-prusse);
  position:relative;overflow:hidden;
}
.cabinet-photo::before{
  content:'';position:absolute;
  top:30%;left:15%;width:140px;height:140px;
  background:radial-gradient(circle,rgba(216,101,74,.40) 0%,transparent 70%);
  filter:blur(30px);
}
.cabinet-photo::after{
  content:'';position:absolute;
  bottom:20%;right:10%;width:120px;height:120px;
  background:radial-gradient(circle,rgba(212,165,116,.45) 0%,transparent 70%);
  filter:blur(30px);
}
.cabinet-photo-placeholder{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:rgba(245,239,230,.4);font-weight:500;text-align:center;
  z-index:2;
}
.cabinet-photo-frame{
  position:absolute;top:24px;right:24px;
  padding:8px 14px;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--ocre);font-weight:600;
  background:rgba(15,36,64,.7);
  border:1px solid rgba(212,165,116,.4);
  z-index:2;
}
.cabinet-content{position:relative;z-index:1}
.cabinet-content-label{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--terracotta);font-weight:600;margin-bottom:20px;
  display:flex;align-items:center;gap:14px;
}
.cabinet-content-label::before{content:'';width:24px;height:1px;background:var(--terracotta)}
.cabinet-content h3{
  font-family:'Fraunces',serif;font-size:38px;font-weight:300;
  color:var(--bleu-encre);letter-spacing:-0.02em;line-height:1.1;
  margin-bottom:24px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
}
.cabinet-content h3 em{
  font-style:italic;color:var(--terracotta);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.cabinet-content p{
  font-size:16.5px;line-height:1.7;color:var(--noir-encre);
  margin-bottom:32px;max-width:560px;
}
.cabinet-content p strong{color:var(--bleu-encre);font-weight:600}
.cabinet-cta{
  display:inline-flex;align-items:center;gap:12px;
  padding:16px 28px;background:var(--bleu-encre);color:var(--papier);
  font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:0.16em;text-transform:uppercase;font-weight:600;
  text-decoration:none;
  transition:background .25s ease, gap .25s ease;
}
.cabinet-cta:hover{background:var(--terracotta);gap:18px}
.cabinet-cta::after{content:'↗'}

/* ===== CTA FINAL v12 ===== */
section.cta-final{
  background:var(--bleu-encre);color:var(--papier);
  padding:96px 0;position:relative;overflow:hidden;
}
section.cta-final::before{
  content:'';position:absolute;top:-120px;right:-120px;width:500px;height:500px;
  background:radial-gradient(circle,rgba(255,123,90,.18) 0%,transparent 65%);pointer-events:none;
}
section.cta-final .cta-final-inner{max-width:1080px;margin:0 auto;padding:0 56px;text-align:center;position:relative;z-index:2}
section.cta-final .cta-final-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--ocre);font-weight:500;margin-bottom:24px;
  display:flex;align-items:center;justify-content:center;gap:14px;
}
section.cta-final .cta-final-eyebrow::before,
section.cta-final .cta-final-eyebrow::after{content:'';width:32px;height:1px;background:var(--ocre)}
section.cta-final h2{
  font-family:'Fraunces',serif;font-size:56px;font-weight:300;
  color:var(--papier) !important;letter-spacing:-0.025em;line-height:1.1;
  margin-bottom:24px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
}
section.cta-final h2 em{
  font-style:italic;color:var(--terracotta-neon, #FF7B5A);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
section.cta-final p{
  font-size:17px;line-height:1.7;color:rgba(245,239,230,.85);
  max-width:680px;margin:0 auto 40px;
}
section.cta-final .cta-final-btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:18px 36px;background:var(--terracotta);color:var(--papier);
  font-family:'JetBrains Mono',monospace;font-size:12.5px;
  letter-spacing:0.18em;text-transform:uppercase;font-weight:700;
  text-decoration:none;
  transition:background .25s ease, gap .25s ease;
}
section.cta-final .cta-final-btn:hover{background:var(--terracotta-neon, #FF7B5A);gap:18px}
section.cta-final .cta-final-btn::after{content:'→'}

/* ===== RESPONSIVE v12 ===== */
@media (max-width:1100px){
  .e1-grid{grid-template-columns:1fr;gap:48px}
  .e1-right{margin-top:24px}
  .articles-sec-grid{grid-template-columns:1fr;gap:16px}
  .fiches-une-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .cabinet-card{grid-template-columns:1fr;gap:40px;padding:40px 32px}
  .cabinet-content h3{font-size:30px}
  .article-phare h3{font-size:30px}
}
@media (max-width:700px){
  .etage-1-inner,.etage-2-inner,.etage-3-inner{padding-left:24px;padding-right:24px}
  .etage-1,.etage-2,.etage-3{padding:80px 0}
  .article-phare-content{padding:28px 24px 24px}
  .article-phare h3{font-size:24px}
  .article-phare-visual{height:220px}
  .fiches-une-grid{grid-template-columns:1fr}
  .cabinet-card{padding:32px 24px}
  .cabinet-content h3{font-size:26px}
  section.cta-final h2{font-size:30px}
  .e1-right{padding:32px 24px}
}

/* ============================================================
   v12 — TEMPLATES single, archive, 404, search
   ============================================================ */

/* === ARTICLE HEADER (single.php) === */
.article-header{
  padding:80px 0 56px;
  background:var(--papier);
  border-bottom:1px solid var(--filet);
  position:relative;overflow:hidden;
}
.article-header::before{
  content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;
  background:radial-gradient(circle,rgba(212,165,116,.10) 0%,transparent 65%);pointer-events:none;
}
.article-header-inner{
  max-width:1280px;margin:0 auto;padding:0 56px;
  position:relative;z-index:2;
}
.article-header h1{
  font-family:'Fraunces',serif;font-size:clamp(36px,4.5vw,56px);
  font-weight:300;line-height:1.08;letter-spacing:-0.025em;
  color:var(--bleu-encre);margin-bottom:24px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
  max-width:920px;text-wrap:balance;
}
.article-header h1 em{
  font-style:italic;color:var(--terracotta);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.article-meta{
  margin-top:32px;padding-top:20px;
  border-top:1px solid var(--filet);
  display:flex;flex-wrap:wrap;gap:32px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:0.16em;text-transform:uppercase;
  color:var(--gris-sourdine);font-weight:500;
}
.article-meta .page-meta-item{display:flex;align-items:center;gap:10px}
.article-meta .page-meta-item strong{color:var(--bleu-encre);font-weight:600}

/* === VISUEL ARTICLE (single.php) === */
.article-visual-section{padding:0;background:var(--papier)}
.article-visual-inner{max-width:1280px;margin:0 auto;padding:0 56px}
.article-visual{
  position:relative;
  height:480px;
  background:linear-gradient(135deg,var(--bleu-prusse) 0%,var(--bleu-encre) 100%);
  overflow:hidden;
  margin-bottom:0;
}
.article-visual.has-image{
  background-size:cover !important;
  background-position:center !important;
}
.article-visual.no-image::before{
  content:'';position:absolute;
  top:30%;left:15%;width:280px;height:280px;
  background:radial-gradient(circle,rgba(216,101,74,.45) 0%,transparent 65%);
  filter:blur(50px);
}
.article-visual.no-image::after{
  content:'';position:absolute;
  bottom:-50px;right:-50px;width:380px;height:380px;
  background:radial-gradient(circle,rgba(212,165,116,.30) 0%,transparent 65%);
  filter:blur(60px);
}
/* Variantes par zone */
.article-visual.variant-tarn.no-image::before{background:radial-gradient(circle,rgba(216,101,74,.55) 0%,transparent 65%)}
.article-visual.variant-occitanie.no-image::before{background:radial-gradient(circle,rgba(212,165,116,.50) 0%,transparent 65%)}
.article-visual.variant-national.no-image::before{background:radial-gradient(circle,rgba(123,168,220,.45) 0%,transparent 65%)}

/* Sommaire vide (placeholder pour grille 2 colonnes sur articles courts) */
.page-toc-empty{visibility:hidden;height:0;padding:0;border:none;background:transparent}

/* === ARTICLE BODY ajustement === */
.article-body{padding:64px 0 96px}

/* === BLOC SIGNATURE === */
.article-signature{
  margin-top:64px;padding-top:40px;
  border-top:1px solid var(--filet);
  display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;
}
.article-signature-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--terracotta);font-weight:500;
  padding-top:4px;white-space:nowrap;
}
.article-signature-content{font-size:14.5px;line-height:1.7;color:var(--gris-sourdine)}
.article-signature-content strong{color:var(--bleu-encre);font-weight:600}
.article-signature-content a{color:var(--terracotta);border-bottom:1px solid rgba(184,89,64,.3)}
.article-signature-cta{margin-top:14px;font-size:14px;font-style:italic}

/* === ARTICLES LIÉS === */
.article-related{padding:96px 0;background:var(--papier-clair);border-top:1px solid var(--filet)}
.article-related-inner{max-width:1280px;margin:0 auto;padding:0 56px}
.article-related .section-header{margin-bottom:40px}
.article-related .section-header h2{font-size:28px}

/* === FICHE HEADER spécifique === */
.fiche-header-num{margin-bottom:12px}
.fiche-header-domaine{
  font-family:'JetBrains Mono',monospace;font-size:13px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--gris-sourdine);font-weight:500;
  margin-bottom:24px;padding-bottom:14px;
  border-bottom:1px solid var(--filet);
  display:inline-block;padding-right:24px;
}

/* === PAGE 404 === */
.error-404{
  padding:120px 0 96px;
  background:var(--papier);
  text-align:center;
}
.error-404-inner{max-width:780px;margin:0 auto;padding:0 56px}
.error-404-mark{
  font-family:'Fraunces',serif;font-size:140px;
  font-weight:300;font-style:italic;line-height:1;
  color:var(--terracotta);opacity:.45;
  margin-bottom:32px;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.error-404 .page-cat{justify-content:center;display:flex}
.error-404 h1{
  font-family:'Fraunces',serif;font-size:clamp(36px,4.5vw,56px);
  font-weight:300;letter-spacing:-0.025em;line-height:1.1;
  color:var(--bleu-encre);margin-bottom:24px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
  text-wrap:balance;
}
.error-404 h1 em{
  font-style:italic;color:var(--terracotta);font-weight:300;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.error-404-lead{
  font-family:'Fraunces',serif;font-size:19px;line-height:1.6;
  color:var(--gris-sourdine);font-style:italic;
  max-width:620px;margin:0 auto 56px;
  font-variation-settings:'opsz' 14;
}
.error-404-suggestions,.error-404-search{
  text-align:left;max-width:560px;margin:48px auto 0;
}
.error-404-suggestions h3,.error-404-search h3{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--terracotta);font-weight:600;margin-bottom:18px;
}
.error-404-suggestions ul{list-style:none;padding:0}
.error-404-suggestions li{
  padding:14px 0;border-bottom:1px solid var(--filet);
  font-size:15.5px;line-height:1.5;
}
.error-404-suggestions li a{
  color:var(--bleu-encre);text-decoration:none;font-weight:500;
  border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease;
}
.error-404-suggestions li a:hover{color:var(--terracotta);border-bottom-color:var(--terracotta)}

/* === FORMULAIRE RECHERCHE === */
.prosdutarn-search-form{
  display:flex;gap:0;
  max-width:560px;
}
.prosdutarn-search-input{
  flex:1;padding:14px 18px;
  font-family:'Inter',sans-serif;font-size:15px;
  background:var(--papier-clair);
  border:1px solid var(--filet-fonce);
  border-right:none;
  color:var(--noir-encre);
  transition:border-color .2s ease;
}
.prosdutarn-search-input:focus{outline:none;border-color:var(--terracotta)}
.prosdutarn-search-input::placeholder{color:var(--gris-sourdine);font-style:italic}
.prosdutarn-search-submit{
  padding:14px 24px;background:var(--bleu-encre);color:var(--papier);
  font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:0.16em;text-transform:uppercase;font-weight:600;
  border:none;cursor:pointer;
  transition:background .25s ease;
}
.prosdutarn-search-submit:hover{background:var(--terracotta)}

/* === PAGINATION === */
.archive-pagination{margin-top:64px;text-align:center}
.archive-pagination ul{
  display:inline-flex;list-style:none;padding:0;gap:6px;
}
.archive-pagination li{margin:0}
.archive-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 14px;
  font-family:'JetBrains Mono',monospace;font-size:13px;
  font-weight:500;color:var(--gris-sourdine);
  background:transparent;border:1px solid var(--filet-fonce);
  text-decoration:none;
  transition:all .2s ease;
}
.archive-pagination .page-numbers:hover,
.archive-pagination .page-numbers.current{
  background:var(--bleu-encre);color:var(--papier);border-color:var(--bleu-encre);
}

/* === FILTRES JOURNAL/INSIGHTS sticky (déjà partiellement en v9) === */
.journal-filters{
  background:var(--papier);
  border-bottom:1px solid var(--filet);
  padding:32px 0;
  position:sticky;top:0;z-index:50;
}
.journal-filters-inner{
  max-width:1280px;margin:0 auto;padding:0 56px;
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
}
.journal-filters-label{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--gris-sourdine);font-weight:500;
  display:flex;align-items:center;gap:14px;
}
.journal-filters-label::before{content:'';width:24px;height:1px;background:var(--terracotta)}
.journal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.journal-tab{
  padding:10px 18px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:0.14em;text-transform:uppercase;font-weight:500;
  background:transparent;border:1px solid var(--filet-fonce);
  color:var(--gris-sourdine);
  cursor:pointer;
  transition:all .25s ease;
  text-decoration:none;
}
.journal-tab:hover{border-color:var(--terracotta);color:var(--terracotta)}
.journal-tab.active{
  background:var(--bleu-encre);border-color:var(--bleu-encre);color:var(--papier);
}
.journal-tab .count{margin-left:8px;font-size:10px;color:var(--terracotta);font-weight:600}
.journal-tab.active .count{color:var(--ocre)}

/* === GRILLE ARTICLES (archive Insights/Journal/recherche) === */
.journal-body{padding:80px 0 120px;background:var(--papier)}
.journal-body-inner{max-width:1280px;margin:0 auto;padding:0 56px}
.journal-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:32px;
}
.journal-card{
  background:var(--papier-clair);
  border:1px solid var(--filet);
  padding:28px;
  transition:all .3s ease;
  cursor:pointer;
}
.journal-card:hover{
  transform:translateY(-4px);
  border-color:var(--terracotta);
  box-shadow:0 12px 28px rgba(15,36,64,.08);
}
.journal-card-pilier{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--terracotta);font-weight:500;margin-bottom:14px;
}
.journal-card h3{
  font-family:'Fraunces',serif;font-size:22px;font-weight:400;
  color:var(--bleu-encre);line-height:1.2;letter-spacing:-0.015em;
  margin-bottom:12px;
  font-variation-settings:'opsz' 144,'SOFT' 30;
  transition:color .25s ease;
}
.journal-card:hover h3{color:var(--terracotta)}
.journal-card p{
  font-size:14px;line-height:1.6;color:var(--gris-sourdine);
  margin-bottom:18px;
}
.journal-card-meta{
  padding-top:16px;border-top:1px solid var(--filet);
  display:flex;justify-content:space-between;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:0.14em;text-transform:uppercase;color:var(--gris-sourdine);
}

/* === ÉTAT VIDE archive === */
.journal-empty-state{
  text-align:center;padding:120px 24px;
  border:1px dashed var(--filet-fonce);
  background:var(--papier-clair);
}
.journal-empty-state-mark{
  font-family:'Fraunces',serif;font-size:96px;font-weight:300;font-style:italic;
  color:var(--terracotta);opacity:.4;line-height:1;margin-bottom:24px;
  font-variation-settings:'opsz' 144,'SOFT' 100;
}
.journal-empty-state h3{
  font-family:'Fraunces',serif;font-size:32px;font-weight:400;
  color:var(--bleu-encre);margin-bottom:16px;letter-spacing:-0.015em;
  font-variation-settings:'opsz' 144,'SOFT' 30;
}
.journal-empty-state p{
  font-size:15px;color:var(--gris-sourdine);
  max-width:520px;margin:0 auto 32px;line-height:1.7;
}
.journal-empty-state-cta{
  display:inline-block;
  padding:14px 28px;background:var(--bleu-encre);color:var(--papier);
  font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:0.14em;text-transform:uppercase;font-weight:600;
  text-decoration:none;
  transition:background .25s ease;
}
.journal-empty-state-cta:hover{background:var(--terracotta);color:var(--papier)}

/* === FILTRES Fiches Métier === */
.fiches-archive-body{padding:80px 0 120px;background:var(--papier)}
.fiches-archive-inner{max-width:1320px;margin:0 auto;padding:0 56px}
.fiches-filters{
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
  margin-bottom:64px;padding-bottom:24px;
  border-bottom:1px solid var(--filet);
}
.fiches-filters-label{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--gris-sourdine);font-weight:500;
  display:flex;align-items:center;gap:14px;
}
.fiches-filters-label::before{content:'';width:24px;height:1px;background:var(--terracotta)}
.fiches-filters-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.fiches-filter-tab{
  padding:10px 18px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:0.14em;text-transform:uppercase;font-weight:500;
  background:transparent;border:1px solid var(--filet-fonce);
  color:var(--gris-sourdine);
  cursor:pointer;
  transition:all .25s ease;
  text-decoration:none;
}
.fiches-filter-tab:hover{border-color:var(--terracotta);color:var(--terracotta)}
.fiches-filter-tab.active{background:var(--bleu-encre);border-color:var(--bleu-encre);color:var(--papier)}
.fiches-filter-tab .count{margin-left:8px;font-size:10px;color:var(--terracotta);font-weight:600}
.fiches-filter-tab.active .count{color:var(--ocre)}

.fiches-archive-note{
  margin-top:80px;padding:32px 40px;
  background:var(--papier-clair);
  border-left:3px solid var(--ocre);
  font-family:'Fraunces',serif;font-style:italic;font-size:16px;
  color:var(--gris-sourdine);line-height:1.7;
  font-variation-settings:'opsz' 14;
  text-align:center;
}
.fiches-archive-note strong{color:var(--bleu-encre);font-weight:500;font-style:normal;font-family:'Inter',sans-serif}

/* === RESPONSIVE pour les nouveaux templates === */
@media (max-width:1100px){
  .journal-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .article-visual{height:340px}
  .error-404-mark{font-size:96px}
  .article-signature{grid-template-columns:1fr;gap:14px}
}
@media (max-width:700px){
  .article-header-inner,.article-related-inner,.article-visual-inner,
  .journal-filters-inner,.journal-body-inner,.fiches-archive-inner,
  .error-404-inner{padding-left:24px;padding-right:24px}
  .journal-grid{grid-template-columns:1fr}
  .article-visual{height:240px}
  .article-header h1{font-size:30px}
  .error-404-mark{font-size:72px}
  .error-404 h1{font-size:30px}
  .journal-tabs,.fiches-filters-tabs{margin-left:0;width:100%}
  .prosdutarn-search-form{flex-direction:column}
  .prosdutarn-search-input{border-right:1px solid var(--filet-fonce);border-bottom:none}
}