/*
 * NXT GEN WEB | Brand palette compliance — Nov 2026
 * Uses the approved 13-color palette: four greens (neon for accents), five grays, white, off-white, charcoal and black.
 * Scope: site UI, industries directory and industry editorial components.
 * Deliberately excludes image assets, SVG scenes, per-industry hero art,
 * motion storyboards, campaign examples, logos and portfolio brand artwork.
 */

/* Shared content controls, without flattening page-specific visual systems. */
body.ng-chrome :is(.ngx,.ngi-main,.ngcity,.ngm,.ngh,.ngw-design,.ngce,.nsu)
  :is(a,button,input,select,textarea,summary):focus-visible {
  outline-color:var(--ngw-logo-green);
}
body.ng-chrome .ngx :is(.ngx-kicker,.ngx-crumb) {
  color:var(--ngw-dark-gray);
}

/* Industries hub: replace old forest-green and pastel-rainbow UI. */
body.page-id-7131 .ngi-hero {
  background:linear-gradient(155deg,var(--ngw-white),var(--ngw-off-white)) !important;
}
body.page-id-7131 .ngi-hero h1 > span {
  color:var(--ngw-charcoal);
  text-decoration:underline;
  text-decoration-color:var(--ngw-logo-green);
  text-decoration-thickness:.075em;
  text-underline-offset:.12em;
}
body.page-id-7131 .ngid-directory {
  background:var(--ngw-off-white);
  color:var(--ngw-charcoal);
}
body.page-id-7131 .ngid-directory .ngid-heading h2,
body.page-id-7131 .ngid-group-top h3,
body.page-id-7131 .ngid-copy strong { color:var(--ngw-charcoal); }
body.page-id-7131 .ngid-heading h2 em {
  color:var(--ngw-charcoal);
  text-decoration:underline;
  text-decoration-color:var(--ngw-logo-green);
  text-underline-offset:.1em;
  text-decoration-thickness:.065em;
}
body.page-id-7131 .ngid-heading>div:first-child>p:last-child,
body.page-id-7131 .ngid-group-top p,
body.page-id-7131 .ngid-copy small,
body.page-id-7131 .ngid-status,
body.page-id-7131 .ngid-outro p,
body.page-id-7131 .ngid-empty p { color:var(--ngw-dark-gray); }
body.page-id-7131 .ngid-count {
  background:var(--ngw-charcoal);
  border-color:var(--ngw-charcoal);
}
body.page-id-7131 .ngid-count strong { color:var(--ngw-lime-green); }
body.page-id-7131 .ngid-count span,
body.page-id-7131 .ngid-count small { color:var(--ngw-white); }
body.page-id-7131 .ngid-tools {
  background:var(--ngw-white);
  border-color:var(--ngw-light-gray);
}
body.page-id-7131 .ngid-search {
  background:var(--ngw-off-white);
  border-color:var(--ngw-medium-gray);
}
body.page-id-7131 .ngid-search:focus-within {
  border-color:var(--ngw-logo-green);
  box-shadow:0 0 0 3px #84C04128;
}
body.page-id-7131 .ngid-search svg { stroke:var(--ngw-charcoal); }
body.page-id-7131 .ngid-search input { color:var(--ngw-charcoal); }
body.page-id-7131 .ngid-search input::placeholder { color:var(--ngw-dark-gray); }
body.page-id-7131 .ngid-clear {
  background:var(--ngw-light-gray);
  color:var(--ngw-charcoal);
}
body.page-id-7131 .ngid-clear:hover { background:var(--ngw-lime-green); }
body.page-id-7131 .ngid-filters button {
  background:var(--ngw-white);
  border-color:var(--ngw-medium-gray);
  color:var(--ngw-charcoal);
}
body.page-id-7131 .ngid-filters button:hover {
  background:var(--ngw-off-white);
  border-color:var(--ngw-logo-green);
}
body.page-id-7131 .ngid-filters button[aria-pressed="true"] {
  background:var(--ngw-charcoal);
  border-color:var(--ngw-charcoal);
  color:var(--ngw-white);
}
body.page-id-7131 .ngid-group-top,
body.page-id-7131 .ngid-outro { border-color:var(--ngw-medium-gray); }
body.page-id-7131 .ngid-num,
body.page-id-7131 .ngid-total { color:var(--ngw-dark-gray); }
body.page-id-7131 .ngid-card {
  background:var(--ngw-white);
  color:var(--ngw-charcoal);
  border-color:var(--ngw-light-gray);
}
body.page-id-7131 .ngid-card:hover { border-color:var(--ngw-logo-green); }
body.page-id-7131 .ngid-group .ngid-icon {
  background:var(--ngw-light-gray);
  color:var(--ngw-charcoal);
}
body.page-id-7131 .ngid-group:nth-child(3n+2) .ngid-icon {
  background:var(--ngw-soft-green);
  color:var(--ngw-charcoal);
}
body.page-id-7131 .ngid-group:nth-child(3n+3) .ngid-icon {
  background:var(--ngw-lime-green);
  color:var(--ngw-charcoal);
}
body.page-id-7131 .ngid-arrow,
body.page-id-7131 .ngid-empty a,
body.page-id-7131 .ngid-outro a { color:var(--ngw-charcoal); }
body.page-id-7131 .ngid-outro a:hover,
body.page-id-7131 .ngid-empty a:hover { text-decoration-color:var(--ngw-logo-green); }
body.page-id-7131 .ngid-empty {
  background:var(--ngw-white);
  border-color:var(--ngw-medium-gray);
}
body.page-id-7131 .ngid-directory :is(a,button,input):focus-visible {
  outline-color:var(--ngw-logo-green);
}

/* Industries hub: three conversion cards use brand surfaces (not sage). */
body.page-id-7131 .ngid-approach { background:var(--ngw-charcoal); }
body.page-id-7131 .ngid-approach .ngx-kicker,
body.page-id-7131 .ngid-approach h2 em,
body.page-id-7131 .ngid-approach__bottom a { color:var(--ngw-lime-green); }
body.page-id-7131 .ngid-approach__header>p,
body.page-id-7131 .ngid-approach__bottom p { color:var(--ngw-light-gray); }
body.page-id-7131 .ngx .ngid-approach__card--web {
  background:var(--ngw-pure-black);
  border-color:var(--ngw-dark-gray);
  color:var(--ngw-white);
}
body.page-id-7131 .ngx .ngid-approach__card--seo {
  background:var(--ngw-white);
  border-color:var(--ngw-light-gray);
  color:var(--ngw-charcoal);
}
body.page-id-7131 .ngx .ngid-approach__card--ads {
  background:var(--ngw-lime-green);
  border-color:var(--ngw-lime-green);
  color:var(--ngw-charcoal);
}

/* Industry landing pages: editorial structure across every /industries/* page. */
/* Backgrounds and content cards only; hero illustrations keep unique art palettes. */
body.ng-chrome .ngi-main .ngi-hero {
  background:var(--ngw-off-white);
}
body.ng-chrome .ngi-main .ngi-industry-card,
body.ng-chrome .ngi-main .ngx-grid > .ngx-card {
  background:var(--ngw-white);
  border-color:var(--ngw-light-gray);
}
body.ng-chrome .ngi-main .ngx-grid > .ngx-card :is(h3,h4),
body.ng-chrome .ngi-main .ngi-industry-card h3 { color:var(--ngw-charcoal); }
body.ng-chrome .ngi-main .ngx-grid > .ngx-card p { color:var(--ngw-dark-gray); }
body.ng-chrome .ngi-main .ngi-industry-card:hover { border-color:var(--ngw-logo-green); }
body.ng-chrome .ngi-main :is(.ngi-icon,.ngi-hero-icon) {
  background:var(--ngw-light-gray);
  color:var(--ngw-charcoal);
}
body.ng-chrome .ngi-main .ngi-hub-art { background:var(--ngw-charcoal); }
body.ng-chrome .ngi-main .ngi-board { border-color:var(--ngw-medium-gray); }
body.ng-chrome .ngi-main .ngi-board-top {
  background:var(--ngw-light-gray);
  color:var(--ngw-charcoal);
  border-color:var(--ngw-medium-gray);
}

/* Premium industry editorial, independent of the illustration or animated demos. */
body.ng-chrome .ngi-main .ngdp-journey {
  background:var(--ngw-off-white);
}
body.ng-chrome .ngi-main .ngdp-architecture {
  background:var(--ngw-white);
}
body.ng-chrome .ngi-main .ngdp-seo {
  background:var(--ngw-light-gray);
}
body.ng-chrome .ngi-main .ngdp-section {
  color:var(--ngw-charcoal);
}
body.ng-chrome .ngi-main .ngdp-section-heading h2 {
  color:var(--ngw-charcoal)!important;
}
body.ng-chrome .ngi-main .ngdp-section-heading h2 em {
  color:var(--ngw-charcoal);
  text-decoration:underline;
  text-decoration-color:var(--ngw-logo-green);
  text-decoration-thickness:.07em;
  text-underline-offset:.12em;
}
body.ng-chrome .ngi-main .ngdp-kicker,
body.ng-chrome .ngi-main .ngdp-eyebrow {
  color:var(--ngw-charcoal)!important;
}
body.ng-chrome .ngi-main .ngdp-section-lead p { color:var(--ngw-dark-gray)!important; }
body.ng-chrome .ngi-main .ngdp-note { color:var(--ngw-dark-gray); }
body.ng-chrome .ngi-main .ngdp-storyboard {
  background:var(--ngw-charcoal);
  border-color:var(--ngw-charcoal);
}
body.ng-chrome .ngi-main .ngdp-story-label,
body.ng-chrome .ngi-main .ngdp-question-list > p,
body.ng-chrome .ngi-main .ngdp-question-list > div > span,
body.ng-chrome .ngi-main .ngdp-question-list svg {
  color:var(--ngw-lime-green)!important;
  stroke:var(--ngw-lime-green);
}
body.ng-chrome .ngi-main .ngdp-demo {
  background:var(--ngw-off-white);
}
body.ng-chrome .ngi-main .ngdp-demo-bar,
body.ng-chrome .ngi-main .ngdp-demo-nav {
  background:var(--ngw-light-gray);
  border-color:var(--ngw-medium-gray);
  color:var(--ngw-charcoal);
}
body.ng-chrome .ngi-main .ngdp-demo-nav button { color:var(--ngw-charcoal); }
body.ng-chrome .ngi-main .ngdp-demo-nav button[aria-pressed="true"] {
  background:var(--ngw-soft-green);
  color:var(--ngw-charcoal);
}
body.ng-chrome .ngi-main .ngdp-demo-nav button[aria-pressed="true"]::after {
  background:var(--ngw-logo-green);
}
body.ng-chrome .ngi-main .ngdp-search-clusters,
body.ng-chrome .ngi-main .ngdp-method,
body.ng-chrome .ngi-main .ngdp-related-card {
  background:var(--ngw-white);
  border-color:var(--ngw-medium-gray);
}
body.ng-chrome .ngi-main .ngdp-related-card > span {
  background:var(--ngw-soft-green);
  color:var(--ngw-charcoal);
}
body.ng-chrome .ngi-main .ngdp-related-card strong { color:var(--ngw-charcoal); }
body.ng-chrome .ngi-main .ngdp-related-card b { color:var(--ngw-charcoal); }
body.ng-chrome .ngi-main .ngdp-related-card:hover { border-color:var(--ngw-logo-green); }
body.ng-chrome .ngi-main .ngdp-seo-playbook {
  background:var(--ngw-charcoal);
  color:var(--ngw-white);
}
body.ng-chrome .ngi-main .ngdp-playbook-kicker,
body.ng-chrome .ngi-main .ngdp-playbook-list b {
  color:var(--ngw-lime-green);
}
body.ng-chrome .ngi-main .ngdp-inline-cta,
body.ng-chrome .ngi-main .ngdp-related-heading > a {
  color:var(--ngw-charcoal)!important;
  text-decoration-color:var(--ngw-logo-green);
  border-bottom-color:var(--ngw-logo-green);
}

/* Industry-specific conversion module: branded frame, keep example art intact. */
body.ng-chrome .ngi-main .ngix-experience {
  background:var(--ngw-off-white);
}
body.ng-chrome .ngi-main .ngix-frame { background:var(--ngw-charcoal); }
body.ng-chrome .ngi-main .ngix-story h3 em,
body.ng-chrome .ngi-main .ngix-story-path i,
body.ng-chrome .ngi-main .ngix-story-path i::after { color:var(--ngw-lime-green); }
body.ng-chrome .ngi-main .ngix-preview-wrap {
  background-color:var(--ngw-light-gray);
}
body.ng-chrome .ngi-main .ngix-story > a { border-bottom-color:var(--ngw-logo-green); }

/* High-contrast details: preserve legibility on dark panels. */
body.ng-chrome .ngi-main .ngdp-story h3,
body.ng-chrome .ngi-main .ngdp-seo-playbook h3,
body.ng-chrome .ngi-main .ngix-story h3 { color:var(--ngw-white)!important; }
body.ng-chrome .ngi-main .ngdp-story > p:not(.ngdp-small),
body.ng-chrome .ngi-main .ngdp-seo-playbook > p { color:var(--ngw-light-gray)!important; }
@media(prefers-reduced-motion:reduce) {
  body.page-id-7131 .ngid-card,
  body.page-id-7131 .ngid-approach__card { transition:none; }
}