.certificate-section{background:#f7f9fc;border-color:#c7d3e0}.certificate-card{display:grid;grid-template-columns:140px 1fr;gap:26px;align-items:center;padding:22px;background:#fff;border:1px solid #d5dfe9;border-radius:12px}.certificate-thumb{display:block;background:#edf1f6;padding:8px;border-radius:6px}.certificate-thumb img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain}.certificate-card .eyebrow{color:#62738a}.certificate-card h3{font-size:1.18em;line-height:1.4}.certificate-meta{font-size:.82em;color:#526278;margin:9px 0 16px}.certificate-link{display:inline-block;border-radius:7px;background:#e9eff8;color:#224f86;padding:10px 15px;text-decoration:none;font-weight:600;font-size:.83em}.certificate-link:hover{background:#dbe7f6}.certificate-card+.certificate-card{margin-top:16px}
.certificate-viewer{margin:0;background:#edf1f5;color:#25374c;font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.certificate-viewer *{box-sizing:border-box}.certificate-viewer a{color:#244f83;text-underline-offset:3px}.certificate-viewer header{background:#fff;border-bottom:1px solid #ced8e3;padding:16px 24px}.certificate-viewer header>div{max-width:1000px;margin:auto;display:flex;justify-content:space-between;gap:20px}.certificate-viewer main{max-width:1000px;margin:auto;padding:36px 24px}.certificate-viewer .eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:10px}.certificate-viewer h1{font-size:clamp(26px,5vw,40px);line-height:1.2;letter-spacing:-.03em;margin:0 0 18px}.certificate-viewer nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.certificate-viewer nav a{padding:7px 13px;background:#fff;border:1px solid #ced8e3;border-radius:6px;text-decoration:none}.certificate-viewer figure{margin:30px 0}.certificate-viewer figure img{display:block;width:100%;height:auto;border:1px solid #ced8e3;background:white}.certificate-viewer figcaption{display:flex;justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;flex-wrap:wrap}.certificate-viewer figcaption span{display:flex;gap:18px;flex-wrap:wrap}.certificate-viewer a:focus-visible{outline:2px solid #215ec7;outline-offset:4px}
@media(max-width:620px){.certificate-card{grid-template-columns:85px minmax(0,1fr);gap:15px;padding:16px}.certificate-card h3{font-size:1em}.certificate-meta{overflow-wrap:anywhere}.certificate-viewer main{padding:26px 16px}.certificate-viewer header{padding:14px 16px}.certificate-viewer header>div{font-size:13px;flex-wrap:wrap}.certificate-viewer figcaption{font-size:13px}}