/* Grid Signal: certifications page */

.gs-page-hero { padding: clamp(48px, 6vw, 88px) 0 clamp(24px, 3vw, 40px); }
.gs-page-hero__text { grid-column: 1 / span 8; }
.gs-page-hero h1 { margin-bottom: var(--space-md); }

.gs-credential { border-top: 1px solid var(--rule); padding-top: var(--space-md); }
.gs-credential__head { margin-bottom: var(--space-lg); }
.gs-credential__head h2 { margin-bottom: var(--space-xs); }
.gs-credential__issuer { color: var(--muted); }

.gs-credential__body { row-gap: var(--space-lg); align-items: start; }
.gs-credential__about { grid-column: 1 / span 6; }
.gs-credential__about .gs-body { margin-bottom: var(--space-md); }
.gs-credential__label { font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: var(--space-xs); }
.gs-credential__list { margin-bottom: var(--space-lg); }
.gs-credential__list li { padding: 10px 0; border-top: 1px solid var(--rule); color: var(--ink); }
.gs-credential__list li:last-child { border-bottom: 1px solid var(--rule); }

.gs-credential__meta { grid-column: 8 / span 5; border-left: 2px solid var(--accent); padding-left: var(--space-md); }
.gs-credential__meta dt { font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
.gs-credential__meta dd { margin-bottom: var(--space-sm); }
.gs-credential__meta dd:last-child { margin-bottom: 0; }
.gs-mono { font-variant-numeric: tabular-nums; letter-spacing: 0.04em; }

@media (max-width: 860px) {
  .gs-page-hero__text, .gs-credential__about, .gs-credential__meta { grid-column: 1 / -1; }
}

/* Credential badge */
.gs-credential__side { grid-column: 8 / span 5; }
.gs-badge { width: 104px; height: auto; margin-bottom: var(--space-md); }
.gs-credential__metalist { border-left: 2px solid var(--accent); padding-left: var(--space-md); }
.gs-credential__metalist dt { font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
.gs-credential__metalist dd { margin-bottom: var(--space-sm); }
.gs-credential__metalist dd:last-child { margin-bottom: 0; }
@media (max-width: 860px) { .gs-credential__side { grid-column: 1 / -1; } }