/* ============================================================
   ARVIO · pages/metodo.css
   Intro editoriale + cinque fasi in layout asimmetrico (numero a
   sinistra, contenuto a destra). Bianco prevalente.
   ============================================================ */

.method-intro {
  max-width: var(--container-editorial);
  margin-bottom: var(--space-xl);
}

.method-intro > * + * {
  margin-top: var(--space-s);
}

.method-phase {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-xs);
  padding-block: var(--space-l);
  border-top: 0.5px solid var(--hairline-stone);
}

.method-phase:last-child {
  border-bottom: 0.5px solid var(--hairline-stone);
}

@media (min-width: 768px) {
  .method-phase {
    grid-template-columns: 7rem 1fr;
    column-gap: var(--space-l);
    align-items: start;
  }
}

.method-phase__num {
  line-height: 1;
}

.method-phase__body {
  max-width: 58ch;
}

.method-phase__body h2 {
  margin-bottom: var(--space-s);
}

.method-phase__body p + p {
  margin-top: var(--space-s);
}

/* Chiusura su parchment */
.method-close .lead {
  margin-block: var(--space-s) var(--space-m);
  max-width: 44ch;
  margin-inline: auto;
}