.certifications { background: #fff; }
.cert-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.cert-heading > div { max-width: 760px; }
.status-badge { display: inline-flex; align-items: center; white-space: nowrap; background: #edf5e8; color: #3d7224; border: 1px solid #c7dfb9; padding: 10px 14px; border-radius: 99px; font-size: 13px; font-weight: 900; }
.status-badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--green); margin-right: 8px; }
.cert-lead { max-width: 830px; color: var(--muted); font-size: 18px; margin: 8px 0 42px; }
.cert-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.cert-grid article { border-top: 4px solid var(--navy); background: var(--soft); padding: 26px; display: flex; flex-direction: column; min-height: 300px; }
.cert-grid article > span { color: var(--green); font-size: 13px; font-weight: 900; }
.cert-grid h3 { font-size: 21px; line-height: 1.25; margin: 18px 0 10px; }
.cert-grid p { color: var(--muted); margin: 0 0 20px; }
.cert-grid strong { margin-top: auto; color: var(--green); font-size: 13px; }
.cert-note { margin-top: 24px; padding: 22px 24px; border-left: 4px solid var(--green); background: #f8faf9; color: var(--muted); }
.cert-note b { color: var(--navy); }
.cert-note a { display: block; margin-top: 10px; color: var(--green); font-weight: 900; }
@media (max-width: 900px) {
  .cert-grid { grid-template-columns: 1fr 1fr; }
  .cert-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (max-width: 560px) {
  .cert-grid { grid-template-columns: 1fr; }
  .status-badge { white-space: normal; }
}