/* ============================================================
   INSIGHTS — page construite sur le kit de continuité.
   Spécifique ici : les trois axes de réflexion et leurs listes.
   ============================================================ */
body.insights .in-intro{padding-top:clamp(30px,4vw,60px)}
body.insights .in-body{display:flex;flex-direction:column;gap:22px}
body.insights .in-body .body-copy,
body.insights .in-body .lede{max-width:62ch}

/* les trois axes : 4/8, numero sable, filets entre axes */
body.insights .axe{
  padding:var(--s-56) 0;border-top:1px solid var(--line-strong);
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:clamp(24px,4vw,80px);
}
body.insights .axe:last-of-type{border-bottom:1px solid var(--line-strong)}
@media(max-width:900px){body.insights .axe{grid-template-columns:1fr}}
body.insights .axe-t{margin-top:14px}
body.insights .axe .chips{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}

/* questions ouvertes : pilules panneau */
body.insights .q-list{display:grid;gap:14px;margin-top:8px}
body.insights .q-item{
  background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:20px 24px;font-weight:600;color:var(--ink-soft);
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
@media(hover:hover) and (pointer:fine){
  body.insights .q-item:hover{border-color:var(--ink);transform:translateX(6px)}
}

/* enchainement identite -> marches -> innovation */
body.insights .flow{display:flex;flex-direction:column;margin-top:10px}
body.insights .flow .f-step{
  font-family:var(--font-body);font-weight:600;letter-spacing:-.01em;
  font-size:clamp(16px,1.5vw,22px);padding:16px 0;border-bottom:1px solid var(--line);
}
body.insights .flow .f-arrow{font-family:var(--font-mono);color:var(--muted);padding:6px 0;font-size:14px}

/* formats futurs : trois cartes sombres */
body.insights .in-formats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,28px);
}
@media(max-width:900px){body.insights .in-formats{grid-template-columns:1fr}}
body.insights .in-formats .k-title{margin-top:12px;font-size:clamp(19px,1.7vw,25px)}
body.insights .in-formats .k-claim{max-width:none;font-size:14px;line-height:1.65}

/* ---- kiosque éditorial (section Publications) ---- */
body.insights .ins-featured{margin-bottom:clamp(20px,2.4vw,32px)}
body.insights .ins-featured .k-inner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}
body.insights .ins-featured .k-title{font-size:clamp(24px,2.6vw,40px);max-width:22ch}
body.insights .ins-rows{border-top:1px solid rgba(var(--cream-rgb),.16)}
body.insights .ins-row{
  display:grid;grid-template-columns:clamp(44px,4vw,64px) minmax(0,1fr) auto;
  gap:clamp(14px,2vw,28px);align-items:baseline;
  padding-block:clamp(18px,2.2vw,28px);
  border-bottom:1px solid rgba(var(--cream-rgb),.16);
}
body.insights .ins-row .rn{font-family:var(--font-title);font-weight:400;font-synthesis:none;font-size:clamp(17px,1.6vw,24px);color:var(--ornament)}
body.insights .ins-row h3{
  font-family:var(--font-title);font-weight:400;font-synthesis:none;text-transform:none;
  font-size:clamp(18px,1.9vw,29px);line-height:1.16;letter-spacing:-.01em;color:var(--cream-on-dark);
  transition:transform .45s var(--ease);
}
@media(hover:hover) and (pointer:fine){body.insights .ins-row:hover h3{transform:translateX(10px)}}
body.insights .ins-row .tag{
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid rgba(var(--cream-rgb),.35);border-radius:999px;padding:5px 11px;
  color:rgba(var(--cream-rgb),.7);white-space:nowrap;
}
body.insights .ins-duo{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,2.2vw,30px);margin-top:clamp(22px,2.8vw,38px);
}
body.insights .ins-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
body.insights .ins-chips span{
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid rgba(var(--cream-rgb),.35);border-radius:999px;padding:7px 13px;
  color:rgba(var(--cream-rgb),.75);
}
@media(max-width:820px){
  body.insights .ins-duo{grid-template-columns:1fr}
  body.insights .ins-row{grid-template-columns:38px minmax(0,1fr)}
  body.insights .ins-row .tag{grid-column:2}
}