.skillCard.training{
  background:linear-gradient(180deg,rgba(99,205,151,.035),rgba(255,255,255,.02));
  border-color:rgba(99,205,151,.13);
}
.skillCard.training:hover{
  border-color:rgba(99,205,151,.28);
  background:rgba(99,205,151,.055);
}
.skillCard.training .skillProof{
  background:rgba(99,205,151,.82);
  box-shadow:0 0 11px rgba(99,205,151,.42);
}
.skillSourceBadge.training{
  border-color:rgba(99,205,151,.20);
  color:rgba(129,224,171,.78);
}

.skillCertificateLinks{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.skillCertificateLinks:empty{display:none}

/* Certificate evidence is intentionally the exact same action family as
   “Leggi l’esperienza collegata”. Keep only anchor-specific normalization here;
   dimensions, border, radius, background, typography, hover and focus all come
   from .semanticLinkButton so the controls cannot drift apart visually. */
.semanticLinkButton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.certificateEvidenceLink{
  margin-top:13px;
}
.skillSourceRow{
  margin-top:24px;
}
.skillSourceRow .semanticLinkButton{
  margin-top:0;
}
.certificateEvidenceLink::before,
.certificateEvidenceLink::after{
  content:none!important;
  display:none!important;
}

.synopticTrainingMeta{
  margin-top:10px!important;
  padding-top:9px;
  border-top:1px dashed rgba(255,255,255,.08);
  color:#86a496!important;
  font:10.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
}
html.theme-light .synopticTrainingMeta{
  border-color:rgba(29,50,40,.08);
  color:#60786b!important;
}

/* v1.1.22 — Hidden action controls must never occupy layout space.
   Some capability insights intentionally hide the experience action while
   keeping certificate evidence visible. The shared inline-flex rule must not
   override the semantic [hidden] state. */
.skillSourceRow .semanticLinkButton[hidden],
.skillSourceRow [hidden].semanticLinkButton{
  display:none!important;
}