/* ============================================================
   MARKET[SELL]ING™ — PAGES INTERNES
   pages.css — VERSION CONSOLIDÉE PROPRE
   ============================================================ */


/* ============================================================
   1. ÉLÉMENTS ÉDITORIAUX COMMUNS
   ============================================================ */

.article-hero{
  padding:110px 0 95px;
}

.article-hero-inner{
  max-width:930px;
}

.article-kicker{
  margin-bottom:18px;
  color:var(--red);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.article-hero h1{
  max-width:950px;
  margin-bottom:30px;
  font-size:clamp(3.6rem,7.5vw,6.6rem);
  line-height:.96;
}

.article-intro{
  max-width:780px;
  margin-bottom:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.35rem,2.2vw,1.85rem);
  line-height:1.45;
}

.article-nav{
  padding:26px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--paper-light);
}

.article-nav-inner{
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
}

.article-nav a{
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.article-nav a:hover{
  color:var(--red);
}

.editorial-section{
  padding:115px 0;
}

.editorial-section.alt{
  background:var(--paper-light);
}

.editorial-section.dark{
  background:var(--dark);
  color:#fff;
}

.editorial-section.dark p{
  color:#d4d4d0;
}

.editorial-grid{
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:90px;
  align-items:start;
}

.editorial-grid.reverse{
  grid-template-columns:1.2fr .8fr;
}

.editorial-number{
  color:var(--red);
  font-family:Georgia,"Times New Roman",serif;
  font-size:5rem;
  line-height:1;
  opacity:.85;
}

.editorial-copy{
  max-width:760px;
}

.editorial-copy p{
  font-size:1.08rem;
}

.editorial-copy .big-thought,
.big-thought{
  margin:35px 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.8rem,3.4vw,3.1rem);
  line-height:1.18;
}

.editorial-copy strong{
  font-weight:800;
}


/* COMPARAISONS */

.comparison{
  margin-top:45px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.comparison-card{
  padding:30px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.24);
}

.comparison-card h3{
  margin-bottom:18px;
  font-family:Arial,sans-serif;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.comparison-card.problem{
  border-top:3px solid #777;
}

.comparison-card.shift{
  border-top:3px solid var(--red);
}

.comparison-card ul{
  margin:0;
  padding-left:20px;
}

.comparison-card li{
  margin:10px 0;
}


/* FLUX */

.flow{
  margin:55px 0 10px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  align-items:center;
}

.flow-step{
  min-height:92px;
  padding:15px 10px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  text-align:center;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.flow-step.highlight{
  border-color:var(--red);
  background:var(--red);
  color:#fff;
}


/* STATEMENT */

.statement{
  padding:130px 0;
  background:var(--red);
  color:#fff;
  text-align:center;
}

.statement-inner{
  max-width:980px;
  margin-inline:auto;
}

.statement p{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,4.6vw,4.4rem);
  line-height:1.08;
}


/* CE QUE CE N'EST PAS */

.not-list{
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.not-item{
  padding:20px 22px;
  border-left:2px solid var(--red);
  background:rgba(255,255,255,.3);
}

.dark .not-item{
  background:rgba(255,255,255,.05);
}


/* PASSERELLES */

.bridge{
  padding:120px 0;
  text-align:center;
}

.bridge-inner{
  max-width:900px;
  margin-inline:auto;
}

.bridge-actions{
  margin-top:40px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}


/* ============================================================
   2. PAGE JAUGE™ D’ENVIE D’ACHETER
   ============================================================ */

.gauge-page-hero{
  padding:105px 0 95px;
}

.gauge-page-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
  gap:80px;
  align-items:center;
}

.gauge-page-hero h1{
  max-width:760px;
  margin-bottom:30px;
  font-size:clamp(3.7rem,6.5vw,6rem);
  line-height:.98;
}

.gauge-page-hero .article-intro{
  max-width:700px;
}

.model-warning{
  margin-top:30px;
  padding:24px 26px;
  border-left:3px solid var(--red);
  background:var(--paper-light);
}

.model-warning strong{
  display:block;
  margin-bottom:6px;
}

.model-warning p{
  margin:0;
}


/* SCHÉMA 0 / 80 / 160 */

.gauge-page-diagram{
  width:100%;
}

.gauge-scale-card{
  padding:38px 34px 32px;
  border-radius:24px;
  background:#151615;
  color:#fff;
  box-shadow:0 18px 48px rgba(0,0,0,.14);
}

.gauge-scale-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:34px;
  color:#bdbdb8;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.gauge-scale-line{
  position:relative;
  height:210px;
}

.gauge-scale-gradient{
  position:absolute;
  left:0;
  right:0;
  top:68px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    #cf4435 0%,
    #ed7929 24%,
    #d8b14a 50%,
    #96a36d 74%,
    #6f8d73 100%
  );
}

.gauge-scale-marker{
  position:absolute;
  top:0;
  width:120px;
  text-align:center;
}

.gauge-scale-marker strong{
  display:block;
  margin-top:12px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:2rem;
  font-weight:400;
}

.gauge-scale-marker small{
  display:block;
  margin-top:5px;
  color:#cfcfca;
  font-size:.78rem;
  line-height:1.35;
}

.gauge-scale-dot{
  display:block;
  width:18px;
  height:18px;
  margin:59px auto 0;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.12);
}

.marker-zero{
  left:0;
  transform:translateX(-10%);
  text-align:left;
}

.marker-zero .gauge-scale-dot{
  margin-left:0;
}

.marker-eighty{
  left:50%;
  transform:translateX(-50%);
}

.marker-160{
  right:0;
  transform:translateX(10%);
  text-align:right;
}

.marker-160 .gauge-scale-dot{
  margin-right:0;
}

.gauge-scale-caption{
  margin:8px 0 0;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#d6d6d1;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.02rem;
  line-height:1.55;
}


/* 0 / 80 / 160 */

.gauge-levels{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.gauge-level{
  padding:27px;
  border:1px solid var(--line);
}

.gauge-level .level-number{
  margin-bottom:12px;
  color:var(--red);
  font-family:Georgia,serif;
  font-size:2rem;
}

.gauge-level h3{
  font-family:Arial,sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.gauge-level p{
  margin-bottom:0;
}


/* ENVIE VS RÉSISTANCE */

.tension-model{
  margin-top:55px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:25px;
  align-items:center;
}

.tension-side{
  min-height:190px;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid var(--line);
}

.tension-side.desire{
  border-top:4px solid #718b62;
}

.tension-side.resistance{
  border-top:4px solid var(--red);
}

.tension-vs{
  color:var(--muted);
  font-family:Georgia,serif;
  font-size:2.2rem;
  font-style:italic;
}


/* BASCULE */

.bascule-strip{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.bascule-card{
  position:relative;
  overflow:hidden;
  padding:32px 28px;
  border:1px solid var(--line);
}

.bascule-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--red);
}

.bascule-card h3{
  font-family:Arial,sans-serif;
  font-size:.77rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}


/* SIGNAUX */

.signal-grid{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.signal-card{
  padding:30px;
  background:var(--paper-light);
  border-top:2px solid var(--red);
}

.signal-card h3{
  font-family:Arial,sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.signal-card p:last-child{
  margin-bottom:0;
}


/* TROIS QUESTIONS */

.question-three{
  margin-top:50px;
  counter-reset:gaugequestion;
}

.question-three div{
  position:relative;
  padding:24px 25px 24px 70px;
  border-top:1px solid var(--line);
  font-family:Georgia,serif;
  font-size:clamp(1.35rem,2.4vw,2rem);
}

.question-three div::before{
  counter-increment:gaugequestion;
  content:"0" counter(gaugequestion);
  position:absolute;
  left:0;
  top:28px;
  color:var(--red);
  font-family:Arial,sans-serif;
  font-size:.75rem;
  font-weight:800;
}


/* NIVEAUX AVANCÉS */

.advanced-levels{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.advanced-level{
  padding:28px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.13);
}

.advanced-level h3{
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.advanced-level p{
  color:#cfcfcb;
}


/* ============================================================
   3. PAGE MARKET[SELL]ING MANAGER
   ============================================================ */

.manager-page-hero{
  padding:110px 0 95px;
}

.manager-page-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(540px,620px);
  gap:64px;
  align-items:center;
}

.manager-page-hero-grid > *{
  min-width:0;
}

.manager-page-hero h1{
  max-width:760px;
  font-size:clamp(3.7rem,6.3vw,6.2rem);
}


/* CARTE DU RÔLE — GRILLE STABLE */

.manager-role-map{
  position:relative;

  width:100%;
  max-width:620px;
  margin-inline:auto;

  display:grid;
  grid-template-columns:minmax(145px,1fr) 190px minmax(145px,1fr);
  grid-template-rows:auto auto auto;

  gap:38px 28px;

  align-items:center;
  justify-items:center;
}


/* LIGNES */

.manager-role-map::before{
  content:"";
  position:absolute;
  z-index:0;

  left:50%;
  top:50px;
  bottom:50px;

  width:1px;

  background:rgba(165,47,43,.20);

  transform:translateX(-50%);
}

.manager-role-map::after{
  content:"";
  position:absolute;
  z-index:0;

  left:60px;
  right:60px;
  top:50%;

  height:1px;

  background:rgba(165,47,43,.20);

  transform:translateY(-50%);
}


/* CASES */

.role-node{
  position:relative;
  z-index:2;

  width:100%;
  max-width:160px;
  min-height:64px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:14px 10px;

  border:1px solid var(--line);

  background:var(--paper);

  text-align:center;

  font-size:.65rem;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.035em;
  text-transform:uppercase;

  box-sizing:border-box;
}


/* CERCLE CENTRAL */

.role-center{
  position:relative;
  z-index:3;

  grid-column:2;
  grid-row:2;

  width:190px;
  height:190px;

  display:grid;
  place-items:center;

  padding:24px;

  border-radius:50%;

  background:var(--red);
  color:#fff;

  text-align:center;

  box-shadow:0 22px 45px rgba(165,47,43,.20);

  box-sizing:border-box;
}

.role-center strong{
  max-width:145px;
  font-size:1rem;
  line-height:1.3;
}


/* POSITION DES FONCTIONS */

.role-marketing{
  grid-column:2;
  grid-row:1;
}

.role-communication{
  grid-column:1;
  grid-row:2;
}

.role-sales{
  grid-column:3;
  grid-row:2;
}

.role-offer{
  grid-column:1;
  grid-row:3;
}

.role-product{
  grid-column:2;
  grid-row:3;
}

.role-cx{
  grid-column:3;
  grid-row:3;
}


/* PRINCIPES */

.role-principles{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.role-principle{
  padding:30px 26px;
  border-top:3px solid var(--red);
  background:var(--paper-light);
}

.role-principle h3{
  font-family:Arial,sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.role-principle p{
  margin-bottom:0;
}


/* ACTIONS */

.role-actions{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.role-action{
  padding:28px;
  border:1px solid var(--line);
}

.role-action h3{
  font-family:Arial,sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.role-action p:last-child{
  margin-bottom:0;
}


/* LIMITES */

.role-boundaries{
  margin-top:45px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.role-boundary{
  padding:30px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
}

.role-boundary.good{
  border-top:3px solid #839b74;
}

.role-boundary.no{
  border-top:3px solid #c95045;
}

.role-boundary h3{
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.role-boundary ul{
  margin:0;
  padding-left:18px;
}

.role-boundary li{
  margin:10px 0;
  color:#d0d0cc;
}


/* QUESTION */

.role-question{
  margin:45px 0 0;
  padding:34px;
  border-left:3px solid var(--red);
  background:var(--paper-light);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.6rem,3vw,2.6rem);
  line-height:1.25;
}


/* SIGNAUX D'UTILITÉ */

.role-moments{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}

.role-moment{
  padding:28px;
  border:1px solid var(--line);
}

.role-moment strong{
  display:block;
  margin-bottom:10px;
  color:var(--red);
  font-size:.7rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.role-moment p{
  margin:0;
}


/* ============================================================
   4. PROFIL DU MARKET[SELL]ING MANAGER
   ============================================================ */

.profile-page-hero{
  padding:110px 0 95px;
}

.profile-page-hero-inner{
  max-width:980px;
}

.profile-page-hero h1{
  max-width:950px;
  font-size:clamp(3.5rem,7vw,6.5rem);
}

.profile-intro-note{
  max-width:760px;
  margin-top:35px;
  padding:24px 28px;
  border-left:3px solid var(--red);
  background:var(--paper-light);
}

.profile-intro-note p{
  margin:0;
}


/* COMPÉTENCES */

.profile-pillars{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.profile-pillar{
  padding:30px 26px;
  border:1px solid var(--line);
  background:var(--paper-light);
}

.profile-pillar .pillar-number{
  margin-bottom:18px;
  color:var(--red);
  font-family:Georgia,"Times New Roman",serif;
  font-size:2rem;
}

.profile-pillar h3{
  font-family:Arial,sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.profile-pillar p{
  margin-bottom:0;
}


/* ÉQUILIBRE */

.profile-balance{
  margin-top:50px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:22px;
  align-items:stretch;
}

.profile-side{
  padding:30px;
  border:1px solid var(--line);
}

.profile-side h3{
  font-family:Arial,sans-serif;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.profile-middle{
  display:grid;
  place-items:center;
  color:var(--red);
  font-family:Georgia,serif;
  font-size:2.5rem;
}


/* POSTURES */

.profile-postures{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.profile-posture{
  padding:28px;
  border-top:3px solid var(--red);
  background:var(--paper-light);
}

.profile-posture h3{
  font-family:Arial,sans-serif;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.profile-posture p:last-child{
  margin-bottom:0;
}


/* ORIGINES */

.profile-origins{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.profile-origin{
  padding:26px 22px;
  border:1px solid var(--line);
}

.profile-origin strong{
  display:block;
  margin-bottom:10px;
  color:var(--red);
  font-size:.7rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.profile-origin p{
  margin:0;
}


/* AVERTISSEMENTS */

.profile-warning{
  margin-top:22px;
  padding:30px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
}

.profile-warning:first-of-type{
  margin-top:42px;
}

.profile-warning h3{
  color:#fff;
}

.profile-warning p{
  color:#d0d0cc;
}


/* AUTO-POSITIONNEMENT */

.profile-check{
  margin-top:45px;
  counter-reset:profilecheck;
}

.profile-check div{
  position:relative;
  padding:22px 20px 22px 62px;
  border-top:1px solid var(--line);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.2rem,2vw,1.65rem);
  line-height:1.4;
}

.profile-check div::before{
  counter-increment:profilecheck;
  content:"0" counter(profilecheck);
  position:absolute;
  left:0;
  top:25px;
  color:var(--red);
  font-family:Arial,sans-serif;
  font-size:.7rem;
  font-weight:800;
}

.profile-summary{
  margin-top:50px;
  padding:38px;
  background:var(--red);
  color:#fff;
}

.profile-summary p{
  max-width:760px;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.6rem,3vw,2.7rem);
  line-height:1.25;
}


/* ============================================================
   5. PAGE CHRISTOPHE MARGHIERI
   ============================================================ */

.author-page-hero{
  padding:110px 0 95px;
}

.author-page-grid{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:85px;
  align-items:center;
}

.author-page-photo{
  margin:0;
  overflow:hidden;
  background:#ddd;
  aspect-ratio:4 / 5;
}

.author-page-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 18%;
}

.author-page-copy h1{
  max-width:760px;
  font-size:clamp(3.8rem,7vw,6.6rem);
}

.author-page-copy .article-intro{
  max-width:760px;
}

.author-thought{
  margin-top:35px;
  padding:28px 30px;
  border-left:3px solid var(--red);
  background:var(--paper-light);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.35rem,2.2vw,1.85rem);
  line-height:1.45;
}


/* SÉQUENCE */

.author-sequence{
  margin-top:42px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
}

.author-sequence span{
  min-height:70px;
  display:grid;
  place-items:center;
  padding:10px;
  border:1px solid var(--line);
  text-align:center;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}


/* CENTRES D'INTÉRÊT */

.author-interests{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
}

.author-interest{
  padding:27px;
  border-top:3px solid var(--red);
  background:var(--paper-light);
}

.author-interest p{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.2rem;
  line-height:1.4;
}


/* PENSÉE OUVERTE */

.author-open{
  margin-top:42px;
  padding:35px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.05);
}

.author-open p{
  color:#d0d0cc;
}


/* SIGNATURE */

.author-signature{
  padding:130px 0;
  text-align:center;
}

.author-signature-inner{
  max-width:900px;
  margin-inline:auto;
}

.author-signature h2{
  max-width:900px;
  margin-inline:auto;
}

.author-signature strong{
  color:var(--red);
}

.author-name{
  margin-top:38px;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.author-links{
  margin-top:34px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}


/* ============================================================
   6. RÉFLEXIONS / INSIGHTS
   ============================================================ */

.insights-hero{
  padding:110px 0 90px;
}

.insights-hero-inner{
  max-width:950px;
}

.insights-hero h1{
  font-size:clamp(3.7rem,7vw,6.6rem);
}

.insights-intro{
  max-width:780px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.35rem,2.2vw,1.85rem);
  line-height:1.45;
}


/* MANIFESTE */

.insights-manifesto{
  padding:95px 0;
  background:var(--dark);
  color:#fff;
}

.insights-manifesto-inner{
  max-width:900px;
}

.insights-manifesto p{
  color:#d2d2ce;
}

.insights-manifesto .big-thought{
  color:#fff;
}


/* THÈMES */

.insight-topics{
  margin-top:45px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}

.insight-topic{
  padding:28px;
  border:1px solid var(--line);
  background:var(--paper-light);
}

.insight-topic h3{
  font-family:Arial,sans-serif;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.insight-topic p{
  margin-bottom:0;
}

.insight-topic .topic-mark{
  display:block;
  margin-bottom:16px;
  color:var(--red);
  font-family:Georgia,serif;
  font-size:2rem;
}


/* ARTICLES */

.article-list{
  margin-top:45px;
}

.article-card{
  display:grid;
  grid-template-columns:170px 1fr auto;
  gap:30px;
  align-items:center;
  padding:32px 0;
  border-top:1px solid var(--line);
}

.article-card:last-child{
  border-bottom:1px solid var(--line);
}

.article-meta{
  color:var(--muted);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.article-card h3{
  margin-bottom:8px;
  font-size:clamp(1.45rem,2.5vw,2rem);
}

.article-card p{
  max-width:650px;
  margin:0;
  color:var(--muted);
}

.article-arrow{
  color:var(--red);
  font-size:1.5rem;
}

.article-card.placeholder{
  opacity:.62;
}

.insight-note{
  margin-top:50px;
  padding:30px;
  border-left:3px solid var(--red);
  background:var(--paper-light);
}

.insight-note p{
  margin:0;
}


/* ============================================================
   7. PAGES LÉGALES
   ============================================================ */

.legal-hero{
  padding:95px 0 70px;
}

.legal-hero-inner{
  max-width:900px;
}

.legal-hero h1{
  font-size:clamp(3rem,6vw,5.4rem);
}

.legal-content{
  padding:40px 0 110px;
}

.legal-inner{
  max-width:880px;
}

.legal-section{
  padding:34px 0;
  border-top:1px solid var(--line);
}

.legal-section:first-child{
  border-top:0;
}

.legal-section h2{
  margin-bottom:18px;
  font-family:Arial,sans-serif;
  font-size:.85rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.legal-section p,
.legal-section li{
  color:#4e4a45;
}

.legal-section ul{
  padding-left:20px;
}

.legal-placeholder{
  display:inline-block;
  padding:2px 6px;
  background:#f3d8d5;
  color:#8b2925;
  font-weight:700;
}

.legal-note{
  margin-top:30px;
  padding:24px 28px;
  border-left:3px solid var(--red);
  background:var(--paper-light);
}


/* ============================================================
   8. TABLETTE
   ============================================================ */

@media(max-width:1080px){

  .manager-page-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(500px,560px);
    gap:42px;
  }

  .manager-role-map{
    grid-template-columns:minmax(130px,1fr) 175px minmax(130px,1fr);
    gap:34px 20px;
  }

  .role-center{
    width:175px;
    height:175px;
  }

  .role-node{
    max-width:145px;
  }
}


@media(max-width:980px){

  .gauge-page-hero-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .gauge-page-diagram{
    width:100%;
    max-width:700px;
  }
}


@media(max-width:900px){

  .manager-page-hero-grid{
    grid-template-columns:1fr;
    gap:50px;
  }

  .manager-role-map{
    width:100%;
    max-width:620px;
    margin-inline:auto;
  }

  .profile-pillars{
    grid-template-columns:1fr 1fr;
  }

  .profile-origins{
    grid-template-columns:1fr 1fr;
  }

  .author-page-grid{
    grid-template-columns:1fr;
    gap:50px;
  }

  .author-page-photo{
    max-width:520px;
  }

  .author-sequence{
    grid-template-columns:repeat(3,1fr);
  }

  .insight-topics{
    grid-template-columns:1fr 1fr;
  }

  .article-card{
    grid-template-columns:120px 1fr auto;
  }
}


/* ============================================================
   9. MOBILE
   ============================================================ */

@media(max-width:760px){

  /* TYPOGRAPHIE GÉNÉRALE */

  .article-hero h1,
  .gauge-page-hero h1,
  .manager-page-hero h1,
  .profile-page-hero h1,
  .author-page-copy h1,
  .insights-hero h1,
  .legal-hero h1{
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
    text-wrap:balance;
  }

  .article-intro,
  .editorial-copy,
  .author-page-copy{
    min-width:0;
    max-width:100%;
  }

  .editorial-copy h2,
  .big-thought{
    overflow-wrap:break-word;
    text-wrap:balance;
  }


  /* HERO COMMUN */

  .article-hero,
  .profile-page-hero,
  .manager-page-hero,
  .author-page-hero,
  .gauge-page-hero,
  .insights-hero{
    padding-top:58px;
  }

  .article-hero{
    padding-bottom:65px;
  }

  .article-hero h1{
    font-size:clamp(2.7rem,12vw,3.8rem);
  }

  .article-intro{
    font-size:1.28rem;
  }


  /* NAVIGATION INTERNE */

  .article-nav{
    padding:18px 0;
  }

  .article-nav-inner{
    gap:8px 18px;
  }


  /* SECTIONS ÉDITORIALES */

  .editorial-section{
    padding:78px 0;
  }

  .editorial-grid,
  .editorial-grid.reverse{
    grid-template-columns:1fr;
    gap:28px;
  }

  .editorial-number{
    font-size:3.3rem;
  }

  .editorial-copy .big-thought{
    font-size:2rem;
  }

  .comparison{
    grid-template-columns:1fr;
  }

  .flow{
    grid-template-columns:1fr 1fr;
  }

  .flow-step{
    min-height:76px;
  }

  .statement{
    padding:88px 0;
  }

  .not-list{
    grid-template-columns:1fr;
  }

  .bridge{
    padding:85px 0;
  }


  /* JAUGE */

  .gauge-page-hero{
    padding-bottom:78px;
  }

  .gauge-page-hero h1{
    font-size:clamp(2.75rem,11.5vw,3.7rem);
  }

  .gauge-scale-card{
    padding:28px 20px 24px;
    border-radius:20px;
  }

  .gauge-scale-head{
    margin-bottom:24px;
  }

  .gauge-scale-line{
    height:225px;
  }

  .gauge-scale-marker{
    width:88px;
  }

  .gauge-scale-marker strong{
    font-size:1.55rem;
  }

  .gauge-scale-marker small{
    font-size:.68rem;
  }

  .gauge-levels,
  .bascule-strip,
  .signal-grid,
  .advanced-levels{
    grid-template-columns:1fr;
  }

  .tension-model{
    grid-template-columns:1fr;
    gap:12px;
  }

  .tension-vs{
    text-align:center;
  }

  .question-three div{
    padding-left:52px;
  }


  /* MANAGER */

  .manager-page-hero h1{
    font-size:clamp(2.8rem,12vw,3.8rem);
  }

  .manager-role-map{
    width:100%;
    max-width:340px;

    grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);
    grid-template-rows:auto auto auto;

    gap:26px 10px;
  }

  .manager-role-map::before{
    top:34px;
    bottom:34px;
  }

  .manager-role-map::after{
    left:24px;
    right:24px;
  }

  .role-node{
    width:100%;
    max-width:96px;
    min-height:46px;

    padding:8px 5px;

    font-size:.48rem;
    line-height:1.15;
  }

  .role-center{
    width:120px;
    height:120px;
    padding:14px;
  }

  .role-center strong{
    max-width:92px;
    font-size:.68rem;
    line-height:1.2;
  }

  .role-principles,
  .role-actions,
  .role-boundaries,
  .role-moments{
    grid-template-columns:1fr;
  }


  /* PROFIL */

  .profile-page-hero h1{
    font-size:clamp(2.55rem,11vw,3.35rem);
    line-height:.98;
    letter-spacing:-.045em;
  }

  .profile-pillars,
  .profile-postures,
  .profile-origins{
    grid-template-columns:1fr;
  }

  .profile-balance{
    grid-template-columns:1fr;
  }

  .profile-middle{
    min-height:40px;
  }

  .profile-summary{
    padding:28px;
  }


  /* CHRISTOPHE */

  .author-page-copy h1{
    font-size:clamp(2.65rem,11.5vw,3.7rem);
  }

  .author-page-photo{
    width:100%;
    max-width:none;
    aspect-ratio:1 / 1;
  }

  .author-page-photo img{
    object-position:center 20%;
  }

  .author-sequence{
    grid-template-columns:repeat(2,1fr);
  }

  .author-interests{
    grid-template-columns:1fr;
  }

  .author-signature{
    padding:85px 0;
  }


  /* RÉFLEXIONS */

  .insights-hero{
    padding-bottom:65px;
  }

  .insight-topics{
    grid-template-columns:1fr;
  }

  .article-card{
    grid-template-columns:1fr;
    gap:12px;
  }

  .article-arrow{
    display:none;
  }


  /* LÉGAL */

  .legal-hero{
    padding-bottom:45px;
  }

  .legal-content{
    padding-bottom:80px;
  }
}


/* ============================================================
   10. PETITS MOBILES
   ============================================================ */

@media(max-width:480px){

  .flow{
    grid-template-columns:1fr;
  }

  .gauge-scale-card{
    padding-inline:16px;
  }

  .gauge-scale-head{
    font-size:.62rem;
  }

  .gauge-scale-marker{
    width:74px;
  }

  .gauge-scale-marker strong{
    font-size:1.4rem;
  }

  .gauge-scale-marker small{
    font-size:.62rem;
  }

  .question-three div{
    padding-right:8px;
  }
}


@media(max-width:420px){

  .profile-page-hero h1{
    font-size:2.45rem;
  }

  .manager-page-hero h1,
  .gauge-page-hero h1,
  .article-hero h1,
  .author-page-copy h1{
    font-size:2.65rem;
  }
}