.rewards-page .guide-content { max-width: 760px; }
.rewards-page .guide-content h2 { margin: 0; font-size: 31px; }
.rewards-back { display: inline-block; margin-bottom: 36px; color: #84333d; font-weight: 650; }
.reward-wallet-card, .reward-balance-card {
  margin: 20px 0; padding: 24px; border: 1px solid #e2d5c5; border-radius: 12px;
  background: #fffaf2;
}
.reward-balance { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.reward-balance strong { font: 31px Georgia, serif; color: #84333d; }
.reward-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 12px; }
.reward-actions:empty { display: none; }
.reward-btn, #reward-amount {
  display: inline-flex; align-items: center; min-height: 44px; padding: 8px 15px;
  background: #f3e9dc; border: 1px solid #ded0be; border-radius: 6px;
  color: #593b32; font: 600 13px/1.35 Inter, system-ui, sans-serif;
}
.reward-btn:hover:not(:disabled) { background: #eaddcb; }
.reward-btn.primary { background: #762d36; border-color: #762d36; color: #fff9f0; }
.reward-btn.primary:hover:not(:disabled) { background: #65252e; }
.reward-btn:disabled { opacity: .55; cursor: default; }
.rewards-page [hidden] { display: none; }
#reward-form, #reward-pending, #reward-paid { margin-top: 18px; border-top: 1px solid #e5d7c9; padding-top: 14px; }
#reward-form label { display: block; font-size: 13px; font-weight: 600; }
#reward-amount { width: 136px; background: #fffdf8; }
#reward-wallet-address, #reward-paid { overflow-wrap: anywhere; }
#reward-feedback { min-height: 2em; margin-top: 8px; color: #762d36; }
#reward-paid a { text-decoration: underline; }
@media (max-width: 480px) {
  .reward-wallet-card, .reward-balance-card { padding: 17px; }
  .rewards-page .guide-content h2 { font-size: 25px; }
}