/* Reflow the objective card into a readable footer instead of overlapping hotspots. */
.reference-home .ref-objective {
  height: 17.6% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 18% 34% 12% 22% !important;
  gap: 1.5% 2% !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding: 2.5% 6% 2% !important;
  overflow: visible !important;
}
.reference-home .ref-objective > * {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}
.reference-home .ref-objective-heading { grid-area: 1 / 1 / 2 / 3 !important; }
.reference-home .ref-objective-copy {
  grid-area: 2 / 1 / 3 / 3 !important;
  align-self: center !important;
  line-height: 1.22 !important;
}
.reference-home .ref-objective .ref-goalbar {
  grid-area: 3 / 1 / 4 / 2 !important;
  width: 100% !important;
  height: 6px !important;
}
.reference-home .ref-objective .ref-goalcount {
  grid-area: 3 / 2 / 4 / 3 !important;
  white-space: nowrap !important;
  font-size: clamp(10px, 2.2cqw, 16px) !important;
}
.reference-home .ref-objective .ref-goalbutton {
  grid-area: 4 / 1 / 5 / 3 !important;
  justify-self: center !important;
  width: 72% !important;
  min-height: 19px !important;
  font: clamp(11px, 2.2cqw, 17px)/1 Georgia, serif !important;
}
/* Give the weekly card's action a complete final grid row inside the frame. */
.reference-home .ref-weekly-oath {
  height: 17.6% !important;
  grid-template-rows: 16% 26% 11% 13% 22% !important;
  row-gap: 1% !important;
}
.reference-home .weekly-oath-button {
  min-height: 19px !important;
  font: clamp(11px, 2.2cqw, 17px)/1 Georgia, serif !important;
}