/* Keep the card-derived plan prominent while entering the recharge account. */
.recharge-plan-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 24px 0 0;
  padding: 18px 20px;
  border-radius: 12px;
  background: #edf3e3;
  color: #36521c;
}
.recharge-plan-summary dt { font-size: 16px; font-weight: 500; line-height: 1.5; }
.recharge-plan-summary dd { margin: 0; font-size: 26px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
:root[data-theme=dark] .recharge-plan-summary { background: #25311c; color: #d4ecb4; }
.recharge-plan-summary + .session-guide { margin-top: 20px; }
@media (max-width: 760px) {
  .recharge-plan-summary { padding: 16px; gap: 8px 16px; }
  .recharge-plan-summary dd { font-size: 24px; }
}