.certificate-section-title {font-size:22px;font-weight:500;margin:40px 0 20px}
.certificate-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.certificate-card {display:flex;align-items:center;gap:24px;border-top:1px solid var(--color-border);padding:26px 0;min-width:0}
.certificate-card .eyebrow {margin:0 0 10px;font-size:13px;color:var(--color-muted);line-height:1.6;}
.certificate-card h3 {font-size:17px;font-weight:500;line-height:1.5;word-break:keep-all;margin:0}
.certificate-thumb {flex:0 0 106px;width:106px;height:150px;padding:0;border:0;background:transparent;cursor:zoom-in}
.certificate-thumb img {display:block;width:100%;height:100%;object-fit:contain}
@media(hover:hover) and (pointer:fine){.certificate-thumb:hover {opacity:.8}}
.certificate-awards {grid-template-columns:repeat(2,minmax(0,1fr))}
.certificate-years {display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}
.certificate-years button {border:0;border-bottom:1px solid #bcbcb8;padding:6px 0;background:transparent;color:var(--color-muted);font:inherit;font-size:14px;cursor:pointer}
@media(hover:hover) and (pointer:fine){.certificate-years button:hover {color:var(--color-text);border-color:var(--color-text)}}
.certificate-design {max-width:600px}
.certificate-pdf {display:inline-block;margin-top:16px;font-size:13px;color:var(--color-muted);text-decoration:underline;text-underline-offset:4px}
.certificate-viewer {width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:0;border:0;color:var(--color-text);background:var(--color-white);overflow:auto;}
.certificate-viewer::backdrop {background:rgb(0 0 0 / .65)}
.certificate-viewer-heading {contain:inline-size;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px 0;background:var(--color-white);z-index:1;}
.certificate-viewer-heading h2 {font-size:16px;font-weight:500;line-height:1.4;max-height:2.8em;overflow-y:auto;overflow-wrap:anywhere;margin:0}
.certificate-close {flex:0 0 44px;width:44px;height:44px;border:0;background:transparent;color:var(--color-text);font-size:30px;cursor:pointer}
.certificate-viewer-body {padding:0;}
.certificate-viewer-body img {display:block;width:auto;max-width:min(528px,calc(80vw - 25.6px));height:auto;max-height:calc(80vh - 144px);max-height:calc(80dvh - 144px);object-fit:contain;margin:0;}
@media(max-width:1000px){.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.certificate-card{gap:16px}.certificate-thumb{flex-basis:80px;width:80px;height:120px}.certificate-card h3{font-size:16px}.certificate-awards{grid-template-columns:1fr}}
@media(max-width:600px){.certificate-grid{grid-template-columns:1fr}.certificate-section-title{font-size:20px;margin-top:32px}.certificate-card{padding:20px 0}.certificate-viewer-heading{padding:12px 20px 0}.certificate-viewer-body{padding:0;}.certificate-viewer-body img{width:calc(80vw - 25.6px);max-height:none}}

.certificate-details {min-width:0}
.certificate-meta {margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--color-muted);overflow-wrap:anywhere}
.certificate-meta + .certificate-meta {margin-top:4px}
/* Shared mobile eyebrow size. */
@media (max-width:800px) {
.certificate-card .eyebrow { font-size:12px; }
}

.certificate-viewer-heading h2{min-width:0}
.certificate-viewer-heading .certificate-close{flex-shrink:0}

/* Mobile touch targets and width-based certificate viewing, including landscape. */
@media(max-width:800px){
 .certificate-years button{min-width:44px;min-height:44px;padding:10px 6px}
 .certificate-pdf{display:inline-flex;align-items:center;min-height:44px}
 .certificate-viewer-body img{width:min(528px,calc(80vw - 25.6px));max-height:none}
 .certificate-viewer{overscroll-behavior:contain}
}

@media(max-width:800px){.certificate-viewer-heading{padding:12px 12px 0;gap:8px;align-items:flex-start}.certificate-viewer-heading h2{font-size:14px;max-height:none;overflow:visible}}