/* ==========================================================================
   GM CORE — Methodology module CSS.
   The per-step seam + number-badge colours are output INLINE by the widget
   (self-sufficient, WCAG-tuned badges). This file carries the card shape and
   the heading, with brand fallbacks via var(--x, LITERAL).
   ========================================================================== */

/* Grid — 5 across, then 3, then 2 */
.gm-methodology-widget .flow{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(5,1fr);gap:20px;
}
@media(max-width:1080px){.gm-methodology-widget .flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.gm-methodology-widget .flow{grid-template-columns:repeat(2,1fr)}}

/* Heading (light-section variant) */
.gm-methodology-widget .shead{text-align:center;max-width:660px;margin:0 auto 56px}
.gm-methodology-widget .shead h2::after{
  content:"";display:block;width:88px;height:4px;border-radius:4px;
  background:var(--growth,linear-gradient(90deg,#1F4FBF,#0E7CC4 34%,#0AA9AC 68%,#0FA37A));
  margin:16px auto 0;
}
.gm-methodology-widget .shead p{color:var(--muted,#63738A);font-size:1.0625rem;line-height:1.75}
.gm-methodology-widget .eyebrow{
  display:inline-block;background:rgba(217,160,43,.14);color:var(--gold-text,#8A5A0C);
  font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 16px;border-radius:var(--r-pill,100px);margin-bottom:18px;
}

/* Step card — seam is inline border-top from the widget */
.gm-methodology-widget .step{
  background:#fff;border-radius:var(--r,14px);padding:24px 18px;
  border:1px solid var(--border,#E1E7EE);box-shadow:var(--sh,0 4px 24px rgba(10,27,51,.07));
  text-align:center;position:relative;overflow:hidden;
  transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .26s;
}
.gm-methodology-widget .step:hover{transform:translateY(-5px);box-shadow:var(--sh-lg,0 18px 48px rgba(10,27,51,.14))}

/* Number badge — background colour is inline (WCAG-tuned) from the widget */
.gm-methodology-widget .step__n{
  width:34px;height:34px;border-radius:50%;margin:0 auto 13px;
  color:#fff;font-size:.8125rem;font-weight:800;display:grid;place-items:center;
}

/* Icon */
.gm-methodology-widget .step__ic{display:grid;place-items:center;margin:0 auto 11px}
.gm-methodology-widget .step__ic svg{width:23px;height:23px;color:var(--navy,#0A1B33)}

.gm-methodology-widget .step h3{font-size:.875rem;line-height:1.4;margin:0;color:var(--navy,#0A1B33)}