.credential-hero{max-width:860px}
.credential-hero .lead{max-width:760px}
.earned-section{padding-top:var(--ucu-space-8)}
.credential-list{display:flex;flex-direction:column;gap:var(--ucu-space-4);margin-top:var(--ucu-space-6)}

.credential-card{display:grid;grid-template-columns:150px minmax(0,1fr) 190px;grid-template-areas:"badge content facts";column-gap:var(--ucu-space-6);align-items:center;min-height:190px}
.official-badge{grid-area:badge;display:flex;align-items:flex-start;justify-content:center;width:150px;height:150px;overflow:hidden;border-right:1px solid var(--ucu-border);padding-right:var(--ucu-space-4)}
.official-badge>div{width:150px;height:270px;flex:0 0 auto}
.official-badge iframe{border:0!important;width:150px!important;height:270px!important;transform:scale(.82);transform-origin:top center}
.credential-content{grid-area:content;min-width:0;align-self:center}
.credential-content h3{font-size:var(--ucu-fs-lg);line-height:1.2;letter-spacing:-.01em;margin:var(--ucu-space-3) 0 var(--ucu-space-1)}
.issuer-line{margin:0 0 var(--ucu-space-2);color:var(--ucu-text);font-size:var(--ucu-fs-sm)}
.credential-summary{margin:0 0 var(--ucu-space-3);font-size:var(--ucu-fs-sm);line-height:1.4;max-width:760px;color:var(--ucu-text-muted)}
.skills-label{margin:0 0 var(--ucu-space-2);color:var(--ucu-text-faint);font-size:var(--ucu-fs-xs);font-weight:var(--ucu-fw-bold);letter-spacing:.1em;text-transform:uppercase}
.skills-label span{font-weight:var(--ucu-fw-medium);letter-spacing:.02em}
.skill-pills{display:flex;flex-wrap:wrap;gap:var(--ucu-space-1);align-items:center}
.credential-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ucu-space-4);margin-top:var(--ucu-space-3)}
.credential-facts{grid-area:facts;align-self:stretch;border-left:1px solid var(--ucu-border);padding:var(--ucu-space-3) 0 var(--ucu-space-3) var(--ucu-space-5);margin:0;display:flex;flex-direction:column;justify-content:center;gap:var(--ucu-space-4);min-width:0}
.credential-facts dt{display:block;color:var(--ucu-text-faint);font-size:var(--ucu-fs-xs);margin:0 0 2px;text-transform:uppercase;letter-spacing:.06em}
.credential-facts dd{display:block;margin:0;color:var(--ucu-text);font-size:var(--ucu-fs-sm);line-height:1.3}

.roadmap-section{padding-top:var(--ucu-space-8)}
.roadmap-line{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ucu-space-4);margin-top:var(--ucu-space-6)}
.roadmap-item{display:grid;grid-template-columns:auto 1fr;gap:var(--ucu-space-3);min-height:130px}
.roadmap-number{font-size:var(--ucu-fs-xs);color:var(--ucu-accent);font-weight:var(--ucu-fw-bold);padding-top:2px}
.roadmap-item h3{font-size:var(--ucu-fs-sm);line-height:1.25;margin:var(--ucu-space-3) 0 var(--ucu-space-2)}
.roadmap-item p{margin:0 0 var(--ucu-space-2);font-size:var(--ucu-fs-xs);color:var(--ucu-text-muted)}
.path-focus{color:var(--ucu-text-faint);font-size:var(--ucu-fs-xs)}

.credential-philosophy{padding-top:var(--ucu-space-8)}
.credential-philosophy p{margin-top:0;max-width:620px}

@media(max-width:1050px){
  .credential-card{grid-template-columns:130px minmax(0,1fr);grid-template-areas:"badge content" "badge facts";min-height:0}
  .official-badge{width:130px;height:130px;padding-right:var(--ucu-space-3)}
  .official-badge iframe{transform:scale(.72)}
  .credential-facts{border-left:0;border-top:1px solid var(--ucu-border);padding:var(--ucu-space-3) 0 0;flex-direction:row;flex-wrap:wrap}
}
@media(max-width:760px){
  .credential-card{grid-template-columns:110px minmax(0,1fr);grid-template-areas:"badge content" "facts facts";gap:var(--ucu-space-3)}
  .official-badge{width:110px;height:115px;padding-right:var(--ucu-space-2)}
  .official-badge iframe{transform:scale(.62)}
  .roadmap-line{grid-template-columns:1fr}
}
@media(max-width:560px){
  .credential-card{grid-template-columns:1fr;grid-template-areas:"badge" "content" "facts"}
  .official-badge{justify-content:flex-start;width:120px;height:120px;border-right:0;padding-right:0}
  .credential-facts{flex-direction:column}
}