/*
 * ja_nexora — Features page pixel-parity overlay
 * Scoped to .nx-page-features (body class applied by the ACM {loadposition} wrapper).
 * Loaded only on the Features page via default.php addStyleSheet detection.
 * DO NOT add rules that affect shared components across pages.
 */

/* ── Feature icon tile: per-card accent colour cycling (3-step: accent / accent-3 / accent-2) ──
   The shared scss/template.css (.acm-features-intro .feature-ico) forces all icons to
   --color-primary !important, overriding the generic nth-child colour cycle.
   Override here with higher specificity + !important to restore the .pen colour per card:
     card 1,4 → accent (#3B82F6 dark / #2563EB light)   [default .feature-ico rule]
     card 2,5 → accent-3 / emerald (#10B981 / #059669)
     card 3,6 → accent-2 / secondary (#6366F1 / #5B57E0)
*/
.nx-page-features .sec-feature-grid .feature-grid .feature-card:nth-child(3n+2) .feature-ico {
  background: rgb(var(--color-accent-3-rgb) / 0.14) !important;
  color: var(--color-accent-3) !important;
}
.nx-page-features .sec-feature-grid .feature-grid .feature-card:nth-child(3n+3) .feature-ico {
  background: rgb(var(--color-secondary-rgb) / 0.14) !important;
  color: var(--color-secondary) !important;
}

/* ── Feature icon tile background: use --color-card-2 (#181A33 dark / #EEF1F8 light) not
   --color-surface-2 (#1A1C36 dark) which resolves to a slightly different hue. ── */
.nx-page-features .sec-feature-grid .feature-ico {
  background: var(--color-card-2) !important;
}

/* ── OPERATE split eyebrow: design = #10B981 (accent-3 / emerald).
   The generic .acm-feature-split:not(.is-reverse) .eyebrow rule has specificity 0,3,0
   which beats .nx-page-features .eyebrow-operate (0,2,0). Use !important to win. ── */
.nx-page-features .eyebrow-operate {
  color: var(--nx-emerald) !important;
}

/* ── Stats dividers: .pen shows height:60px; base rule has 56px. ── */
@media (min-width: 700px) {
  .nx-page-features .sec-stats .stat + .stat::before {
    height: 60px;
  }
}

/* ── CTA card title: .pen = 48px; .acm-cta .cta-card-title (later cascade) forces 50px.
   The .nx-page-features scoped rule has equal specificity but loses to the later rule.
   Use !important to enforce the design value. ── */
.nx-page-features .cta-card-title {
  font-size: 48px !important;
}