.methode-citation-six-gestes {
  --methode-encre: #1d2630;
  --methode-papier: #fffaf0;
  --methode-accent: #8a2a1f;
  --methode-or: #c6963f;
  width: min(100%, 72rem);
  margin: clamp(1.5rem, 4vw, 3rem) auto;
  padding: clamp(1.15rem, 3.5vw, 2.4rem);
  color: var(--methode-encre);
  background:
    linear-gradient(135deg, rgba(198, 150, 63, .12), transparent 38%),
    var(--methode-papier);
  border: 1px solid rgba(29, 38, 48, .2);
  border-top: .45rem solid var(--methode-accent);
  border-radius: .35rem 1.25rem .35rem .35rem;
  box-shadow: 0 1rem 2.7rem rgba(29, 38, 48, .1);
}

.methode-citation-six-gestes .methode-citation-voie {
  margin: 0 0 .45rem;
  color: var(--methode-accent);
  font: 800 .74rem/1.35 system-ui, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.methode-citation-six-gestes h2 {
  margin: 0 0 .8rem;
  color: var(--methode-encre);
  font-size: clamp(1.55rem, 3.4vw, 2.55rem);
  line-height: 1.08;
  text-wrap: balance;
}

.methode-citation-six-gestes .methode-citation-intro,
.methode-citation-six-gestes .methode-citation-note {
  max-width: 75ch;
}

.methode-citation-six-gestes ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin: 1.25rem 0;
  padding: 0;
  list-style: none;
  counter-reset: geste-citation;
}

.methode-citation-six-gestes li {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 1rem 1rem 1rem 3.4rem;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(29, 38, 48, .15);
  line-height: 1.55;
  counter-increment: geste-citation;
}

.methode-citation-six-gestes li::before {
  content: counter(geste-citation);
  position: absolute;
  left: .9rem;
  top: .9rem;
  display: grid;
  width: 1.7rem;
  height: 1.7rem;
  place-items: center;
  color: white;
  background: var(--methode-accent);
  border-radius: 50%;
  font: 900 .82rem/1 system-ui, sans-serif;
}

.methode-citation-six-gestes li strong {
  color: var(--methode-accent);
}

.methode-citation-six-gestes .methode-citation-note {
  margin: 1rem 0 0;
  padding-top: .9rem;
  border-top: 1px solid rgba(29, 38, 48, .2);
}

@media (max-width: 720px) {
  .methode-citation-six-gestes ol { grid-template-columns: 1fr; }
  .methode-citation-six-gestes { border-radius: .25rem .85rem .25rem .25rem; }
}

@media print {
  .methode-citation-six-gestes {
    color: #000;
    background: #fff;
    box-shadow: none;
    break-inside: avoid;
  }
}