/* =====================================================================
   HOME › METODO DI LAVORO — card bianca con testata e 4 step (numero grande Cielo + icona in riquadro).
   4 colonne da 1024px, 2 da 768px. Vedi design/DESIGN.md › Shapes (card degli step 16px).
   ===================================================================== */
.wp-block-group.mm-metodo__card { padding: 32px; border-radius: 32px; box-shadow: 0 4px 24px rgba(6, 51, 107, .04); }
.wp-block-group.mm-metodo__card > * { margin: 0; }
.wp-block-group.mm-metodo__head { display: flex; flex-direction: column; max-width: 576px; margin-bottom: 48px; }
.wp-block-group.mm-metodo__head > * { margin: 0; }
.mm-metodo__head > .mm-eyebrow { margin-bottom: 8px; }
.mm-metodo__head > .mm-metodo__text { margin-top: 8px; }

.wp-block-group.mm-metodo__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.wp-block-group.mm-metodo__grid > * { margin: 0; }
.wp-block-group.mm-step { display: flex; flex-direction: column; gap: 16px; padding: 20px; border-radius: 16px; }
.wp-block-group.mm-step > * { margin: 0; }
/* Numero decorativo (Cielo, come Stitch) con l'icona in riquadro a destra */
.mm-step__num {
  --mm-tile-size: 40px;
  --mm-tile-radius: 12px;
  --mm-tile-inset: calc(50% - 20px) 0 auto auto;
  --mm-ico-size: 20px;
  color: var(--wp--preset--color--primary-soft);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.03em;
}
.mm-step > .mm-step__title { font-weight: 700; line-height: 1.35; letter-spacing: 0; }
.mm-step > .mm-step__text { line-height: 1.55; }

@media (min-width: 768px) {
  .wp-block-group.mm-metodo__card { padding: 56px; }
  .wp-block-group.mm-metodo__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) { .wp-block-group.mm-metodo__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }