/* certificates.css: the certificate cards (components/CertificateGrid.astro), imported by the
   Certifications page and the Services page. Tokens only.

   The cards are the cards of Projects (site.css, section 11) with a 4 to 3 frame in which the whole
   certificate stands, landscape or portrait, on the surface colour. Their pop-up viewer is
   components/Viewer.astro, with its rules in viewer.css (moved there on 2026-11-14). */

.sheet.is-cert { aspect-ratio: 4 / 3; background: var(--wash); }
.sheet.is-cert img {
  padding: var(--s1);
  object-fit: contain;
  mix-blend-mode: normal;
}
.certificates-group > h2 + .certs { margin-top: var(--s3); }

/* the small lines of a certificate card stand close together */
.card.cert .meta + .meta { margin-top: 0; }