/* =========================================================
   TENUTO V45 — SOBRIÉTÉ HEADER + PREUVE ÉDITORIALE
   Base : V42 (V44 volontairement écartée)
   Palette officielle + système typographique TENUTO
   ========================================================= */

/* ---------------------------------------------------------
   HEADER — les commandes sont des pictogrammes, pas des CTA.
   Même langage graphique desktop/mobile.
   --------------------------------------------------------- */

/* Hamburger : zéro bloc, zéro bordure, trois lignes blanches */
.tenuto-menu-btn,
.tenuto-menu-btn:hover,
.tenuto-menu-btn:focus{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#FFFFFF!important;
  padding:8px!important;
  min-width:40px;
  min-height:40px;
}
.tenuto-menu-btn .tenuto-menu-glyph{
  width:24px!important;
  height:18px!important;
}
.tenuto-menu-btn .tenuto-menu-glyph i{
  display:block!important;
  width:24px!important;
  height:2px!important;
  border-radius:99px!important;
  background:#FFFFFF!important;
}
.tenuto-menu-btn svg{
  width:24px!important;
  height:24px!important;
  stroke:#FFFFFF!important;
  stroke-width:2!important;
}

/* Mobile : partager + échanger = symboles blancs nus.
   Gabarit 24px, trait 2px, zone tactile conservée à 40px. */
@media(max-width:640px){
  .tenuto-nav-actions{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }

  .tenuto-header-share,
  .tenuto-header-contact{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:8px!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#FFFFFF!important;
  }

  .tenuto-header-share:hover,
  .tenuto-header-share:focus,
  .tenuto-header-contact:hover,
  .tenuto-header-contact:focus{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#FFFFFF!important;
  }

  .tenuto-header-share svg,
  .tenuto-header-contact svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
    stroke:#FFFFFF!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    fill:none!important;
  }

  .tenuto-menu-btn{
    width:40px!important;
    height:40px!important;
  }
}

/* ---------------------------------------------------------
   PREUVE — "Le problème n'est pas théorique"
   Pas une nappe colorée : une preuve forte, lisible et sobre.
   --------------------------------------------------------- */
.v331-proof{
  background:#F7F5EF!important;
  color:#172A3A!important;
  position:relative;
  overflow:hidden;
}
.v331-proof::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:#52796F;
}
.v331-proof .wrap{
  position:relative;
  z-index:1;
}
.v331-proof .v33-kicker,
.v331-proof .v33-kicker.light{
  color:#52796F!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
}
.v331-proof h2{
  color:#172A3A!important;
  font-family:var(--font-tenuto)!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
.v331-proof > .wrap > p,
.v331-proof .v331-intro{
  color:#66747D!important;
}

/* Les chiffres sont le message principal */
.v331-proof .v331-stats{
  gap:14px!important;
}
.v331-proof .v331-stats > div{
  background:#FFFFFF!important;
  border:1px solid #D9DEE1!important;
  border-top:4px solid #52796F!important;
  border-radius:16px!important;
  padding:22px 18px!important;
  box-shadow:0 10px 26px rgba(23,42,58,.055)!important;
}
.v331-proof .v331-stats strong{
  display:block!important;
  color:#172A3A!important;
  font-family:var(--font-tenuto)!important;
  font-weight:800!important;
  letter-spacing:-.055em!important;
}
.v331-proof .v331-stats span{
  color:#172A3A!important;
  font-weight:650!important;
}

/* Une seule touche terracotta : souligner la matérialité du constat */
.v331-proof .v331-stats > div:first-child{
  border-top-color:#C86F52!important;
}

/* Source visible comme source, mais secondaire */
.v331-proof .v331-source{
  color:#66747D!important;
  border-top:1px solid #D9DEE1;
  padding-top:14px!important;
  margin-top:18px!important;
  font-size:.82rem!important;
  line-height:1.45!important;
}

@media(max-width:640px){
  .v331-proof::before{width:4px}
  .v331-proof .v331-stats{
    gap:10px!important;
  }
  .v331-proof .v331-stats > div{
    padding:18px 16px!important;
    border-radius:13px!important;
  }
}