.fed-sm-hidden{display:none!important}

/* Background mode is applied to the section itself. */
.fed-sm-light{background:#F4F3F0!important;color:#111!important}
.fed-sm-dark{background:#111!important;color:#fff!important}

/* Make the existing FED Hero respect the selected mode without changing
   its layout. Orange brand accents stay orange. */
#home.fed-sm-light,
#home.fed-sm-light :where(h1,h2,h3,h4,h5,h6,p,span,div){color:#111!important}
#home.fed-sm-dark,
#home.fed-sm-dark :where(h1,h2,h3,h4,h5,h6,p,span,div){color:#fff!important}
#home.fed-sm-light :where(.fed-hero-eyebrow,.fed-hero-kicker,.fed-hero-accent),
#home.fed-sm-dark :where(.fed-hero-eyebrow,.fed-hero-kicker,.fed-hero-accent){color:#FF6A00!important}

/* Keep links readable in both modes; explicit brand-orange elements remain orange. */
.fed-sm-light a{color:#111}
.fed-sm-dark a{color:#fff}
.fed-sm-light :where(.fed-orange,.fed-accent,.accent){color:#FF6A00}

/* Navigation items are managed independently of section DOM order. */
.fed-sm-nav-hidden{display:none!important}

/* v0.1.8: outer section spacing is injected inline by fed-section-manager.php so it loads after plugin critical CSS. */