/* NESkills Step 76 unified inner-page brand system
   Device: desktop
   Range: 1121px and above
   Shared-surface architecture only; no page-specific patch rules.
*/
/* Canonical variables: ../../global.css */
/* Approved Home/Contact reference foundation. These two pages do not use .sitewide-sync. */
html{background:var(--surface-dark)}
body:not(.sitewide-sync){background:var(--surface-paper);color:var(--text-on-light);font-family:var(--sans);font-size:16px;line-height:1.5}
body:not(.sitewide-sync) .shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}
body:not(.sitewide-sync) .site-header{height:70px;padding:0 max(24px,calc((100vw - 1280px)/2));background:rgba(5,13,21,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}
body:not(.sitewide-sync) .brand{gap:10px}body:not(.sitewide-sync) .brand img{width:42px;height:42px}body:not(.sitewide-sync) .brand strong{font-size:19px;line-height:1}body:not(.sitewide-sync) .brand small{margin-top:4px;color:var(--orange-bright);font-size:8px;letter-spacing:.2em;font-weight:700}
body:not(.sitewide-sync) .desktop-nav{gap:32px;font-size:13px;font-weight:600}body:not(.sitewide-sync) .desktop-nav>a:not(.nav-cta){padding:25px 0 21px;color:#eef2f5}body:not(.sitewide-sync) .desktop-nav>a:not(.nav-cta)::after{bottom:0;background:var(--orange-bright)}
body:not(.sitewide-sync) .nav-cta{min-height:44px;padding:0 20px;border:1px solid #ff701c;border-radius:7px;background:linear-gradient(135deg,var(--orange),var(--orange-bright));color:var(--surface-dark);box-shadow:0 8px 22px rgba(255,100,20,.25);font-size:13px;font-weight:700}
body:not(.sitewide-sync) main h1{font-family:var(--serif);font-size:66px;font-weight:500;line-height:.9;letter-spacing:-.035em}body:not(.sitewide-sync) main h2{font-family:var(--serif);font-size:42px;font-weight:500;line-height:1;letter-spacing:-.025em}body:not(.sitewide-sync) main :is(h3,h4,h5,h6){font-family:var(--serif);font-weight:500}
body:not(.sitewide-sync) .dark-section{background:var(--surface-dark);color:var(--text-on-dark)}
body:not(.sitewide-sync) .dark-section :is(h1,h2,h3,h4,strong){color:var(--text-on-dark)}
body:not(.sitewide-sync) :is(.page-section,.home-v2-section){padding-top:54px;padding-bottom:58px}
body:not(.sitewide-sync) .faq-section{background:var(--surface-paper);color:var(--text-on-light)}
body.home-page :is(.home-v2-icon-card,.home-v2-proof-card,.home-v2-reach-card,.home-v2-path-card){border-radius:9px}
body:not(.sitewide-sync) :is(.button-primary,.nav-cta,.cta-actions .primary,.page-cta .primary,.footer-v3-demo,.hero-actions .primary,.contact-submit,.form-submit){min-height:44px;border:1px solid var(--orange);border-radius:7px;background:linear-gradient(135deg,var(--orange),var(--orange-bright));color:var(--surface-dark);box-shadow:0 9px 24px rgba(255,93,10,.28);font-family:var(--sans);font-size:13px;font-weight:700}
body:not(.sitewide-sync) :is(.button-ghost,.button-secondary,.cta-actions .secondary,.page-cta .secondary,.hero-actions .secondary){min-height:44px;border:1px solid rgba(255,255,255,.65);border-radius:7px;background:transparent;color:#fff;font-family:var(--sans);font-size:13px;font-weight:700}
body:not(.sitewide-sync) .site-footer.site-footer-v3{background:#040d14;border-top:1px solid rgba(255,255,255,.09);color:#C7D0D6}body:not(.sitewide-sync) .footer-v3-desktop{padding-top:30px;padding-bottom:20px}body:not(.sitewide-sync) .footer-v3-grid{gap:28px}body:not(.sitewide-sync) .site-footer-v3 h3{color:#fff;font-size:10px;letter-spacing:.08em}body:not(.sitewide-sync) :is(.footer-v3-column a,.footer-v3-contact>a,.footer-v3-contact>span,.footer-v3-brand>p){color:#C7D0D6}body:not(.sitewide-sync) .footer-v3-brand-link small{color:var(--orange-bright)}body:not(.sitewide-sync) :is(.footer-v3-contact>a,.footer-v3-contact>span){border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:7px}body:not(.sitewide-sync) .footer-v3-legal{border-color:rgba(255,255,255,.08)}

/* Shared inner-page system. Home, Contact and Reach are intentionally outside .sitewide-sync. */
body.sitewide-sync{background:var(--surface-paper);color:var(--text-on-light);font-family:var(--sans)}
body.sitewide-sync ::selection{background:var(--teal);color:var(--surface-dark)}

/* Hero and primary dark anchors. */
body.sitewide-sync:not(.specialization-template) :is(.dark-section,.service-hero,.authority-hero,.method-hero,.insight-hero,.insights-index-hero,.utility-hero,.reach-hero){
  background:var(--surface-hero);color:var(--text-on-dark)
}
body.sitewide-sync:not(.specialization-template) :is(.service-hero,.authority-hero,.method-hero,.insight-hero,.insights-index-hero,.utility-hero,.reach-hero)::before{
  background:radial-gradient(circle at 86% 8%,rgba(24,191,255,.10),transparent 34%),radial-gradient(circle at 45% 0%,rgba(255,181,59,.06),transparent 24%),linear-gradient(180deg,var(--surface-hero),#071722)
}
body.sitewide-sync:not(.specialization-template) :is(.service-hero,.authority-hero,.method-hero,.insight-hero,.insights-index-hero,.utility-hero,.reach-hero) :is(h1,h2,h3,strong){color:#fff}
body.sitewide-sync:not(.specialization-template) :is(.service-hero,.authority-hero,.method-hero,.insight-hero,.insights-index-hero,.utility-hero,.reach-hero) :is(p,li,small,.service-hero-lead,.insight-hero-lead,.reach-hero-lead){color:var(--text-muted-dark)}
body.sitewide-sync:not(.specialization-template) :is(.service-hero,.authority-hero,.method-hero,.insight-hero,.insights-index-hero,.utility-hero,.reach-hero) :is(.eyebrow,.section-kicker,.insight-kicker,.authority-eyebrow,.utility-eyebrow,.reach-eyebrow){color:var(--orange-bright)}

/* Warm proof/reassurance separators. */
body.sitewide-sync:not(.specialization-template) :is(.authority-strip,.reach-proof-strip,.trust-accreditation-section,.insight-direct-answer){
  background:var(--surface-proof);color:var(--text-on-light);border-color:var(--border-light-strong)
}
body.sitewide-sync:not(.specialization-template) :is(.authority-strip,.reach-proof-strip,.trust-accreditation-section,.insight-direct-answer) :is(h2,h3,h4,strong){color:var(--text-on-light)}
body.sitewide-sync:not(.specialization-template) :is(.authority-strip,.reach-proof-strip,.trust-accreditation-section,.insight-direct-answer) :is(p,li,small){color:var(--text-muted-light)}
body.sitewide-sync:not(.specialization-template) :is(.authority-grid>span,.reach-proof-grid>span,.trust-accreditation-card,.trust-award-panel){
  background:linear-gradient(145deg,var(--card-dark-strong),var(--card-dark));color:var(--text-on-dark);border-color:var(--border-dark);box-shadow:0 14px 30px rgba(30,25,20,.16),inset 0 1px 0 rgba(255,255,255,.045)
}
body.sitewide-sync:not(.specialization-template) :is(.authority-grid>span,.reach-proof-grid>span,.trust-accreditation-card,.trust-award-panel) :is(h2,h3,h4,strong){color:#fff}
body.sitewide-sync:not(.specialization-template) :is(.authority-grid>span,.reach-proof-grid>span,.trust-accreditation-card,.trust-award-panel) :is(p,li,small){color:var(--text-muted-dark)}

/* Core paper and sand surfaces. */
body.sitewide-sync:not(.specialization-template) :is(.light-section,.page-section.light-section,.insights-featured,.utility-content,.creatives-close,.reach-section-light,.insight-tone-paper,.insight-tone-white){
  background:var(--surface-paper);color:var(--text-on-light)
}
body.sitewide-sync:not(.specialization-template) :is(.sand-section,.page-section.sand-section,.insights-library,.reach-section-sand,.insight-tone-sand){
  background:var(--surface-sand);color:var(--text-on-light)
}
body.sitewide-sync:not(.specialization-template) .insight-tone-warm{background:var(--surface-proof);color:var(--text-on-light)}
body.sitewide-sync:not(.specialization-template) :is(.light-section,.sand-section,.insights-featured,.insights-library,.utility-content,.creatives-close,.reach-section-light,.reach-section-sand,.insight-tone-paper,.insight-tone-white,.insight-tone-sand,.insight-tone-warm) :is(h1,h2,h3,h4,h5,h6,summary,strong,label){color:var(--text-on-light)}
body.sitewide-sync:not(.specialization-template) :is(.light-section,.sand-section,.insights-featured,.insights-library,.utility-content,.creatives-close,.reach-section-light,.reach-section-sand,.insight-tone-paper,.insight-tone-white,.insight-tone-sand,.insight-tone-warm) :is(p,li,dd,small,figcaption){color:var(--text-muted-light)}
body.sitewide-sync:not(.specialization-template) :is(.light-section,.sand-section,.insights-featured,.insights-library,.utility-content,.creatives-close,.reach-section-light,.reach-section-sand,.insight-tone-paper,.insight-tone-white,.insight-tone-sand,.insight-tone-warm) :is(.eyebrow,.section-kicker,.insight-kicker,.authority-eyebrow,.utility-eyebrow,.reach-eyebrow){color:var(--accent-on-light)}
body.sitewide-sync:not(.specialization-template) .reach-section-light + .reach-section-light{background:var(--surface-sand)}

/* Elevated slate modules: practice, method and dark feature bands. */
body.sitewide-sync:not(.specialization-template) :is(.spotlight-section,.reach-section-dark,.insight-tone-dark,.method-section){
  background:radial-gradient(circle at 78% 0%,rgba(24,191,255,.07),transparent 34%),var(--surface-dark-alt);color:var(--text-on-dark)
}
body.sitewide-sync:not(.specialization-template) :is(.spotlight-section,.reach-section-dark,.insight-tone-dark,.method-section) :is(h1,h2,h3,h4,strong){color:#fff}
body.sitewide-sync:not(.specialization-template) :is(.spotlight-section,.reach-section-dark,.insight-tone-dark,.method-section) :is(p,li,small){color:var(--text-muted-dark)}
body.sitewide-sync:not(.specialization-template) :is(.spotlight-section,.reach-section-dark,.insight-tone-dark,.method-section) :is(.eyebrow,.section-kicker,.insight-kicker,.reach-eyebrow){color:var(--orange-bright)}

/* Standard light cards. */
body.sitewide-sync:not(.specialization-template) :is(.service-card,.path-card,.programme-detail-card,.verification-card,.record-card,.entity-card,.identifier-card,.layer-card,.method-map-card,.inclusion-card,.channel-card,.new-contact-form,.insights-card,.insight-card,.insight-related-card,.insight-sidebar-card,.insight-service-card,.insight-author-card,.insights-featured-card,.reach-info-card,.reach-related-card,.media-story,.verification-card,.entity-card,.utility-aside,.creatives-close-inner){
  background:var(--card-light);color:var(--text-on-light);border-color:var(--border-light);box-shadow:0 12px 28px rgba(66,45,33,.075),inset 0 1px 0 #fff
}
body.sitewide-sync:not(.specialization-template) :is(.service-card,.path-card,.programme-detail-card,.verification-card,.record-card,.entity-card,.identifier-card,.layer-card,.method-map-card,.inclusion-card,.channel-card,.new-contact-form,.insights-card,.insight-card,.insight-related-card,.insight-sidebar-card,.insight-service-card,.insight-author-card,.insights-featured-card,.reach-info-card,.reach-related-card,.media-story,.utility-aside,.creatives-close-inner) :is(h2,h3,h4,strong,label,summary){color:var(--text-on-light)}
body.sitewide-sync:not(.specialization-template) :is(.service-card,.path-card,.programme-detail-card,.verification-card,.record-card,.entity-card,.identifier-card,.layer-card,.method-map-card,.inclusion-card,.channel-card,.new-contact-form,.insights-card,.insight-card,.insight-related-card,.insight-sidebar-card,.insight-service-card,.insight-author-card,.insights-featured-card,.reach-info-card,.reach-related-card,.media-story,.utility-aside,.creatives-close-inner) :is(p,li,small){color:var(--text-muted-light)}

/* Dark cards inside slate modules. */
body.sitewide-sync:not(.specialization-template) :is(.spotlight-section,.reach-section-dark,.insight-tone-dark,.method-section) :is(.service-card,.path-card,.reach-feature-card,.method-map-card,.insight-card,.insight-sidebar-card,.video-proof,.spotlight-list article,.method-steps li){
  background:linear-gradient(145deg,var(--card-dark-strong),var(--card-dark));color:var(--text-on-dark);border-color:var(--border-dark);box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)
}
body.sitewide-sync:not(.specialization-template) :is(.spotlight-section,.reach-section-dark,.insight-tone-dark,.method-section) :is(.service-card,.path-card,.reach-feature-card,.method-map-card,.insight-card,.insight-sidebar-card,.video-proof,.spotlight-list article,.method-steps li) :is(h2,h3,h4,strong){color:#fff}
body.sitewide-sync:not(.specialization-template) :is(.spotlight-section,.reach-section-dark,.insight-tone-dark,.method-section) :is(.service-card,.path-card,.reach-feature-card,.method-map-card,.insight-card,.insight-sidebar-card,.video-proof,.spotlight-list article,.method-steps li) :is(p,li,small){color:var(--text-muted-dark)}
body.sitewide-sync:not(.specialization-template) .method-steps{border:0}
body.sitewide-sync:not(.specialization-template) .method-steps li{border-style:solid;border-width:1px;border-radius:10px}

/* Four-accent micro-border cadence. */
body.sitewide-sync:not(.specialization-template) :is(.service-card,.path-card,.record-card,.entity-card,.identifier-card,.layer-card,.authority-card,.insights-card,.reach-info-card,.reach-related-card,.reach-feature-card,.media-story,.method-map-card):nth-child(4n+1){border-top-color:var(--orange)}
body.sitewide-sync:not(.specialization-template) :is(.service-card,.path-card,.record-card,.entity-card,.identifier-card,.layer-card,.authority-card,.insights-card,.reach-info-card,.reach-related-card,.reach-feature-card,.media-story,.method-map-card):nth-child(4n+2){border-top-color:var(--teal)}
body.sitewide-sync:not(.specialization-template) :is(.service-card,.path-card,.record-card,.entity-card,.identifier-card,.layer-card,.authority-card,.insights-card,.reach-info-card,.reach-related-card,.reach-feature-card,.media-story,.method-map-card):nth-child(4n+3){border-top-color:var(--emerald)}
body.sitewide-sync:not(.specialization-template) :is(.service-card,.path-card,.record-card,.entity-card,.identifier-card,.layer-card,.authority-card,.insights-card,.reach-info-card,.reach-related-card,.reach-feature-card,.media-story,.method-map-card):nth-child(4n){border-top-color:var(--gold)}
body.sitewide-sync:not(.specialization-template) .method-steps li:nth-child(5n+1){border-left-color:var(--orange)}
body.sitewide-sync:not(.specialization-template) .method-steps li:nth-child(5n+2){border-left-color:var(--teal)}
body.sitewide-sync:not(.specialization-template) .method-steps li:nth-child(5n+3){border-left-color:var(--emerald)}
body.sitewide-sync:not(.specialization-template) .method-steps li:nth-child(5n+4){border-left-color:var(--gold)}
body.sitewide-sync:not(.specialization-template) .method-steps li:nth-child(5n){border-left-color:var(--orange-bright)}

/* Hero/media panels. */
body.sitewide-sync:not(.specialization-template) :is(.service-hero-visual,.insight-hero-panel,.system-visual,.contact-visual){
  background:linear-gradient(145deg,var(--card-dark-strong),var(--card-dark));color:var(--text-on-dark);border-color:rgba(255,181,59,.38);box-shadow:0 24px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)
}
body.sitewide-sync:not(.specialization-template) :is(.service-hero-visual,.insight-hero-panel,.system-visual,.contact-visual) :is(h2,h3,h4,strong){color:#fff}
body.sitewide-sync:not(.specialization-template) :is(.service-hero-visual,.insight-hero-panel,.system-visual,.contact-visual) :is(p,small){color:var(--text-muted-dark)}

/* FAQ and form controls. */
body.sitewide-sync:not(.specialization-template) :is(.faq-section,.insight-faq,.utility-actions,.insight-faq-section){background:var(--surface-paper);color:var(--text-on-light)}
body.sitewide-sync:not(.specialization-template) :is(.faq-item,.insight-faq-item,.reach-faq-list details){background:var(--card-light);border-color:var(--border-light);color:var(--text-on-light);box-shadow:0 7px 20px rgba(37,28,20,.055)}
body.sitewide-sync:not(.specialization-template) :is(.faq-item,.insight-faq-item,.reach-faq-list details) :is(summary,h3,strong){color:var(--text-on-light)}
body.sitewide-sync:not(.specialization-template) :is(.faq-item,.insight-faq-item,.reach-faq-list details) :is(p,li,small){color:var(--text-muted-light)}
body.sitewide-sync input,body.sitewide-sync textarea,body.sitewide-sync select{background:#fff;border-color:#6F7D86;color:var(--text-on-light)}
body.sitewide-sync input::placeholder,body.sitewide-sync textarea::placeholder{color:#59636B;opacity:1}

/* Creatives alternates after its dark hero instead of stacking dark-on-dark. */
body.sitewide-sync.utility-creatives-page .creatives-story{background:var(--surface-sand);color:var(--text-on-light)}
body.sitewide-sync.utility-creatives-page .creatives-story :is(h2,h3,h4,strong){color:var(--text-on-light)}
body.sitewide-sync.utility-creatives-page .creatives-story :is(p,li,small){color:var(--text-muted-light)}
body.sitewide-sync.utility-creatives-page .creatives-capability{background:linear-gradient(145deg,var(--card-dark-strong),var(--card-dark));border-color:var(--border-dark);color:var(--text-on-dark);box-shadow:0 14px 30px rgba(30,25,20,.16)}
body.sitewide-sync.utility-creatives-page .creatives-capability :is(h3,strong){color:#fff}
body.sitewide-sync.utility-creatives-page .creatives-capability p{color:var(--text-muted-dark)}
body.sitewide-sync.utility-creatives-page .creatives-capability span{color:var(--gold)}

/* CTA and footer anchor. */
body.sitewide-sync :is(.cta-strip,section.page-cta,.reach-cta,.insight-final-cta){
  background:radial-gradient(circle at 82% 10%,rgba(24,191,255,.10),transparent 34%),linear-gradient(115deg,var(--surface-dark),var(--surface-dark-alt));color:var(--text-on-dark);border-top-color:rgba(255,181,59,.14)
}
body.sitewide-sync :is(.cta-strip,section.page-cta,.reach-cta,.insight-final-cta) :is(h2,h3,strong){color:#fff}
body.sitewide-sync :is(.cta-strip,section.page-cta,.reach-cta,.insight-final-cta) :is(p,small){color:var(--text-muted-dark)}
body.sitewide-sync .site-footer.site-footer-v3{background:#040d14;border-top:1px solid rgba(255,255,255,.09);color:#C7D0D6}
body.sitewide-sync .footer-v3-desktop{padding-top:30px;padding-bottom:20px}
body.sitewide-sync .footer-v3-grid{gap:28px}
body.sitewide-sync .site-footer-v3 h3{color:#fff;font-size:10px;letter-spacing:.08em}
body.sitewide-sync :is(.footer-v3-column a,.footer-v3-contact>a,.footer-v3-contact>span,.footer-v3-brand>p){color:#C7D0D6}
body.sitewide-sync .footer-v3-brand-link small{color:var(--orange-bright)}
body.sitewide-sync :is(.footer-v3-contact>a,.footer-v3-contact>span){border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:7px}
body.sitewide-sync .footer-v3-legal{border-color:rgba(255,255,255,.08)}

/* Buttons: WCAG-safe dark text on orange, light text on dark secondary controls. */
body.sitewide-sync :is(.button-primary,.nav-cta,.cta-actions .primary,.page-cta .primary,.footer-v3-demo,.hero-actions .primary,.form-submit){
  border-color:var(--orange);background:linear-gradient(135deg,var(--orange),var(--orange-bright));color:var(--surface-dark);box-shadow:0 9px 24px rgba(255,93,10,.25)
}
body.sitewide-sync :is(.button-ghost,.button-secondary,.cta-actions .secondary,.page-cta .secondary,.hero-actions .secondary){border-color:rgba(255,255,255,.70);background:transparent;color:#fff}
body.sitewide-sync:not(.specialization-template) :is(.light-section,.sand-section,.faq-section,.utility-content,.utility-actions,.insights-featured,.insights-library,.reach-section-light,.reach-section-sand,.insight-tone-paper,.insight-tone-white,.insight-tone-sand,.insight-tone-warm) :is(.button-ghost,.button-secondary,.secondary,.utility-dark-ghost){background:#fff;border-color:#536574;color:var(--surface-dark)}

/* Accent links on light surfaces. */
body.sitewide-sync:not(.specialization-template) :is(.light-section,.sand-section,.faq-section,.utility-content,.utility-actions,.insights-featured,.insights-library,.reach-section-light,.reach-section-sand,.insight-tone-paper,.insight-tone-white,.insight-tone-sand,.insight-tone-warm) a:not(.button-primary):not(.button-secondary):not(.button-ghost):not(.primary):not(.secondary):not(.nav-cta):not(.footer-v3-demo):not(.form-submit){color:var(--accent-on-light)}

body.sitewide-sync .shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}
body.sitewide-sync main h1{font-family:var(--serif);font-size:66px;font-weight:500;line-height:.92;letter-spacing:-.035em}
body.sitewide-sync main h2{font-family:var(--serif);font-size:42px;font-weight:500;line-height:1;letter-spacing:-.025em}
body.sitewide-sync main :is(h3,h4,h5,h6){font-family:var(--serif)}
body.sitewide-sync:not(.specialization-template) :is(.eyebrow,.section-kicker,.insight-kicker,.reach-eyebrow,.authority-eyebrow,.utility-eyebrow){font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
body.sitewide-sync:not(.specialization-template) :is(.page-section,.reach-section,.insights-featured,.insights-library,.utility-content,.creatives-story,.creatives-close){padding-top:54px;padding-bottom:58px}
body.sitewide-sync:not(.specialization-template) :is(.service-hero,.authority-hero,.method-hero,.utility-hero){padding-top:132px;padding-bottom:58px}
body.sitewide-sync :is(.button-primary,.nav-cta,.cta-actions .primary,.page-cta .primary,.footer-v3-demo,.hero-actions .primary,.form-submit,.button-ghost,.button-secondary,.cta-actions .secondary,.page-cta .secondary,.hero-actions .secondary){min-height:42px;border-width:1px;border-style:solid;border-radius:7px;font-size:13px;font-weight:700}
body.sitewide-sync:not(.specialization-template) :is(.service-hero-visual,.insight-hero-panel,.programme-detail-card,.service-card,.path-card,.authority-card,.verification-card,.record-card,.entity-card,.identifier-card,.layer-card,.method-map-card,.reach-feature-card,.reach-info-card,.reach-related-card,.insights-card,.insight-card,.insight-related-card,.insight-sidebar-card,.insight-service-card,.insight-author-card,.channel-card,.new-contact-form,.system-visual,.proof-photo,.video-proof,.insights-featured-card){border-radius:9px}
body.sitewide-sync:not(.specialization-template) .service-hero-visual{padding:18px}
body.sitewide-sync:not(.specialization-template) .service-hero-visual img{height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:7px}