/* ============================================================
   Revonexis v3.3.7 — Method Page Contrast & Visual System Sync
   Scoped fix only: makes .scope-box a true light-system card when
   nested inside .rx-light-section — the Method pages' "Where should
   you start?" / "Mistä kannattaa aloittaa?" / "Kust peaksid alustama?"
   section. Verified against every other page that uses .scope-box
   (revenue-leak-snapshot.html, growth-opportunity-scan.html,
   ai-search-readiness-scan.html, workflows.html, thank-you.html, all
   three languages) — none of them nest .scope-box inside
   .rx-light-section, so this fix cannot affect their dark-card
   behaviour. Only the Method pages place .scope-box inside the light
   "start" section, which is why this bug was Method-page-only.

   Root cause: .scope-box p (storefront_additions.css, color: var(--text))
   and .rx-light-section p (v314_visual_system.css, color: var(--rx-light-text))
   share identical specificity — one class + one element each. Because
   v314_visual_system.css is linked after storefront_additions.css, its
   light-surface text token was winning the cascade and being painted
   on top of .scope-box's dark card background (--bg3), producing
   low-contrast dark grey-blue (--rx-light-text, tuned for readability
   on a LIGHT surface) on a dark navy card. Neither source rule was
   "wrong" on its own — the collision only exists at this one nested
   intersection, so neither .scope-box's own defaults nor
   .rx-light-section p's general rule were touched; only the
   intersection is scoped here.

   Fix direction: Revonexis_Visual_System_README.md v1.1 §16 (Nested
   Component Rule) and §17 (Method Page Component Rule) both prescribe
   converting the nested card to the light card system when the parent
   section is a decision/orientation section — which "Where should you
   start?" is. This follows the identical pattern already established
   by v322_founder_contrast_hotfix.css for .founder-card nested inside
   .rx-light-section.

   Loaded last (after v320_clarity_architecture.css, alongside
   v322_founder_contrast_hotfix.css and v323_lumidy_nav_bridge.css) so
   it wins the cascade without !important, consistent with that file's
   approach. No new fonts, no new colors, no new token names — reuses
   only the existing --rx-* light-system tokens already defined in
   v314_visual_system.css.
   ============================================================ */

.rx-light-section .scope-box {
  background: var(--rx-light-strong);
  border: 1px solid var(--rx-light-border);
  border-left: 2px solid var(--rx-cyan);
  box-shadow: 0 14px 35px rgba(16, 33, 60, 0.06);
}

.rx-light-section .scope-box-label {
  color: var(--rx-cyan-dark);
}

.rx-light-section .scope-box p {
  color: var(--rx-light-text);
}

.rx-light-section .scope-box a {
  color: var(--rx-cyan-dark);
}