/* site-mode.css — Feature flag visibility
 * Elements with .prelaunch-only are visible in prelaunch mode, hidden in live mode.
 * Elements with .live-only are visible in live mode, hidden in prelaunch mode.
 * Default (before JS runs): prelaunch mode shown, live mode hidden.
 *
 * Uses conditional selectors so live-only elements revert to their natural
 * display values (flex, grid, inline-flex, etc.) in live mode without needing
 * per-element !important overrides.
 */

/* Default + prelaunch: hide live-only elements.
   This selector is inactive when data-site-mode="live", so each element's
   own display value takes effect naturally in live mode. */
html:not([data-site-mode="live"]) .live-only {
    display: none;
}

/* Live mode: hide prelaunch-only elements */
[data-site-mode="live"] .prelaunch-only {
    display: none;
}