/* ===== Certificates / Credly badges ===== */
.cert-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.cert{--x:50%;--y:50%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.5rem 1.3rem 1.3rem;border:1px solid var(--line);border-radius:18px;background:radial-gradient(300px circle at var(--x) var(--y),rgba(254,144,0,.11),transparent 65%),var(--card);transition:border-color .25s,transform .3s}
.cert:hover{border-color:var(--acc);transform:translateY(-3px)}
.cert-img{display:grid;place-items:center;width:8.5rem;height:8.5rem;margin-bottom:.6rem;text-decoration:none}
.cert-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}
.cert-ph{display:grid;place-items:center;width:100%;height:100%;border:1px dashed var(--line);border-radius:50%;color:var(--muted)}
.cert-ph svg{width:46%;height:46%}
.cert h3{font-weight:800;font-size:1.25rem;line-height:1.2}
.cert .issuer{color:var(--muted);font-size:.9rem}
.cert .tags{justify-content:center;margin-top:.2rem}
.cert .btn{padding:.65rem 1.1rem;font-size:.88rem}
.cert .btn svg{width:14px;height:14px}
.cert .btn:hover svg{transform:translate(2px,-2px)}
.cert-body{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;width:100%}
.cert-body .btn{margin-top:auto}
.cert-body .tags{margin-bottom:.8rem}