/**
 * ja_nexora — Team page pixel-parity overlay
 * Scope: .nx-page-team  (body class set by canvas article wrapper)
 * Source: pencil/nexora.pen O2n3tn (Page/Team) — verified 2026-06-20
 * Fix method: css overlay via addStyleSheet (team-page detection in default.php)
 * DO NOT edit scss/template.scss or acm/team/ — isolated overlay only.
 *
 * Defects fixed:
 *  T1  team-card padding 24→28px
 *  T2  team-card gap 8→14px
 *  T3  team-card border $border→$border-soft
 *  T4  team-name 20px/700→17px/600
 *  T5  team-role 14→13.5px
 *  T6  team-role dark color $text-muted→$text-dim (#6B7196)
 *  T7  avatar 120x120→72x72; initials 2.4rem→1.625rem (26px)
 *  T8  values section BG $bg→$bg-elev
 *  T9  values section 1px top+bottom $border-soft
 *  T10 values card padding 24→28px
 *  T11 CTA title 50→46px
 *  T12 CTA eyebrow letter-spacing 1.68→1.5px
 *  T13 Social icons SHARED-GAP (text emoji — CSS hide; logged separately)
 *  T14 Values eyebrow letter-spacing 1.44→1.2px (features-intro reuse override)
 *  T15 Values title 44→40px (features-intro reuse override)
 *  T16 Values icon colors: 3 distinct accents (gauge=#3B82F6, users=#10B981, lock=#6366F1)
 */

/* ── Team card: pad 28, gap 14, border-soft ─────────────────────────────── */
.nx-page-team .team-card {
  padding: 28px !important;
  gap: 14px !important;
  border-color: var(--color-border-soft) !important;
}

/* ── Team name: Geist 600 / 17px ─────────────────────────────────────────── */
.nx-page-team .team-name {
  font-size: 17px !important;
  font-weight: 600 !important;
}

/* ── Team role: 13.5px, $text-dim both modes ────────────────────────────── */
.nx-page-team .team-role {
  font-size: 13.5px !important;
  color: var(--color-text-dim, #888EA6) !important;
}

/* ── Avatar: 72×72 ───────────────────────────────────────────────────────── */
.nx-page-team .team-avatar {
  width: 72px !important;
  height: 72px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}
.nx-page-team .team-avatar .avatar-initials {
  font-size: 1.625rem !important; /* 26px — matches .pen monogram */
}

/* ── Social icons: hide text fallback, style as dim-color links ──────────── */
/* Note: text is 𝕏 / in (not SVG) — CSS cannot replace content;
   logged as SHARED-GAP T13. Style them to match .pen dim-color row */
.nx-page-team .team-social {
  gap: 10px !important;
  margin-top: 2px !important;
}
.nx-page-team .team-social a {
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: var(--color-text-dim, #888EA6) !important;
  text-decoration: none !important;
  font-family: var(--font-heading, "Geist", sans-serif) !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
}
.nx-page-team .team-social a:hover {
  color: var(--color-primary, #3B82F6) !important;
}

/* ── Values section (reuses .sec-feature-grid): $bg-elev band, NO section border
   (design's feature-grid has no top/bottom hairline) ───────────────────────── */
.nx-page-team .sec-feature-grid {
  background: var(--color-bg-alt, #101023) !important;
}

/* ── Values eyebrow: 12.5px ls1.2 (features-intro sets 12px ls1.44) ─────── */
.nx-page-team .sec-feature-grid .eyebrow {
  font-size: 12.5px !important;
  letter-spacing: 1.2px !important;
}

/* ── Values title: 40px (features-intro sets 44px) ─────────────────────── */
.nx-page-team .sec-feature-grid h2,
.nx-page-team .sec-feature-grid .section-title {
  font-size: 40px !important;
  letter-spacing: -1px !important;
  line-height: 1.1 !important;
}

/* ── Values card padding: 24→28px ───────────────────────────────────────── */
.nx-page-team .sec-feature-grid .feature-card {
  padding: 28px !important;
}

/* ── Values icon colors: cycling accent/accent-3/accent-2 per .pen ─────── */
/* Gauge (Reliability): $accent */
.nx-page-team .sec-feature-grid .feature-card:nth-child(3n+1) .feature-ico {
  color: var(--color-primary, #3B82F6) !important;
}
/* Users (Customer): $accent-3 */
.nx-page-team .sec-feature-grid .feature-card:nth-child(3n+2) .feature-ico {
  color: var(--color-accent-3, #10B981) !important;
}
/* Lock (Earned trust): $accent-2 */
.nx-page-team .sec-feature-grid .feature-card:nth-child(3n+3) .feature-ico {
  color: var(--color-secondary, #6366F1) !important;
}

/* ── CTA title: 50→46px ─────────────────────────────────────────────────── */
.nx-page-team .sec-cta-card .cta-card-title {
  font-size: 46px !important;
  letter-spacing: -1.5px !important;
}

/* ── CTA eyebrow: letter-spacing 1.5px (was 1.68px) ────────────────────── */
.nx-page-team .sec-cta-card .cta-card-eyebrow {
  letter-spacing: 1.5px !important;
  font-size: 12.5px !important;
}

/* ── Mobile (≤640px) ────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* Mobile team grid: 2-up with gap 14 per .pen gZFST */
  .nx-page-team .team-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
  .nx-page-team .team-card {
    padding: 18px !important;
    gap: 10px !important;
  }
  /* Avatar 64×64 per .pen mobile tYXRf (was 56 — off) */
  .nx-page-team .team-avatar {
    width: 64px !important;
    height: 64px !important;
  }
  .nx-page-team .team-avatar .avatar-initials {
    font-size: 1.375rem !important; /* ~22px */
  }
  /* Name Geist 15/700, role Inter 12 per .pen mobile LqDaC/XeTk4 */
  .nx-page-team .team-name {
    font-size: 15px !important;
    font-weight: 700 !important;
  }
  .nx-page-team .team-role {
    font-size: 12px !important;
  }
  /* Mobile values: uses $bg (not $bg-elev) per .pen kc9bz mobile frame */
  .nx-page-team .sec-feature-grid {
    background: var(--color-bg, #08080F) !important;
    border-top: none !important;
    border-bottom: none !important;
  }
  /* Mobile values cards: padding 20px per .pen V33AJG */
  .nx-page-team .sec-feature-grid .feature-card {
    padding: 20px !important;
  }
  /* Mobile CTA title */
  .nx-page-team .sec-cta-card .cta-card-title {
    font-size: 30px !important;
    letter-spacing: -1px !important;
  }
}

/* ── Tablet (641–1024px): 2-up grid ────────────────────────────────────── */
@media (min-width: 641px) and (max-width: 1024px) {
  .nx-page-team .team-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .nx-page-team .team-avatar {
    width: 64px !important;
    height: 64px !important;
  }
  .nx-page-team .team-avatar .avatar-initials {
    font-size: 1.375rem !important;
  }
}

/* ── T17  Social icons now render as SVG (ACM block upgraded from text emoji);
   .pen zv3YA icons are 16×16 lucide, dim color. Base ACM svg = 24px → pin 16.  */
.nx-page-team .team-social svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

/* ── T18  Avatar monogram = UNIFORM solid accent circle per .pen (UfzcG dark
   #3B82F6 / obGqp light #2563EB = var(--color-primary), flips per theme).
   The shared .team-avatar--1/2/3 classes paint blue/purple/teal gradients that
   match NEITHER the Team nor About .pen — override Team-scoped only.
   NOTE: About .pen avatar (I6otTS) is the same #3B82F6 base + a subtle 135deg
   white-alpha sheen — About likely has the SAME multi-gradient deviation; FLAG. */
.nx-page-team .team-avatar,
.nx-page-team .team-avatar.team-avatar--1,
.nx-page-team .team-avatar.team-avatar--2,
.nx-page-team .team-avatar.team-avatar--3 {
  background: var(--color-primary, #2563EB) !important;
  background-image: none !important;
}