/* supplement.css — NECA-RPCE (Squarespace) — layer for Phase 4 visual fixes */

/*
 * Section 655d07d297f1141c2c4b731e uses Squarespace "generative contours"
 * background (BackgroundContours canvas). Without that FX rendering, the
 * section keeps --siteBackgroundColor (light grey) while the headline uses
 * --lightAccent (white) → unreadable. Provide a solid accent fallback that
 * matches the generative startColor (accent / navy).
 */
[data-section-id="655d07d297f1141c2c4b731e"] .section-background {
  background-color: hsl(var(--accent-hsl, 228.46, 44.32%, 34.51%)) !important;
  background-image:
    radial-gradient(ellipse 80% 60% at 20% 30%, hsla(var(--darkAccent-hsl, 189.16, 64.53%, 60.2%), 0.35), transparent 55%),
    radial-gradient(ellipse 70% 50% at 85% 70%, hsla(0, 0%, 100%, 0.12), transparent 50%),
    linear-gradient(160deg, hsl(var(--accent-hsl, 228.46, 44.32%, 34.51%)) 0%, hsl(228.46, 44%, 22%) 100%) !important;
}

[data-section-id="655d07d297f1141c2c4b731e"] .section-background-canvas {
  /* Keep canvas on top when JS paints; fallback shows through when empty */
  background: transparent;
}

[data-section-id="655d07d297f1141c2c4b731e"] .sqsrte-text-color--lightAccent,
[data-section-id="655d07d297f1141c2c4b731e"] .sqs-html-content h1 {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

[data-section-id="655d07d297f1141c2c4b731e"] .content-wrapper {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hide unused generative pause controls when canvas never boots */
[data-section-id="655d07d297f1141c2c4b731e"] .background-pause-button {
  display: none !important;
}