/* Uniform tiles with visible credential names and issuers. */
.personal-credentials__intro { margin-top: 22px; color: var(--muted); font-size: 17px; }
.credential-group { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; list-style: none; margin: 30px 0 0; padding: 0; }
.credential-badge { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; border-top: 1px solid var(--line); padding-top: 20px; }
.credential-badge__image { display: grid; place-items: center; width: 72px; height: 72px; }
/* Keep a 72px visible mark; compensate for transparent borders in supplied PNGs. */
.credential-badge__image img { display: block; width: 72px; height: 72px; max-width: none; max-height: none; object-fit: contain; transform: scale(var(--credential-art-scale, 1)); }
.credential-badge__image--ccsp { --credential-art-scale: 1.0144; }
.credential-badge__image--sscp { --credential-art-scale: 1.0173; }
.credential-badge__image--comptia-pentest-plus { --credential-art-scale: 1.3423; }
.credential-badge__name { font-size: 15px; line-height: 1.5; }
.credential-badge__issuer { color: var(--muted); font-size: 13px; }
.credential-badge__verify { font-size: 13px; line-height: 1.7; }
.credential-badge__verify a { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent); text-decoration: underline; }
@media (max-width: 1000px) { .credential-group { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 540px) { .credential-group { grid-template-columns: 1fr; } }