/* Credential inventory uses the existing editorial reading-page shell. */
.certification-list { list-style:none; padding:0; margin:0; }
.certification-list li { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:24px; border-top:1px solid var(--line); padding:28px 0; }
.certification-list .certification-name { font-size:clamp(19px,2.2vw,26px); line-height:1.35; letter-spacing:-.025em; margin:0 0 8px; overflow-wrap:anywhere; }
.certification-list .certification-issuer { font-size:15px; margin:0; color:var(--muted); }
.certification-list .certification-dates { font-size:14px; line-height:1.8; margin:0; }
.certificate-picture { grid-column:1 / -1; margin:0; min-width:0; }
.certificate-picture > a { display:block; position:relative; width:100%; max-width:760px; cursor:zoom-in; }
.certificate-picture img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:contain; border:1px solid var(--line); }
.certificate-picture figcaption { margin-top:12px; font-size:14px; line-height:1.6; }
.certificate-picture figcaption a { display:inline-flex; align-items:center; min-height:44px; }
.certificate-picture figcaption p { margin:0; color:var(--muted); }
.certificate-picture a:hover img { outline:2px solid var(--ink); outline-offset:2px; }
.certificate-picture a:active img { opacity:.9; }
@media(max-width:700px) { .certification-list li { grid-template-columns:1fr; gap:12px; padding:24px 0; } }

.certificate-picture > a:has(img[width="480"]) { max-width:480px; aspect-ratio:480 / 370; }
.certificate-picture > a:has(img[width="800"]) { max-width:760px; aspect-ratio:800 / 563; }
.certificate-picture > a:has(img[width="491"]) { max-width:491px; aspect-ratio:491 / 347; }
.certificate-picture > a:has(img[width="2376"]) { max-width:760px; aspect-ratio:2376 / 1836; }