/* forum-rewards.php: the forum's "rules of engagement" for earning Rune Credits. Built on the Sky Calendar's light band
   (css/sky-calendar.css, loaded first); colours are tokens, so the forest light band restyles it like the other pages. */
.fr-back { margin: 0 0 14px; font-size: calc(0.84375rem * var(--text-scale)); }
.fr-soon { margin: 20px 0 0; padding: 12px 16px; border: 1px solid var(--gold); border-radius: var(--card-radius-sm, 6px); background: rgba(var(--gold-rgb), .08);
           font-size: calc(0.90625rem * var(--text-scale)); line-height: 1.6; color: var(--bone); }
.fr-rules { margin: 0; padding: 0 0 0 1.2em; }
.fr-rules li { margin: 0 0 12px; font-size: calc(0.96875rem * var(--text-scale)); line-height: 1.65; color: var(--frost); }
.fr-rules li::marker { color: var(--gold); }
.fr-rules strong, .fr-text strong { color: var(--bone); }
.fr-text { margin: 0; font-size: calc(0.96875rem * var(--text-scale)); line-height: 1.65; color: var(--frost); }
.fr-small { display: block; margin-top: 4px; font-size: calc(0.84375rem * var(--text-scale)); line-height: 1.6; font-style: italic; color: var(--frost); }
p.fr-small { margin: 14px 0 0; }
.fr-cta { margin: 8px 0 0; }
.fr-btn { display: inline-block; min-height: 44px; padding: 11px 22px; border-radius: var(--btn-radius); background: var(--btn-bg); color: var(--btn-text);
          font-size: calc(0.875rem * var(--text-scale)); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; }
.fr-btn:hover { background: var(--btn-hover-bg); color: var(--btn-text); }
.fr-page .sc-lead { max-width: none; }   /* full content width, as every page (Kira's rule) */