/* ============================================================================
   Legendary Investors — Editorial section wrapper (2026-05-12 /kook-enhance)
   Uses canonical --fl-* tokens. Chart engine handles internal styling.
============================================================================ */

.fl-section.legendary-section {
  /* Site-wide cohesion: sections are NEVER painted — content floats on the
     flat page base; separation is the border-top hairline below. (Was
     `var(--fl-grad-legendary)`, a washed amber-tinted slate cast.)
     See CANONICAL-DARK-SURFACE-SPEC.md. */
  background: transparent;
  border: 0;
  border-top: 1px solid var(--fl-rule);
  border-radius: 0;
  box-shadow: none;
  padding: var(--fl-section-pad-y) var(--fl-section-pad-x);
  margin: var(--fl-section-margin) 0;
}

.legendary-section .fl-section-head {
  margin-bottom: var(--fl-space-20);
}

.legendary-chart-wrap {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: var(--fl-space-12) 0 0;
  border-top: 1px solid var(--fl-rule);
  width: 100%;
}

body.dark-mode .legendary-chart-wrap {
  background: transparent;
}