

 
.p-methode .art-section--still * { transition: none !important; animation: none !important; }

.p-methode .art-echelle-table {
  width: 100%;
  margin: var(--art-space-6) 0;
  border-collapse: collapse;
  font-size: var(--art-type-data);
  line-height: var(--art-lh-data);
}
.p-methode .art-echelle-table th,
.p-methode .art-echelle-table td {
  padding: var(--art-space-4) var(--art-space-4) var(--art-space-4) 0;
  border-bottom: var(--art-border-hair) solid var(--art-border-default);
  text-align: left;
  vertical-align: top;
}
.p-methode .art-echelle-table thead th {
  font-size: var(--art-type-micro);
  letter-spacing: var(--art-track-overline);
  text-transform: uppercase;
  color: var(--art-text-muted);
  border-bottom: var(--art-border-emphasis) solid var(--art-border-strong);
}

.p-methode .art-negations { list-style: none; margin: var(--art-space-6) 0 0; padding: 0; }
.p-methode .art-negations > li {
  padding: var(--art-space-5) 0;
  border-top: var(--art-border-hair) solid var(--art-border-default);
  max-width: var(--art-measure-prose);
}



.p-methode .art-section--header { padding-block: var(--art-space-8) var(--art-space-9); }

@media (min-width: 1024px) {
  .p-methode .art-section--header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-block-size: calc(100svh - var(--comp-header-h));
  }
}

.p-methode .x-cover__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--art-space-8);
  align-items: center;
  inline-size: 100%;
}
@media (min-width: 1024px) {
  .p-methode .x-cover__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--art-space-9); }
}

.p-methode .x-cover__lead { display: flex; flex-direction: column; align-items: flex-start; gap: var(--art-space-5); }

 
.p-methode .x-facts { display: flex; flex-wrap: wrap; gap: var(--art-space-5) var(--art-space-7); margin: 0; }
.p-methode .x-fact { display: flex; flex-direction: column; gap: var(--art-space-2); }
.p-methode .x-fact dd { margin: 0; }
.p-methode .x-fact__label {
  font-size: var(--art-type-caption);
  line-height: var(--art-lh-caption);
  color: var(--art-text-muted);
  max-inline-size: 18ch;
}

.p-methode .x-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--art-space-4); margin: 0; }

.p-methode .x-cover__micro {
  margin: 0;
  font-size: var(--art-type-caption);
  line-height: var(--art-lh-caption);
  color: var(--art-text-muted);
  max-inline-size: 52ch;
}



.p-methode .x-key { padding: var(--art-space-6); }
.p-methode .x-key__title {
  margin: 0 0 var(--art-space-5);
  font-family: var(--art-font-display);
  font-weight: var(--art-weight-sub);
  font-size: var(--art-type-h4);
  line-height: var(--art-lh-h4);
  color: var(--art-text-display);
}
.p-methode .x-key__list { margin: 0; padding: 0; list-style: none; }
.p-methode .x-key__list > li {
  padding-block: var(--art-space-3);
  border-block-start: var(--art-border-hair) solid var(--art-glass-border);
  font-size: var(--art-type-data);
  line-height: var(--art-lh-data);
  color: var(--art-text-secondary);
  max-inline-size: none;
}
.p-methode .x-key__list > li > b { color: var(--art-text-primary); }
.p-methode .x-key__list a { color: var(--art-text-link); }
.p-methode .x-key__note {
  margin-block-start: var(--art-space-5);
  font-size: var(--art-type-caption);
  line-height: var(--art-lh-caption);
  color: var(--art-text-muted);
  max-inline-size: none;
}

@media (max-width: 599px) {
  .p-methode .x-actions, .p-methode .x-actions .art-btn { inline-size: 100%; }
}




.p-methode .x-cover__object { margin: 0; inline-size: 100%; }

.p-methode .x-cover__cap {
  margin: var(--art-space-5) 0 0;
  font-size: var(--art-type-micro);
  line-height: var(--art-lh-micro);
  color: var(--art-text-muted);
  max-inline-size: 46ch;
  text-wrap: pretty;
}
.p-methode .x-cover__cap b { font-weight: 600; color: var(--art-text-secondary); }

.p-methode .x-split__side {
  display: grid;
  gap: var(--art-space-2);
  padding-block-start: var(--art-space-4);
  border-block-start: var(--art-border-emphasis) solid var(--art-border-default);
}
 
.p-methode .x-split__side--paid { border-block-start-color: var(--art-cuivre); }

.p-methode .x-split__what {
  margin: 0;
  font-size: var(--art-type-overline);
  line-height: var(--art-lh-overline);
  letter-spacing: var(--art-track-overline);
  text-transform: uppercase;
  color: var(--art-text-muted);
}

.p-methode .x-split__val { margin: 0; }
.p-methode .x-split__val--word {
  font-family: var(--art-font-display);
  font-weight: var(--art-weight-display);
  font-size: var(--art-type-h3);
  line-height: var(--art-lh-h3);
  letter-spacing: var(--art-track-h2);
  color: var(--art-text-display);
}

.p-methode .x-split__note {
  margin: 0;
  font-size: var(--art-type-data);
  line-height: var(--art-lh-data);
  color: var(--art-text-secondary);
  max-inline-size: 40ch;
}



.p-methode .x-split__break {
  display: flex;
  align-items: center;
  gap: var(--art-space-4);
  margin: var(--art-space-7) 0;
  font-size: var(--art-type-micro);
  line-height: var(--art-lh-micro);
  letter-spacing: var(--art-track-overline);
  text-transform: uppercase;
  color: var(--art-text-muted);
}
.p-methode .x-split__break::before,
.p-methode .x-split__break::after {
  content: "";
  flex: 1 1 auto;
  border-block-start: var(--art-border-hair) dashed var(--art-border-default);
}




.p-methode .s-prose > :is(p, ul, ol, dl, blockquote) {
  max-inline-size: var(--art-measure-prose);
  margin-inline: 0;
}

@media (min-width: 1024px) {
.p-methode .s-prose:has(> h2) {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
    column-gap: var(--art-space-9);
    align-items: start;
  }
.p-methode .s-prose:has(> h2) > h2:first-of-type {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: start;
    margin-block-start: 0;
  }
.p-methode .s-prose:has(> h2) > :not(h2:first-of-type) { grid-column: 2; }
.p-methode .s-prose:has(> h2) > :not(h2, p, ul, ol, dl, blockquote) { max-inline-size: none; }
.p-methode .s-prose:has(> h2) > :is(p, ul, ol, dl, blockquote) { max-inline-size: var(--art-measure-prose); }

  

.p-methode .s-prose--numbered:has(> h2) > p.art-doc-num {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: start;
  }
.p-methode .s-prose--numbered:has(> h2) > h2:first-of-type { padding-block-start: var(--art-space-6); }
}
