/*
Theme Name: BIOTEEQ Texas Child
Theme URI: https://bioteeqtexas.com
Description: Child theme for BIOTEEQ Texas website, based on generatepress.
Author: BIOTEEQ Texas
Author URI: https://bioteeqtexas.com
Template: generatepress
Version: 1.0.0
Text Domain: bioteeqtexas-child
*/

/* ============================================================================
   SHARED CSS — consolidated here exactly once (enqueued site-wide via functions.php).

   Only rules that are BYTE-FOR-BYTE IDENTICAL across the files that contain them
   AND that do NOT collide with the homepage's stylesheet were consolidated. The
   homepage (conversion-concept base) uses a separate, compact CSS dialect with a
   different :root (e.g. --gray-text:#3F4A55 / --gray-muted:#5C6670 and no --space-*
   scale), so its base/header/footer/button/container/typography rules are byte-different
   from the commercial/science files and remain page-specific. The commercial and
   science files also diverge in several specifics. As a result, the genuinely-shared,
   safely-consolidatable set is the small group below (present in commercial-services
   AND science-data, absent from the homepage). See the build report for the full
   page-specific list and the :root divergences kept separate.

   These rules consume CSS custom properties (--tx, --amber, --space-sm) that are
   defined in each page's page-specific :root (in its template <style>); custom
   properties resolve regardless of source order, so this file is safe loaded after.
   ============================================================================ */

.header-stack {
  position: sticky;
  top: 0;
  z-index: 200;
}

.eyebrow--light { color: rgba(255, 255, 255, 0.65); }

.arrow { transition: transform var(--tx); }
.btn:hover .arrow { transform: translateX(3px); }

.evidence-stat {
  border-left: 3px solid var(--amber);
  padding-left: var(--space-sm);
}

.evidence-stat--full { grid-column: 1 / -1; }

.reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; }
}