/* Keep the approved architecture connected to its financial routes on narrow screens. */
@media (max-width: 980px) {
  #sd-hero-sheet .re-composition { margin-top: 24px; }
  #sd-hero-sheet .re-stage { width: 100%; max-width: 560px; height: 725px; margin-inline: auto; }
  #sd-hero-sheet .re-canvas { width: 100%; height: 725px; }
  #sd-hero-sheet .re-label { white-space: normal; }
  #sd-hero-sheet .re-label strong { font-size: 20px; line-height: 1.2; }
  #sd-hero-sheet .re-label span:not(.re-overline) { margin-top: 5px; font-size: 14px; line-height: 1.4; }
  #sd-hero-sheet .re-overline { margin-bottom: 7px; font-size: 10px; line-height: 1.45; }
  #sd-hero-sheet .re-reserve { top: 0; left: 0; width: 100%; text-align: center; }
  #sd-hero-sheet .re-reserve strong { font-size: 22px; }
  #sd-hero-sheet .re-members { top: 279px; left: 40px; width: 56%; max-width: none; }
  #sd-hero-sheet .re-pool { top: 369px; left: 40px; width: clamp(140px, 43%, 230px); max-width: none; }
  #sd-hero-sheet .fw-surplus { top: 500px; left: 40px; width: calc(100% - 64px); max-width: none; }
  #sd-hero-sheet .fw-surplus small { max-width: none; margin-top: 6px; font-size: 11px; }
  #sd-hero-sheet .fw-accrual { display: block; top: 274px; left: auto; right: 14px; font-size: 11px; }
  #sd-hero-sheet .fw-cash-label { display: none; }
  #sd-hero-sheet .fw-dividend-label { top: 610px; right: auto; left: 40px; width: calc(100% - 70px); text-align: left; }
  #sd-hero-sheet .fw-growth-label { top: 666px; left: 40px; width: calc(100% - 64px); }
  #sd-hero-sheet .fw-dividend-label strong,
  #sd-hero-sheet .fw-growth-label strong { font-size: 14px; line-height: 1.4; }
  #sd-hero-sheet .fw-dividend-label span,
  #sd-hero-sheet .fw-growth-label span { margin-top: 4px; font-size: 12px; line-height: 1.4; }
  #sd-hero-sheet .re-storyline { margin-top: 6px; gap: 12px; }
  #sd-hero-sheet [data-re-status] { font-size: 13px; }
  #sd-hero-sheet[data-renderer="fallback"] .re-stage { height: auto; }
}
