/* Shared page-visual-card rules own size, typography and label styling. */
#homeScreen .hub-grid { grid-auto-rows: 1fr !important; }
#openLearningModulesCard.hub-learning {
  min-width: 0;
  color: #073247;
  text-decoration: none;
  background-image: url('/public/images/home/learning-modules-r95.webp') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
#openLearningModulesCard .learning-action { display: none !important; }
#homeScreen #openLearningModulesCard > div { max-width: min(100%, 19rem) !important; }
#homeScreen #openLearningModulesCard p { max-width: 100% !important; }
#openLearningModulesCard .learning-caption {
  position: absolute !important;
  left: 12px;
  bottom: 6px;
  width: auto !important;
  max-width: 45% !important;
  margin: 0 !important;
  padding: 4px 7px !important;
  border: 1px solid #ffffff88;
  border-radius: 6px;
  color: #073247 !important;
  background: #fffffff0;
  font: 750 10px/1.25 system-ui !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-wrap: balance;
  z-index: 2;
}
#openLearningModulesCard::after {
  content: attr(data-construction-label);
  position: absolute;
  inset: auto 10px 6px auto;
  width: auto;
  height: auto;
  max-width: 45%;
  padding: 4px 7px;
  border: 1px solid #70582044;
  border-left: 5px solid #7b622c;
  border-radius: 5px;
  background: #f1d58c;
  color: #253b32;
  font: 800 10px/1.25 system-ui;
  letter-spacing: .025em;
  text-align: center;
  transform: none;
  box-shadow: 0 2px 8px #09251a22;
  pointer-events: none;
  z-index: 2;
}
#openLearningModulesCard:focus-visible { outline: 3px solid #d8ad50; outline-offset: -5px; }