/* Certification artwork remains unchanged; layout uses shared website tokens. */
.certification-intro { display:flex; align-items:flex-start; gap:var(--space-6); margin-bottom:var(--space-8); }
.certification-intro p { flex:1; }
.certification-bundle.context-link { flex-shrink:0; gap:var(--space-2); margin-top:0; min-height:var(--control-height); height:auto; padding:var(--space-2) var(--space-4); }
.certification-tabs.tabs { flex-wrap:wrap; margin:0 0 var(--space-6); }
.certification-tabs.tabs button { flex:0 1 auto; white-space:nowrap; }
.certification-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-6); }
.certification-card { display:flex; flex-direction:column; min-width:0; margin:0; padding:var(--space-4); border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
.certification-preview { display:flex; align-items:center; justify-content:center; height:160px; padding:var(--space-4); }
.certification-preview img { display:block; width:100%; height:100%; object-fit:contain; }
.certification-card figcaption { display:flex; flex:1; flex-direction:column; align-items:stretch; gap:var(--space-4); margin-top:var(--space-4); padding-top:var(--space-4); border-top:1px solid var(--divider); }
.certification-name { min-width:0; }
.certification-name strong { display:block; font-size:var(--font-card); font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.certification-name span { display:block; margin-top:var(--space-1); font-size:var(--font-small); color:var(--text-muted); }
.certification-download { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; text-decoration:none; }
.certification-description { font-size:var(--font-body); color:var(--text-secondary); }
.certification-actions { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); margin-top:auto; }
.certification-website { display:inline-flex; align-items:center; gap:var(--space-2); min-height:var(--control-height); font-size:var(--font-body); color:#2366B1; text-decoration:underline; text-underline-offset:3px; }
.certification-website svg { flex-shrink:0; }
.certification-website:hover { text-decoration-thickness:2px; }
.certification-no-website { font-size:var(--font-small); color:var(--text-muted); }
@media (max-width:760px) {
  .certification-intro { flex-direction:column; gap:var(--space-4); }
  .certification-tabs.tabs button { flex:1 1 calc(50% - var(--space-2)); }
  .certification-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-4); }
  .certification-preview { height:128px; padding:var(--space-2); }
}
@media (max-width:480px) {
  .certification-grid { grid-template-columns:minmax(0,1fr); }
}