/* v10.33: scoped homepage refinements. Study-room/game screens are untouched. */
#usergate .mdnaHomeStack{
  gap:0!important;
}
/* Match the same narrow access card in Self Study, Classroom and Group. */
#usergate .mdnaHomeStack>.userbox{
  width:min(580px,100%)!important;
  max-width:580px!important;
  align-self:center!important;
  margin-inline:auto!important;
}
/* A more distinct gap before the independent, full-width resources card. */
#usergate .mdnaHomeStack>.mdnaResourceSection{
  margin:clamp(20px,3.3vh,32px) 0 0!important;
  padding:8px!important;
}
#usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub{
  gap:10px!important;
}
#usergate .mdnaHomeStack>.mdnaResourceSection .loginPanel{
  padding:8px 9px!important;
  box-sizing:border-box!important;
}
/* Longer feeds in equal-size panels, with vertical scrolling inside the panels. */
#usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub>.guidelinePanel,
#usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub>.afpCombinedPanel{
  height:293px!important;
  max-height:293px!important;
  min-height:0!important;
}
/* No enclosing panel or horizontal scrolling; tools wrap naturally across the page. */
#usergate .mdnaHomeStack>.mdnaBottomTools{
  width:100%!important;
  max-width:100%!important;
  margin:12px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#usergate .mdnaHomeStack>.mdnaBottomTools .toolGrid{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px 7px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:2px 2px 5px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}
#usergate .mdnaHomeStack>.mdnaBottomTools .toolCard{
  flex:0 1 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:24px!important;
  max-width:100%!important;
  margin:0!important;
  padding:3px 8px!important;
  background:linear-gradient(180deg,#353b47 0%,#171c24 42%,#080b10 100%)!important;
  border:1px solid #101620!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 #ffffff57,0 3px 0 #080b11,0 4px 7px #0c19252c!important;
  color:#fff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer;
  transition:transform .12s ease,box-shadow .12s ease!important;
}
#usergate .mdnaHomeStack>.mdnaBottomTools .toolCard:hover{
  background:linear-gradient(180deg,#49515e,#252d37 50%,#121721)!important;
  transform:translateY(-1px)!important;
}
#usergate .mdnaHomeStack>.mdnaBottomTools .toolCard:active{
  transform:translateY(2px)!important;
  box-shadow:inset 0 1px 3px #05070da6,0 1px 0 #080b11!important;
}
#usergate .mdnaHomeStack>.mdnaBottomTools .toolCard:focus-visible{
  outline:2px solid #6db7e9!important;
  outline-offset:3px!important;
}
#usergate .mdnaHomeStack>.mdnaBottomTools .toolCard b{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
}
@media(max-width:700px){
 #usergate .mdnaHomeStack>.userbox{width:100%!important;max-width:580px!important;}
 #usergate .mdnaHomeStack>.mdnaResourceSection{margin-top:24px!important;padding:7px!important;}
 #usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub{grid-template-columns:minmax(0,1fr)!important;}
 #usergate .mdnaHomeStack>.mdnaBottomTools{margin-top:13px!important;}
 #usergate .mdnaHomeStack>.mdnaBottomTools .toolGrid{gap:7px 6px!important;}
 #usergate .mdnaHomeStack>.mdnaBottomTools .toolCard{padding:4px 7px!important;}
}
@media(max-width:390px){
 #usergate .mdnaHomeStack>.mdnaBottomTools .toolCard b{font-size:9.5px!important;}
}
@media(prefers-reduced-motion:reduce){
 #usergate .mdnaHomeStack>.mdnaBottomTools .toolCard{transition:none!important;}
}
/* Compact only the excess whitespace on short laptop displays. */
@media(min-width:701px) and (max-height:820px){
 #usergate .userbox .loginSiteName{margin-bottom:6px!important;}
 #usergate #selfLoginArea.mdnaSelfJoin{
   margin:4px auto!important;
   padding:9px 13px 7px!important;
 }
 #usergate #selfLoginArea h2{margin-bottom:7px!important;}
 #usergate #selfLoginArea #codeinput{height:38px!important;min-height:38px!important;box-sizing:border-box!important;}
 #usergate #selfLoginArea .mdnaSelfJoinActions{margin-top:8px!important;}
 #usergate #selfLoginArea .mdnaAdminEntry{padding:3px 1px!important;}
 #usergate .mdnaHomeStack>.mdnaResourceSection{margin-top:22px!important;}
 #usergate .mdnaHomeStack>.mdnaBottomTools{margin-top:10px!important;}
 #usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub>.guidelinePanel,
 #usergate .mdnaHomeStack>.mdnaResourceSection .loginClinicalHub>.afpCombinedPanel{
   height:280px!important;max-height:280px!important;
 }
}