/* v201: two per row; icon, title, CTA all vertically centred on one horizontal card layout.
   Cosmetic only: original master icons, book placeholder and action handler remain intact. */
#stsHubShell.sts190-customer-hub .sts197-workplace .sts197-course-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:11px!important;align-items:stretch;
}
#stsHubShell.sts190-customer-hub .sts197-workplace .sts197-course{
 box-sizing:border-box;min-width:0;min-height:74px;
 display:flex!important;flex-direction:row!important;
 align-items:center!important;justify-content:space-between!important;
 gap:9px!important;padding:9px 10px!important;
}
#stsHubShell.sts190-customer-hub .sts197-workplace .sts199-course-info{
 display:flex!important;align-items:center!important;gap:9px!important;
 width:auto!important;min-width:0;flex:1 1 0!important;
}
#stsHubShell.sts190-customer-hub .sts197-workplace .sts199-course-icon{
 box-sizing:border-box;width:51px;height:51px;flex:0 0 51px;border-radius:9px;
 display:flex;align-items:center;justify-content:center;
}
#stsHubShell.sts190-customer-hub .sts197-workplace .sts199-course-icon img{
 width:45px;height:45px;object-fit:contain;
}
#stsHubShell.sts190-customer-hub .sts197-workplace .sts199-course-icon svg{
 width:35px;height:35px;
}
#stsHubShell.sts190-customer-hub .sts197-workplace .sts199-course-name{
 color:#163c59;font-size:13px;line-height:1.32;font-weight:750;
 min-width:0;overflow-wrap:break-word;
}
#stsHubShell.sts190-customer-hub .sts197-workplace .sts197-course > button{
 box-sizing:border-box;flex:0 0 101px!important;width:101px!important;
 min-width:101px!important;max-width:101px!important;min-height:35px!important;
 align-self:center!important;margin:0!important;
 padding:8px 5px!important;font-size:10.5px!important;
 white-space:nowrap;text-align:center;justify-content:center;
}
/* Retain 2 columns for roomy desktop widths; below 920px make full-row cards.
   In both cases icon / name / action remain side by side. */
@media(max-width:920px){
 #stsHubShell.sts190-customer-hub .sts197-workplace .sts197-course-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
 #stsHubShell.sts190-customer-hub .sts197-workplace .sts197-course{
  min-height:72px;gap:10px!important;padding:9px 11px!important;
 }
 #stsHubShell.sts190-customer-hub .sts197-workplace .sts197-course > button{
  align-self:center!important;margin:0!important;width:101px!important;
 }
}
@media(max-width:370px){
 #stsHubShell.sts190-customer-hub .sts197-workplace .sts197-course{gap:7px!important;padding:8px!important;}
 #stsHubShell.sts190-customer-hub .sts197-workplace .sts199-course-info{gap:7px!important;}
 #stsHubShell.sts190-customer-hub .sts197-workplace .sts199-course-icon{width:44px;height:44px;flex-basis:44px;}
 #stsHubShell.sts190-customer-hub .sts197-workplace .sts199-course-icon img{width:38px;height:38px;}
 #stsHubShell.sts190-customer-hub .sts197-workplace .sts199-course-icon svg{width:31px;height:31px;}
 #stsHubShell.sts190-customer-hub .sts197-workplace .sts197-course > button{
  flex-basis:94px!important;min-width:94px!important;width:94px!important;max-width:94px!important;
  font-size:10px!important;padding:7px 4px!important;
 }
}