/* =========================================================
   Process page — PDF p10 (Requirement-to-Specification),
   p11 (Procurement Governance), p12 (Delivery & Fulfillment)
   ========================================================= */

/* ---------- p10: requirement-to-specification hero ---------- */
.process-hero__inner { max-width: 980px; }
.process-hero__lead { margin-top: .9rem; font-weight: 700; }

.process-steps-graphic { margin-top: clamp(2.75rem, 2.1rem + 2.5vw, 4rem); }
.process-steps-graphic img { width: 100%; height: auto; }

.process-stage-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 1.75rem;
  text-align: left;
}
.process-stage {
  background: var(--c-bg);
  border: 1px solid var(--c-card-line);
  border-radius: var(--radius);
  padding: 1.3rem 1.1rem 1.5rem;
  text-align: center;
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.process-stage:hover { transform: translateY(-2px); box-shadow: var(--shadow-card); border-color: #d3d8de; }
.process-stage__num { display: block; font-weight: 700; font-size: 1.0625rem; color: var(--c-orange-title); }
.process-stage__title {
  margin-top: .25rem;
  font-size: var(--fs-item);
  font-weight: 700;
  color: var(--c-ink);
  text-transform: uppercase;
  letter-spacing: .01em;
  line-height: 1.3;
}
.process-stage__text { margin-top: .6rem; font-size: var(--fs-small); color: var(--c-muted); line-height: 1.42; }

.process-hero__closing { margin-top: clamp(2.25rem, 1.75rem + 1.5vw, 3.25rem); }

@media (max-width: 900px) {
  .process-stage-grid { grid-template-columns: 1fr; gap: 1rem; margin-top: 2rem; }
  .process-stage {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1rem;
    align-items: start;
    text-align: left;
    padding: 1.1rem 1.25rem;
  }
  .process-stage__num { grid-row: 1 / 3; }
  .process-stage__title { margin-top: 0; }
  .process-stage__text { grid-column: 2; margin-top: .4rem; }
}