/* Path: assets/css/pages/process.css */

.process-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.process-card {
  min-height: 18rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 1rem 1.25rem;
  background: var(--color-background);
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-sm);
  padding: clamp(1.25rem, 4vw, 2rem);
}
.process-card h2 { font-size: clamp(1.7rem, 1.25rem + 1.2vw, 2.45rem); }
.process-card p {
  grid-column: 2;
  max-width: 620px;
  align-self: end;
  font-size: var(--text-lg);
}

@media (max-width: 880px) {
  .process-stack { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .process-card { min-height: auto; grid-template-columns: 1fr; }
  .process-card p { grid-column: auto; }
}