.certifications {
  background:radial-gradient(ellipse at top right,rgba(207,154,35,.07),transparent 65%),#111315;
  color:var(--white);
  border-top:1px solid rgba(207,154,35,.25);
  scroll-margin-top:72px;
}
.certifications-intro { margin:28px 0 0; max-width:680px; color:rgba(255,255,255,.72); line-height:1.8; font-size:16px; }
.certifications-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; margin-top:48px; }
.credential-card,.assessment-card { background:transparent; border:1px solid rgba(232,198,113,.22); border-inline-start:3px solid rgba(207,154,35,.7); border-radius:var(--radius); transition:border-color .25s ease,box-shadow .25s ease; }
.credential-card:hover,.assessment-card:hover { border-color:rgba(232,198,113,.55); box-shadow:0 8px 30px rgba(0,0,0,.12); }
.credential-card { display:grid; grid-template-columns:150px minmax(0,1fr) minmax(210px,.45fr); grid-template-rows:auto auto; column-gap:34px; row-gap:10px; min-width:0; min-height:172px; padding:28px 34px; }
.credential-top { grid-column:1; grid-row:1 / 3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-width:0; }
.credential-issuer { font-size:11px; line-height:1.5; letter-spacing:.06em; color:var(--gold-soft); }
.credential-top .credential-issuer { max-width:150px; text-align:center; font-size:10px; overflow-wrap:anywhere; }
.credential-logo { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:112px; height:78px; padding:10px; border-radius:var(--radius-control); background:rgba(255,255,255,.92); direction:ltr; }
.credential-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.credential-logo-sqas { width:150px; height:78px; }
.credential-card h3 { grid-column:2; grid-row:1; align-self:end; margin:0; font-size:clamp(1.3rem,2vw,1.85rem); font-weight:750; letter-spacing:-.025em; text-align:start; }
.credential-description { grid-column:2; grid-row:2; align-self:start; margin:0; color:#bfc0b9; line-height:1.65; font-size:14px; }
.credential-reference { grid-column:3; grid-row:1 / 3; align-self:center; margin:0; padding:12px 0; padding-inline-start:30px; border-inline-start:1px solid rgba(232,198,113,.2); }
.credential-reference dt { margin-bottom:9px; font-size:10px; letter-spacing:.09em; text-transform:uppercase; color:var(--gold-soft); }
.credential-reference dd { margin:0; font-size:16px; font-weight:600; letter-spacing:.02em; overflow-wrap:anywhere; text-align:start; }
.assessment-card { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:34px; margin-top:18px; min-height:172px; padding:28px 34px; }
.assessment-logo { display:flex; justify-content:center; }
.assessment-copy { flex:1; min-width:0; }
.assessment-copy h3 { margin:8px 0 10px; font-size:22px; }
.assessment-copy p { margin:0; color:#bfc0b9; font-size:14px; line-height:1.7; }
html[dir="rtl"] .credential-card h3,html[dir="rtl"] .credential-reference dd { text-align:right; }
@media(max-width:1000px) {
  .credential-card { grid-template-columns:130px minmax(0,1fr); grid-template-rows:auto auto auto; column-gap:24px; }
  .credential-top { grid-row:1 / 4; }
  .credential-reference { grid-column:2; grid-row:3; margin-top:8px; padding:16px 0 0; border-inline-start:0; border-top:1px solid rgba(232,198,113,.2); }
  .assessment-card { grid-template-columns:130px minmax(0,1fr); column-gap:24px; }
  .credential-logo-sqas { width:130px; }
}
@media(max-width:600px) {
  .certifications-grid { grid-template-columns:1fr; gap:18px; margin-top:34px; }
  .credential-card,.assessment-card { padding:22px 18px; grid-template-columns:80px minmax(0,1fr); column-gap:18px; }
  .credential-top { grid-row:1 / 3; }
  .credential-logo { width:80px; height:62px; padding:7px; }
  .credential-reference { grid-column:1 / -1; margin-top:12px; }
  .credential-reference dd { font-size:15px; }
  .credential-top .credential-issuer { font-size:9px; }
  .credential-description { font-size:13px; }
  .assessment-card { align-items:start; }
  .assessment-copy h3 { font-size:18px; }
  .assessment-copy p { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .credential-card,.assessment-card { transition:none; } }