/* Certificate evidence uses the existing portfolio palette in both themes. */
.certificate-showcase{margin-top:64px;scroll-margin-top:calc(var(--header-height,78px) + 20px)}
.certificate-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}
.certificate-heading h3{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:12px 0 0;color:var(--text)}
.certificate-heading>p{max-width:390px;font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.certificate-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface);scroll-margin-top:calc(var(--header-height,78px) + 20px);transition:border-color .2s}
.certificate-card:hover,.certificate-card:focus-within{border-color:var(--accent)}
.certificate-preview{display:block;background:#f4f4f4;aspect-ratio:4/3;border-bottom:1px solid var(--line);overflow:hidden}
.certificate-preview img{display:block;width:100%;height:100%;object-fit:contain;padding:12px}
.certificate-body{flex:1;display:flex;flex-direction:column;padding:22px}
.certificate-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 10px;font-size:11px;line-height:1.5;color:var(--muted)}
.certificate-meta>span{font-weight:700;color:var(--accent)}
.certificate-body h4{font-size:21px;line-height:1.3;margin:13px 0 8px;color:var(--text)}
.certificate-body p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 14px}
.certificate-body .certificate-issuer{font-size:13px;line-height:1.6;color:var(--text)}
.certificate-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:auto;font-size:13px}
.certificate-links a,.credentials-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.certificate-card a:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.certificate-links a:focus-visible{outline-offset:3px}
@media(max-width:1050px){.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.certificate-showcase{margin-top:42px}.certificate-heading{display:block}.certificate-heading>p{margin-top:18px;max-width:none}.certificate-grid{grid-template-columns:1fr;gap:20px}.certificate-body{padding:20px}}
@media(prefers-reduced-motion:reduce){.certificate-card{transition:none}}