/* Remove the broad highlight; frame the selected navigation tile instead. */
nav#nav > a.active {
  background: transparent !important;
  box-shadow: none !important;
}
nav#nav > a.active::before {
  top: 0 !important;
  width: 9px !important;
  height: 9px !important;
  background: #ff9d32 !important;
  border: 1px solid #ffe1a0 !important;
  box-shadow: 0 0 4px 2px #ffad45, 0 0 9px 4px #e77b24b8 !important;
  opacity: 1 !important;
}
nav#nav > a.active::after {
  inset: 8% 5% 10% !important;
  border: 1px solid #e6a94f !important;
  border-image: url('assets/frame.svg') 25 fill stretch !important;
  background: linear-gradient(#f5a43c19, #bd702519) !important;
  box-shadow: inset 0 0 8px #ffb84859, 0 0 4px #ffc26177 !important;
  opacity: 1 !important;
  border-radius: 0 !important;
}
/* Match the lower buttons in the two home cards. */
.reference-home .ref-goalbutton,
.reference-home .weekly-oath-button {
  font-size: clamp(11px, 2.2cqw, 17px) !important;
  line-height: 1 !important;
  height: 14% !important;
}
.reference-home .ref-goalbutton { top: 82% !important; }
.reference-home .ref-objective { height: 19% !important; }
.reference-home .ref-weekly-oath { height: 19% !important; }
/* Cover lettering baked into the campaign-art sprite and label all seven as days. */
.campaign-path > button.campaign-card-art {
  aspect-ratio: .74 !important;
  overflow: hidden !important;
}
.campaign-path > button.campaign-card-5 { background-position: 2.1% 66% !important; }
.campaign-path > button.campaign-card-6 { background-position: 34.5% 66% !important; }
.campaign-path > button.campaign-card-7 { background-position: 66.8% 66% !important; }
.campaign-path > button.campaign-card-art::after {
  content: "" !important;
  position: absolute !important;
  left: 3% !important;
  right: 3% !important;
  bottom: 0 !important;
  height: 21% !important;
  background: linear-gradient(transparent, #100a05 28%, #100a05ee) !important;
  pointer-events: none !important;
}
.campaign-path > button.campaign-card-art > small {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2 !important;
  bottom: 3% !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  color: #f0d7aa !important;
  font: clamp(10px, 2.2cqw, 15px)/1 Georgia, serif !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.campaign-path > button.campaign-card-5 > small,
.campaign-path > button.campaign-card-6 > small,
.campaign-path > button.campaign-card-7 > small { color: #f0d7aa !important; }
/* Keep all seven reward tiles fully visible on narrow campaign screens. */
.campaign-content,
.campaign-path {
  overflow: visible !important;
}
.campaign-path {
  grid-auto-rows: auto !important;
  height: auto !important;
  max-height: none !important;
  padding-bottom: 10px !important;
}
.campaign-path > button.campaign-card-art {
  aspect-ratio: .72 !important;
  min-height: 96px !important;
}
.campaign-path > button.campaign-card-5 { background-position: 2.1% 70.8% !important; }
.campaign-path > button.campaign-card-6 { background-position: 34.5% 70.8% !important; }
.campaign-path > button.campaign-card-7 { background-position: 66.8% 70.8% !important; }