/* Certifications page helpers (keeps the look consistent with Academy) */

/* On this page we don't use the right-side hero mock, so force a single-column hero layout */
.hero-card.sha-hero{
  grid-template-columns: 1fr;
}

/* This page uses 3 steps (not 4 like the Academy page) */
.sha-steps{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 960px){
  .sha-steps{ grid-template-columns: 1fr; }
}

.sha-final-tight{
  margin-top: 18px;
}

.sha-cert-preview{
  max-width: 980px;
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

.sha-cert-preview img{
  display: block;
  width: 100%;
  height: auto;
}