/* Match the six hit areas and highlights to the painted menu tiles. */
nav#nav > a:nth-child(n) { flex: 0 0 var(--tile-width) !important; }
nav#nav > a:nth-child(1) { --tile-width: 18.45%; }
nav#nav > a:nth-child(2) { --tile-width: 16.05%; }
nav#nav > a:nth-child(3) { --tile-width: 15.75%; }
nav#nav > a:nth-child(4) { --tile-width: 15.7%; }
nav#nav > a:nth-child(5) { --tile-width: 15.65%; }
nav#nav > a:nth-child(6) { --tile-width: 18.4%; }
nav#nav > a.active {
  background: transparent !important;
  box-shadow: none !important;
}
nav#nav > a:nth-child(n)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 12% 6% 13% !important;
  border-radius: 3px !important;
  background: radial-gradient(ellipse at center, #f4ac333b, #d9822015 65%, transparent) !important;
  box-shadow: inset 0 0 9px #f6a43338 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
nav#nav > a.active:nth-child(n)::after { opacity: 1 !important; }
/* Shared title geometry, independent of each card's body layout. */
.reference-home .ref-weekly-oath { border-width: 1.2cqw !important; }
.reference-home .ref-objective-heading,
.reference-home .weekly-oath-heading {
  grid-area: auto !important;
  position: absolute !important;
  inset: 7% 4% auto !important;
  width: auto !important;
  height: 18% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2% !important;
  font: 600 3.05cqw/1.15 Georgia, 'Times New Roman', serif !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
}
.reference-home .ref-objective-heading strong,
.reference-home .weekly-oath-heading strong { font: inherit !important; }
.reference-home .ref-objective-heading > span,
.reference-home .weekly-oath-heading > span { font-size: 3.8cqw !important; line-height: 1 !important; }