/* ==========================
   PAGE: METHODE (V1.1)
   ========================== */

.method-h1{margin-top:10px;}
.cta-row-top{margin-top:12px;}
.cards-2-top{margin-top:14px;}
.cta-row-top2{margin-top:14px;}

/* HERO — calmer la densité */
.hero-card .badge-soft{
  display:inline-block;
  border:1px solid rgba(7,87,0,.22);
  background:rgba(7,87,0,.06);
  color:#075700;
  padding:4px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
}

.hero-card .meta-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 6px;
}
.hero-card .meta-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(7,87,0,.22);
  background:rgba(7,87,0,.06);
  color:#075700;
  padding:6px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  line-height:1.1;
}

.page .toc{
  margin:14px 0 18px;
}
.page .toc .btn{
  margin:6px 8px 0 0;
}

/* Petits séparateurs sobres */
.method-hr{
  height:1px;
  background:rgba(0,0,0,.08);
  margin:16px 0;
}

.method-note{
  opacity:.92;
}

/* Cartes “3 colonnes” : lisibilité sur petits écrans */
@media (max-width: 900px){
  .cards-3{
    grid-template-columns:1fr !important;
  }
}