
/* v189: Training Hub / Course Library related recommendations.
   Presentation only: preserve the master course links and their click handlers. */
#stsHubShell .sth-course .v134-related {
  justify-items:center;
  text-align:center;
  gap:10px;
}
#stsHubShell .sth-course .v134-related > strong {
  display:block;
  width:100%;
  text-align:center;
  color:#143f63;
}
#stsHubShell .sth-course .v134-related-links {
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:9px;
}
#stsHubShell .sth-course .v134-related-links button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 1 auto;
  max-width:100%;
  min-height:40px;
  padding:9px 14px;
  border:1px solid #a9c6dc;
  border-left:3px solid #d8233e;
  border-radius:8px;
  background:#ffffff;
  color:#11598b;
  font-weight:700;
  font-size:12px;
  line-height:1.35;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease;
}
#stsHubShell .sth-course .v134-related-links button:hover {
  background:#eaf5fc;
  border-color:#76a9cd;
  border-left-color:#d8233e;
}
#stsHubShell .sth-course .v134-related-links button:focus-visible {
  outline:2px solid #1372b0;
  outline-offset:3px;
}
@media (max-width:480px) {
  #stsHubShell .sth-course .v134-related-links { gap:8px; }
  #stsHubShell .sth-course .v134-related-links button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  #stsHubShell .sth-course .v134-related-links button { transition:none; }
}
