/* Title graphics Jeff supplies per page (leaderboard classes, leaderboard
   how-it-works, profile sheet).
   
   These live in `pages.body`, which is served inside the cloned WordPress theme
   — and that theme, not rise.css, is what these pages load. So the global
   `img{max-width:100%}` in rise.css does NOT reach them. Without the rule below
   a 1400px-wide banner would render at its intrinsic width and push the page
   sideways on a phone, which is the exact complaint Jeff raised about images
   not scaling. Scoped to two classes so it cannot affect theme styling. */
.rse-page-banner {
  display: block;
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin: 0 auto 18px;
  border-radius: 8px;
}
.rse-profile-example {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto 18px;
  border: 1px solid #e3e8e7;
  border-radius: 6px;
}