/*! NBC v6.653 · Global responsive design system · single owner for global layout, ambient, mobile containment and desktop editorial flow */
:root{--metric-size:0%;--pin-x:50%;--pin-y:50%;}

/* ==========================================================================
   GLOBAL LAYOUT
   ========================================================================== */
:root{
  /* Horizontal system */
  --nbc-shell-max:1680px;
  --nbc-shell-gutter:clamp(32px,2.75vw,64px);
  --nbc-shell-width:min(var(--nbc-shell-max),calc(100vw - (2 * var(--nbc-shell-gutter))));
  --nbc-content-max:1280px;
  --nbc-editorial-max:800px;
  --nbc-narrow-max:640px;

  /* Vertical rhythm — G1 corridors */
  --nbc-hero-exit:clamp(56px,4.4vw,80px);
  --nbc-section-compact:clamp(56px,4vw,72px);
  --nbc-section-standard:clamp(76px,5.5vw,100px);
  --nbc-section-feature:clamp(92px,6.2vw,112px);
  --nbc-heading-content-gap:clamp(22px,2vw,34px);
  --nbc-group-exit:clamp(52px,4.2vw,76px);
  --nbc-card-gap:clamp(18px,1.65vw,24px);

  /* Compatibility aliases: legacy components consume the G1 owner. */
  --nbc-desktop-shell-max:var(--nbc-shell-max);
  --nbc-desktop-shell-gutter:var(--nbc-shell-gutter);
  --nbc-desktop-shell-width:var(--nbc-shell-width);
  --nbc-layout-wide:var(--nbc-shell-max);
  --nbc-layout-standard:var(--nbc-content-max);
  --nbc-layout-editorial:var(--nbc-editorial-max);
  --nbc-layout-narrow:var(--nbc-narrow-max);
  --nbc-layout-gutter:var(--nbc-shell-gutter);
  --nbc-layout-section:var(--nbc-section-standard);
  --nbc-layout-section-compact:var(--nbc-section-compact);
  --nbc-layout-heading-gap:var(--nbc-heading-content-gap);
  --nbc-layout-grid-gap:var(--nbc-card-gap);
  --space-section:var(--nbc-section-standard);
  --space-section-compact:var(--nbc-section-compact);
  --section-gap:var(--nbc-section-standard);
  --section-space:var(--nbc-section-standard);
  --section-space-tight:var(--nbc-section-compact);
  --layout-gutter:var(--nbc-shell-gutter);
  --layout-max:var(--nbc-shell-max);
  --nbc-page-gutter:var(--nbc-shell-gutter);
  --nbc-gutter:var(--nbc-shell-gutter);
  --nbc-wide:var(--nbc-shell-max);
  --nbc-standard:var(--nbc-content-max);
  --nbc-editorial:var(--nbc-editorial-max);
  --nbc-editorial-width:var(--nbc-editorial-max);
  --nbc-narrow:var(--nbc-narrow-max);
  --nbc-section:var(--nbc-section-standard);
  --nbc-section-y:var(--nbc-section-standard);
  --nbc-section-y-compact:var(--nbc-section-compact);
  --nbc-group-gap:var(--nbc-card-gap);
}

html{
  scroll-padding-top:calc(var(--header-height,80px) + 20px);
}

body.page.design-system-executive{margin:0}
body.page.design-system-executive,
body.page.design-system-executive main.nbc-page-shell{
  width:100%;
  max-width:100%;
}
body.page.design-system-executive main.nbc-page-shell{
  overflow-x:clip;
}
body.page.design-system-executive main :where(section,article,div),
body.page.design-system-executive :where(.wrap,.sw,.pp-wrap,.dp-wrap,.nbc-layout-grid,.nbc-visual-stage)>*{
  min-width:0;
}
body.page.design-system-executive :where(img,picture,svg,canvas,video,iframe){
  max-width:100%;
}

/* --------------------------------------------------------------------------
   One outer axis: chrome, heroes, sections and long-form compositions.
   Internal reading measures remain component-owned. */
@media (min-width:1024px){
  body.page.design-system-executive .site-header > .wrap,
  body.page.design-system-executive .site-footer > .wrap,
  body.page.design-system-executive main > section > :is(.wrap,.sw,.pp-wrap,.dp-wrap,.home-service-choice__inner),
  body.page.design-system-executive main > .nbc-hero-bridge > .wrap,
  body.page.design-system-executive main > section > .nbc-hero-bridge > .wrap,
  body.page.design-system-executive main > section > .premium-hub-hero > .wrap,
  body.page.design-system-executive main > section > .premium-hub-landscape > .wrap,
  body.page.design-system-executive main > article > :is(.ep-hero,.ep-signature-stage) > .ep-hero-wrap,
  body.page.design-system-executive main > article > .ep-article-layout,
  body.page.design-system-executive main > article > .nbc-hero-bridge > .wrap,
  body.page.design-system-executive main > article.guide-html > :is(.guide-editorial-hero,section),
  body.page.design-system-executive.page-barometer #barometer > .wrap,
  body.page.design-system-executive.page-digital-check #digital-check > .wrap,
  body.page.design-system-executive.page-blog main.nbc-page-shell > section > .wrap,
  body.page.design-system-executive.page-diagnose main.nbc-page-shell > section > .wrap,
  body.page.design-system-executive.page-contact main.nbc-page-shell > section > .wrap,
  body.page.design-system-executive.page-about main.nbc-page-shell > section > .wrap,
  body.page.design-system-executive.page-home #situationen > .wrap{
    width:var(--nbc-shell-width);
    max-width:var(--nbc-shell-max);
    margin-inline:auto;
    box-sizing:border-box;
  }

  body.page.design-system-executive :is(.layout-wide,[data-layout-width="wide"]){
    width:var(--nbc-shell-width);
    max-width:var(--nbc-shell-max);
    margin-inline:auto;
  }
  body.page.design-system-executive :is(.layout-content,[data-layout-width="standard"]){
    width:min(var(--nbc-content-max),calc(100vw - (2 * var(--nbc-shell-gutter))));
    max-width:var(--nbc-content-max);
    margin-inline:auto;
  }
  body.page.design-system-executive :is(.layout-editorial,[data-layout-width="editorial"]){
    width:min(var(--nbc-editorial-max),calc(100vw - (2 * var(--nbc-shell-gutter))));
    max-width:var(--nbc-editorial-max);
    margin-inline:auto;
  }
  body.page.design-system-executive :is(.layout-narrow,[data-layout-width="narrow"]){
    width:min(var(--nbc-narrow-max),calc(100vw - (2 * var(--nbc-shell-gutter))));
    max-width:var(--nbc-narrow-max);
    margin-inline:auto;
  }
  body.page.design-system-executive main > article.guide-html{
    padding-inline:0;
  }
}

/* --------------------------------------------------------------------------
   Vertical system. Home composition is intentionally not re-authored in G1. */
@media (min-width:761px){
  body.page.design-system-executive:not(.page-home) main > :is(
    .nbc-section,
    .service-context-section,
    .service-editorial-section,
    .ac-section,
    .authority-section,
    .knowledge-direct-library,
    .knowledge-diagnostic,
    .evidence-library-grid-section,
    .case-film-section,
    .case-evidence-system,
    .case-related,
    .case-knowledge-container,
    .case-audit-trail,
    .case-next-step
  ){
    padding-block:var(--nbc-section-standard);
  }
  body.page.design-system-executive:not(.page-home) main > :is(.nbc-authority-strip,.nbc-hero-bridge){
    padding-block:var(--nbc-section-compact);
  }
  body.page.design-system-executive:not(.page-home) main > :is(
    .nbc-process-reality-section,
    .nbc-provider-proof-section,
    .nbc-delegation-probe-section,
    .authority-section--visual
  ){
    padding-block:var(--nbc-section-feature);
  }

  /* Hero → first-content spacing: readable exit, no oversized blank zone. */
  body.page.design-system-executive:not(.page-home) main > :is(
    .nbc-hero-system,
    .service-hero,
    .diagnose-hero,
    .oml-hero,
    .premium-hub-opening,
    .evidence-library-hero,
    .case2-index-hero,
    .case-dossier-hero,
    .knowledge-direct-hero,
    .knowledge-hub-direct-hero,
    .ep-signature-stage,
    .ep-hero,
    .ac-intake-hero,
    .ac-founder-hero,
    .local-hero,
    .decision-hub-hero,
    .decision-library-hero,
    .dg-hub-hero,
    .dg-page-hero,
    .legal-hero
  ){
    padding-bottom:var(--nbc-hero-exit);
  }
}

/* Heading → content rhythm. No heading receives a synthetic left offset here. */
body.page.design-system-executive main :is(
  .nbc-section-head,
  .service-section-head,
  .dx-section-head,
  .authority-head,
  .knowledge-section-head,
  .evidence-library-head,
  .case-section-head
){
  display:grid;
  gap:var(--nbc-heading-content-gap);
  align-content:start;
}
body.page.design-system-executive main :is(
  .nbc-section-head,
  .service-section-head,
  .dx-section-head,
  .authority-head,
  .knowledge-section-head,
  .evidence-library-head,
  .case-section-head
) > :is(h2,h3,p){
  margin-block:0;
}

/* Generic grid rhythm only; specialist instruments keep their own topology. */
body.page.design-system-executive main :is(
  .grid-cards,
  .related-grid,
  .proof-grid,
  .service-case-grid,
  .service-fit-grid,
  .knowledge-grid,
  .evidence-library-grid,
  .contact-process-grid,
  .contact-trust-grid,
  .branch-case-grid,
  .branch-read-grid
){
  gap:var(--nbc-card-gap);
}
body.page.design-system-executive main :is(
  .grid-cards,
  .related-grid,
  .proof-grid,
  .service-case-grid,
  .service-fit-grid,
  .knowledge-grid,
  .evidence-library-grid,
  .contact-process-grid,
  .contact-trust-grid,
  .branch-case-grid,
  .branch-read-grid
) > *{
  min-width:0;
}

/* Visual-stage geometry: component runtimes own drawing and motion, G1 owns bounds. */
body.page.design-system-executive [data-nbc-visual-stage],
body.page.design-system-executive .nbc-visual-stage{
  position:relative;
  inline-size:100%;
  max-inline-size:100%;
  min-inline-size:0;
  box-sizing:border-box;
  overflow:clip;
}
body.page.design-system-executive [data-nbc-visual-stage] :is(svg,canvas),
body.page.design-system-executive .nbc-visual-stage :is(svg,canvas){
  max-inline-size:100%;
}

/* CTA alignment: one wrapping geometry, visual treatment stays component-owned. */
body.page.design-system-executive main :is(.hero-ctas,.hero-actions,.nbc-hero-actions,.nbc-section-actions){
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 14px;
}
body.page.design-system-executive main :is(.hero-ctas,.hero-actions,.nbc-hero-actions,.nbc-section-actions) > *{
  min-width:0;
}

/* --------------------------------------------------------------------------
   Mobile G1 rhythm. G10 may later redesign composition; these are only the
   global spacing and shell guarantees. */
@media (max-width:760px){
  :root{
    --nbc-shell-gutter:clamp(18px,5.2vw,22px);
    --nbc-shell-width:calc(100vw - (2 * var(--nbc-shell-gutter)));
    --nbc-hero-exit:clamp(48px,13vw,64px);
    --nbc-section-compact:clamp(44px,12vw,56px);
    --nbc-section-standard:clamp(56px,16vw,72px);
    --nbc-section-feature:clamp(64px,18vw,72px);
    --nbc-heading-content-gap:clamp(22px,6.2vw,30px);
    --nbc-group-exit:clamp(48px,14vw,64px);
    --nbc-card-gap:16px;

    --nbc-mobile-gutter:var(--nbc-shell-gutter);
    --nbc-mobile-section:var(--nbc-section-standard);
    --nbc-mobile-section-tight:var(--nbc-section-compact);
    --nbc-mobile-section-standard:var(--nbc-section-standard);
    --nbc-mobile-section-compact:var(--nbc-section-compact);
    --nbc-mobile-section-feature:var(--nbc-section-feature);
    --m-gutter:var(--nbc-shell-gutter);
    --m-section:var(--nbc-section-standard);
    --m-section-tight:var(--nbc-section-compact);
    --m-section-loose:var(--nbc-section-feature);
  }

  html{scroll-padding-top:calc(var(--header-height,66px) + 14px)}

  body.page.design-system-executive :is(.wrap,.sw),
  body.page.design-system-executive main > section > :is(.pp-wrap,.dp-wrap),
  body.page.design-system-executive main > .nbc-hero-bridge > .wrap,
  body.page.design-system-executive main > section > .nbc-hero-bridge > .wrap{
    width:var(--nbc-shell-width);
    max-width:none;
    margin-inline:auto;
    box-sizing:border-box;
  }

  body.page.design-system-executive:not(.page-home) main > :is(
    .nbc-section,
    .service-context-section,
    .service-editorial-section,
    .ac-section,
    .authority-section,
    .knowledge-direct-library,
    .knowledge-diagnostic,
    .evidence-library-grid-section,
    .case-film-section,
    .case-evidence-system,
    .case-related,
    .case-knowledge-container,
    .case-audit-trail,
    .case-next-step
  ){
    padding-block:var(--nbc-section-standard);
  }
  body.page.design-system-executive:not(.page-home) main > :is(.nbc-authority-strip,.nbc-hero-bridge){
    padding-block:var(--nbc-section-compact);
  }
  body.page.design-system-executive:not(.page-home) main > :is(
    .nbc-process-reality-section,
    .nbc-provider-proof-section,
    .nbc-delegation-probe-section,
    .authority-section--visual
  ){
    padding-block:var(--nbc-section-feature);
  }
  body.page.design-system-executive:not(.page-home) main > :is(
    .nbc-hero-system,
    .service-hero,
    .diagnose-hero,
    .oml-hero,
    .premium-hub-opening,
    .evidence-library-hero,
    .case2-index-hero,
    .case-dossier-hero,
    .knowledge-direct-hero,
    .knowledge-hub-direct-hero,
    .ep-signature-stage,
    .ep-hero,
    .ac-intake-hero,
    .ac-founder-hero,
    .local-hero,
    .decision-hub-hero,
    .decision-library-hero,
    .dg-hub-hero,
    .dg-page-hero,
    .legal-hero
  ){
    padding-bottom:var(--nbc-hero-exit);
  }

  body.page.design-system-executive main :is(.hero-ctas,.hero-actions,.nbc-hero-actions,.nbc-section-actions){
    gap:10px;
  }
}

@media (max-width:374px){
  :root{--nbc-shell-gutter:18px}
}

/* v6.559 · Technical stage layers are not layout children. Prevent the generic stage-child clamp from truncating local Ambilight. */
body.page.design-system-executive main .nbc-stage-ambilight{max-width:none;}


/* ==========================================================================
   AMBIENT SYSTEM
   ========================================================================== */
@layer nbc.ambient {
  :root{
    --nbc-ambient-critical:223 119 113;
    --nbc-ambient-strained:216 173 100;
    --nbc-ambient-stable:139 207 154;
    --nbc-ambient-neutral:134 153 143;
  }

  body.page.design-system-executive{
    position:relative;
    isolation:isolate;
    --ambient-primary-rgb:var(--nbc-ambient-neutral);
    --ambient-secondary-rgb:var(--nbc-ambient-neutral);
    --ambient-primary-x:14vw;
    --ambient-primary-y:-5vh;
    --ambient-primary-scale:1;
    --ambient-secondary-x:-16vw;
    --ambient-secondary-y:22vh;
    --ambient-secondary-scale:.94;
    --ambient-primary-opacity:.12;
    --ambient-secondary-opacity:.024;
  }

  /* Level 1 / 2 / 3 are perceptually different, with explicit values per semantic state. */
  body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="neutral"]{--ambient-primary-rgb:var(--nbc-ambient-neutral);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.075;--ambient-secondary-opacity:.014;}
  body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="stable"]{--ambient-primary-rgb:var(--nbc-ambient-stable);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.090;--ambient-secondary-opacity:.016;}
  body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="strained"]{--ambient-primary-rgb:var(--nbc-ambient-strained);--ambient-secondary-rgb:var(--nbc-ambient-critical);--ambient-primary-opacity:.105;--ambient-secondary-opacity:.018;}
  body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="critical"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.115;--ambient-secondary-opacity:.020;}
  body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="exception"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.112;--ambient-secondary-opacity:.022;}
  body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="neutral"]{--ambient-primary-rgb:var(--nbc-ambient-neutral);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.145;--ambient-secondary-opacity:.034;}
  body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="stable"]{--ambient-primary-rgb:var(--nbc-ambient-stable);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.171;--ambient-secondary-opacity:.037;}
  body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="strained"]{--ambient-primary-rgb:var(--nbc-ambient-strained);--ambient-secondary-rgb:var(--nbc-ambient-critical);--ambient-primary-opacity:.194;--ambient-secondary-opacity:.044;}
  body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="critical"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.215;--ambient-secondary-opacity:.050;}
  body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="exception"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.205;--ambient-secondary-opacity:.053;}
  body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="neutral"]{--ambient-primary-rgb:var(--nbc-ambient-neutral);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.215;--ambient-secondary-opacity:.052;}
  body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="stable"]{--ambient-primary-rgb:var(--nbc-ambient-stable);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.254;--ambient-secondary-opacity:.057;}
  body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="strained"]{--ambient-primary-rgb:var(--nbc-ambient-strained);--ambient-secondary-rgb:var(--nbc-ambient-critical);--ambient-primary-opacity:.288;--ambient-secondary-opacity:.068;}
  body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="critical"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.318;--ambient-secondary-opacity:.076;}
  body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="exception"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.300;--ambient-secondary-opacity:.081;}

  .nbc-ambient-field{
    position:fixed;inset:0;z-index:0;overflow:clip;pointer-events:none;-webkit-user-select:none;user-select:none;contain:strict;
    opacity:1;background:linear-gradient(180deg,rgb(7 11 9 / .16),rgb(7 11 9 / .026) 44%,rgb(7 11 9 / .15));
  }
  .nbc-ambient-field::before,.nbc-ambient-field::after{
    content:"";position:absolute;left:50%;top:50%;width:108vmax;height:88vmax;border-radius:50%;transform-origin:center;pointer-events:none;
    transition:opacity .92s cubic-bezier(.22,.61,.36,1),transform 1.05s cubic-bezier(.22,.61,.36,1),background .86s ease,filter .9s ease;
  }
  .nbc-ambient-field::before{
    opacity:var(--ambient-primary-opacity);transform:translate(calc(-50% + var(--ambient-primary-x)),calc(-50% + var(--ambient-primary-y))) scale(var(--ambient-primary-scale));
    background:radial-gradient(ellipse at center,rgb(var(--ambient-primary-rgb) / .72) 0%,rgb(var(--ambient-primary-rgb) / .28) 26%,rgb(var(--ambient-primary-rgb) / .07) 52%,transparent 74%);filter:saturate(1.06);
  }
  .nbc-ambient-field::after{
    opacity:var(--ambient-secondary-opacity);transform:translate(calc(-50% + var(--ambient-secondary-x)),calc(-50% + var(--ambient-secondary-y))) scale(var(--ambient-secondary-scale));
    background:radial-gradient(ellipse at center,rgb(var(--ambient-secondary-rgb) / .52) 0%,rgb(var(--ambient-secondary-rgb) / .15) 31%,transparent 70%);filter:blur(2px);
  }

  body.page.design-system-executive[data-ambient-current="hero"]{--ambient-primary-x:10vw;--ambient-primary-y:-8vh;--ambient-primary-scale:1.08;--ambient-secondary-x:-14vw;--ambient-secondary-y:18vh;--ambient-secondary-scale:.97;}
  body.page.design-system-executive[data-ambient-current="process"]{--ambient-primary-x:20vw;--ambient-primary-y:4vh;--ambient-primary-scale:1.03;--ambient-secondary-x:-20vw;--ambient-secondary-y:20vh;--ambient-secondary-scale:.91;}
  body.page.design-system-executive[data-ambient-current="instrument"],body.page.design-system-executive[data-ambient-current="diagnostic"]{--ambient-primary-x:18vw;--ambient-primary-y:8vh;--ambient-primary-scale:1.08;--ambient-secondary-x:-12vw;--ambient-secondary-y:22vh;--ambient-secondary-scale:.93;}
  body.page.design-system-executive[data-ambient-current="evidence"]{--ambient-primary-x:23vw;--ambient-primary-y:14vh;--ambient-primary-scale:1.01;--ambient-secondary-x:-13vw;--ambient-secondary-y:-3vh;--ambient-secondary-scale:1;}
  body.page.design-system-executive[data-ambient-current="editorial"]{--ambient-primary-x:-10vw;--ambient-primary-y:-10vh;--ambient-primary-scale:.95;--ambient-secondary-x:22vw;--ambient-secondary-y:23vh;--ambient-secondary-scale:.84;}
  body.page.design-system-executive[data-ambient-current="quiet"]{--ambient-primary-x:23vw;--ambient-primary-y:-7vh;--ambient-primary-scale:.90;--ambient-secondary-x:-22vw;--ambient-secondary-y:23vh;--ambient-secondary-scale:.82;}
  body.page.design-system-executive[data-ambient-current="region"]{--ambient-primary-x:-18vw;--ambient-primary-y:7vh;--ambient-primary-scale:1.03;--ambient-secondary-x:24vw;--ambient-secondary-y:-2vh;--ambient-secondary-scale:.95;}
  body.page.design-system-executive[data-ambient-current="decision"]{--ambient-primary-x:16vw;--ambient-primary-y:5vh;--ambient-primary-scale:1.04;--ambient-secondary-x:-15vw;--ambient-secondary-y:18vh;--ambient-secondary-scale:.91;}

  body.page.design-system-executive > main{position:relative;z-index:2;background-color:transparent;background-image:none;}
  body.page.design-system-executive > .site-footer{position:relative;z-index:2;}
  body.page.design-system-executive > .site-header,body.page.design-system-executive > #progress,body.page.design-system-executive > .fab{z-index:4;}

  /* Section-relative light: the content area owns a real light field instead of only changing a fixed page glow. */
  body.page.design-system-executive main.nbc-page-shell [data-ambient][data-ambient-state]{
    position:relative;isolation:isolate;--section-ambient-rgb:var(--nbc-ambient-neutral);--section-ambient-rgb-secondary:var(--nbc-ambient-neutral);
    --section-ambient-x:72%;--section-ambient-y:42%;--section-ambient-x2:25%;--section-ambient-y2:72%;--section-ambient-opacity:.10;--section-ambient-opacity2:.028;
  }
  body.page.design-system-executive main.nbc-page-shell [data-ambient][data-ambient-state] > :not(.nbc-page-section-ambilight){position:relative;z-index:1;}
  .nbc-page-section-ambilight{
    display:block;position:absolute;z-index:0;pointer-events:none;left:50%;top:50%;width:min(1720px,150vw);height:max(620px,128%);transform:translate(-50%,-50%) scale(.96);opacity:0;overflow:hidden;border-radius:44%;
    transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .88s cubic-bezier(.22,.61,.36,1),filter .72s ease;
    background:
      radial-gradient(circle at var(--section-ambient-x) var(--section-ambient-y),rgb(var(--section-ambient-rgb) / .54) 0%,rgb(var(--section-ambient-rgb) / .17) 18%,rgb(var(--section-ambient-rgb) / .042) 38%,transparent 62%),
      radial-gradient(circle at var(--section-ambient-x2) var(--section-ambient-y2),rgb(var(--section-ambient-rgb-secondary) / .30) 0%,rgb(var(--section-ambient-rgb-secondary) / .08) 24%,transparent 54%);
    filter:blur(24px) saturate(1.04);
  }
  [data-page-ambient-active="true"] > .nbc-page-section-ambilight{opacity:var(--section-ambient-opacity);transform:translate(-50%,-50%) scale(1);}
  body.page.design-system-executive main.nbc-page-shell [data-page-ambient-active="true"].light > .nbc-page-section-ambilight{opacity:.035;}

  /* Level contract for the local field. Runtime writes the resolved semantic state to data-ambilight-state. */
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="quiet"][data-ambilight-state="neutral"]{--section-ambient-rgb:var(--nbc-ambient-neutral);--section-ambient-rgb-secondary:var(--nbc-ambient-neutral);--section-ambient-opacity:.070;--section-ambient-opacity2:.018;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="quiet"][data-ambilight-state="stable"]{--section-ambient-rgb:var(--nbc-ambient-stable);--section-ambient-rgb-secondary:var(--nbc-ambient-neutral);--section-ambient-opacity:.082;--section-ambient-opacity2:.020;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="quiet"][data-ambilight-state="strained"]{--section-ambient-rgb:var(--nbc-ambient-strained);--section-ambient-rgb-secondary:var(--nbc-ambient-critical);--section-ambient-opacity:.091;--section-ambient-opacity2:.023;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="quiet"][data-ambilight-state="critical"]{--section-ambient-rgb:var(--nbc-ambient-critical);--section-ambient-rgb-secondary:var(--nbc-ambient-strained);--section-ambient-opacity:.099;--section-ambient-opacity2:.026;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="quiet"][data-ambilight-state="exception"]{--section-ambient-rgb:var(--nbc-ambient-critical);--section-ambient-rgb-secondary:var(--nbc-ambient-strained);--section-ambient-opacity:.094;--section-ambient-opacity2:.029;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="narrative"][data-ambilight-state="neutral"]{--section-ambient-rgb:var(--nbc-ambient-neutral);--section-ambient-rgb-secondary:var(--nbc-ambient-neutral);--section-ambient-opacity:.145;--section-ambient-opacity2:.036;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="narrative"][data-ambilight-state="stable"]{--section-ambient-rgb:var(--nbc-ambient-stable);--section-ambient-rgb-secondary:var(--nbc-ambient-neutral);--section-ambient-opacity:.168;--section-ambient-opacity2:.040;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="narrative"][data-ambilight-state="strained"]{--section-ambient-rgb:var(--nbc-ambient-strained);--section-ambient-rgb-secondary:var(--nbc-ambient-critical);--section-ambient-opacity:.189;--section-ambient-opacity2:.047;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="narrative"][data-ambilight-state="critical"]{--section-ambient-rgb:var(--nbc-ambient-critical);--section-ambient-rgb-secondary:var(--nbc-ambient-strained);--section-ambient-opacity:.206;--section-ambient-opacity2:.052;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="narrative"][data-ambilight-state="exception"]{--section-ambient-rgb:var(--nbc-ambient-critical);--section-ambient-rgb-secondary:var(--nbc-ambient-strained);--section-ambient-opacity:.194;--section-ambient-opacity2:.058;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="instrument"][data-ambilight-state="neutral"]{--section-ambient-rgb:var(--nbc-ambient-neutral);--section-ambient-rgb-secondary:var(--nbc-ambient-neutral);--section-ambient-opacity:.235;--section-ambient-opacity2:.060;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="instrument"][data-ambilight-state="stable"]{--section-ambient-rgb:var(--nbc-ambient-stable);--section-ambient-rgb-secondary:var(--nbc-ambient-neutral);--section-ambient-opacity:.272;--section-ambient-opacity2:.066;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="instrument"][data-ambilight-state="strained"]{--section-ambient-rgb:var(--nbc-ambient-strained);--section-ambient-rgb-secondary:var(--nbc-ambient-critical);--section-ambient-opacity:.305;--section-ambient-opacity2:.077;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="instrument"][data-ambilight-state="critical"]{--section-ambient-rgb:var(--nbc-ambient-critical);--section-ambient-rgb-secondary:var(--nbc-ambient-strained);--section-ambient-opacity:.333;--section-ambient-opacity2:.086;}
  body.page.design-system-executive main.nbc-page-shell [data-ambilight-level="instrument"][data-ambilight-state="exception"]{--section-ambient-rgb:var(--nbc-ambient-critical);--section-ambient-rgb-secondary:var(--nbc-ambient-strained);--section-ambient-opacity:.315;--section-ambient-opacity2:.094;}
  [data-ambient="hero"]{--section-ambient-x:72%;--section-ambient-y:20%;--section-ambient-x2:22%;--section-ambient-y2:74%;}
  [data-ambient="process"]{--section-ambient-x:30%;--section-ambient-y:46%;--section-ambient-x2:78%;--section-ambient-y2:70%;}
  [data-ambient="instrument"],[data-ambient="diagnostic"]{--section-ambient-x:72%;--section-ambient-y:46%;--section-ambient-x2:24%;--section-ambient-y2:67%;}
  [data-ambient="evidence"]{--section-ambient-x:78%;--section-ambient-y:50%;--section-ambient-x2:22%;--section-ambient-y2:26%;}
  [data-ambient="editorial"]{--section-ambient-x:24%;--section-ambient-y:28%;--section-ambient-x2:78%;--section-ambient-y2:72%;}
  [data-ambient="quiet"]{--section-ambient-x:73%;--section-ambient-y:35%;--section-ambient-x2:20%;--section-ambient-y2:75%;}
  [data-ambient="region"]{--section-ambient-x:30%;--section-ambient-y:56%;--section-ambient-x2:80%;--section-ambient-y2:24%;}
  [data-ambient="decision"]{--section-ambient-x:66%;--section-ambient-y:48%;--section-ambient-x2:25%;--section-ambient-y2:70%;}

  /* Local instrument Ambilight remains the sharpest layer but inherits the page level. */
  [data-nbc-visual-stage][data-stage-local-ambient="true"]{
    --nbc-stage-ambient-rgb:var(--nbc-ambient-stable);--nbc-stage-ambient-rgb-secondary:var(--nbc-ambient-neutral);
    --nbc-stage-ambient-state-x:52%;--nbc-stage-ambient-state-y:50%;--nbc-stage-ambient-secondary-x:72%;--nbc-stage-ambient-secondary-y:64%;
    --nbc-stage-ambient-intensity:.40;--nbc-stage-ambient-secondary-intensity:.12;--nbc-stage-ambient-spread:46%;
  }
  .nbc-stage-ambilight{position:absolute;inset:-8%;z-index:-2;overflow:hidden;pointer-events:none;opacity:1;border-radius:inherit;transition:opacity .38s ease;}
  .nbc-stage-ambilight::before,.nbc-stage-ambilight::after{content:"";position:absolute;inset:-18%;pointer-events:none;transition:background-position .82s cubic-bezier(.22,.61,.36,1),opacity .7s ease,filter .7s ease;}
  .nbc-stage-ambilight::before{opacity:var(--nbc-stage-ambient-intensity);background:radial-gradient(circle at var(--nbc-stage-ambient-state-x) var(--nbc-stage-ambient-state-y),rgb(var(--nbc-stage-ambient-rgb) / .72) 0%,rgb(var(--nbc-stage-ambient-rgb) / .26) 16%,rgb(var(--nbc-stage-ambient-rgb) / .078) 34%,transparent var(--nbc-stage-ambient-spread));filter:blur(24px) saturate(1.08);}
  .nbc-stage-ambilight::after{opacity:var(--nbc-stage-ambient-secondary-intensity);background:radial-gradient(circle at var(--nbc-stage-ambient-secondary-x) var(--nbc-stage-ambient-secondary-y),rgb(var(--nbc-stage-ambient-rgb-secondary) / .46) 0%,rgb(var(--nbc-stage-ambient-rgb-secondary) / .14) 21%,transparent 48%);filter:blur(36px);}
  [data-nbc-visual-stage][data-ambient-tone="critical"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-critical);}
  [data-nbc-visual-stage][data-ambient-tone="exception"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-critical);--nbc-stage-ambient-rgb-secondary:var(--nbc-ambient-strained);}
  [data-nbc-visual-stage][data-ambient-tone="strained"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-strained);}
  [data-nbc-visual-stage][data-ambient-tone="stable"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-stable);}
  [data-nbc-visual-stage][data-ambient-tone="neutral"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-neutral);}
  [data-nbc-visual-stage][data-stage-state="offscreen"] .nbc-stage-ambilight,[data-nbc-visual-stage][data-stage-state="dormant"] .nbc-stage-ambilight{opacity:.20;}
  [data-nbc-visual-stage][data-stage-state="paused"] .nbc-stage-ambilight{opacity:.42;}
  [data-nbc-visual-stage][data-stage-state="fallback"] .nbc-stage-ambilight{opacity:.34;}

  @media (max-width:760px){
    .nbc-ambient-field::before,.nbc-ambient-field::after{width:132vmax;height:96vmax;}
    body.page.design-system-executive .nbc-ambient-field{opacity:.72;}
    body.page.design-system-executive main.nbc-page-shell .nbc-page-section-ambilight{filter:blur(28px);}
    .nbc-page-section-ambilight{width:178vw;height:max(540px,118%);filter:blur(28px);}
    [data-nbc-visual-stage][data-stage-local-ambient="true"]{--nbc-stage-ambient-intensity:.32;--nbc-stage-ambient-secondary-intensity:.085;--nbc-stage-ambient-spread:52%;}
    body.page-home[data-m2-home-active="true"] .m2-home{background:rgb(7 16 11 / .80);}
    body.page-home[data-m2-home-active="true"] .m2-decisions{background:linear-gradient(180deg,rgb(7 16 11 / .83),rgb(9 20 14 / .79));}
    body.page-home[data-m2-home-active="true"] .m2-barometer{background:rgb(6 16 10 / .78);}
    body.page-home[data-m2-home-active="true"] .m2-personal{background:rgb(10 21 16 / .80);}
    body.page-home[data-m2-home-active="true"] .m2-final{background:rgb(6 16 10 / .78);}
  }

  @media (prefers-reduced-motion:reduce){
    .nbc-ambient-field::before,.nbc-ambient-field::after,.nbc-page-section-ambilight,.nbc-stage-ambilight,.nbc-stage-ambilight::before,.nbc-stage-ambilight::after{transition:none;animation:none;will-change:auto;}
    [data-nbc-visual-stage][data-stage-local-ambient="true"]{--nbc-stage-ambient-intensity:.27;--nbc-stage-ambient-secondary-intensity:.07;}
  }
  @media (prefers-reduced-transparency:reduce){
    .nbc-ambient-field::before{opacity:.055}.nbc-ambient-field::after{opacity:.012}.nbc-stage-ambilight{opacity:.24}
    body.page.design-system-executive main.nbc-page-shell [data-page-ambient-active="true"] > .nbc-page-section-ambilight{opacity:.035}
  }
  @media (prefers-contrast:more){
    .nbc-ambient-field::before{opacity:.05}.nbc-ambient-field::after{opacity:.010}
    body.page.design-system-executive main.nbc-page-shell [data-page-ambient-active="true"] > .nbc-page-section-ambilight{opacity:.03}
    [data-nbc-visual-stage][data-stage-local-ambient="true"] .nbc-stage-ambilight{opacity:.26}
  }
  @media print{.nbc-ambient-field,.nbc-page-section-ambilight,.nbc-stage-ambilight{display:none}}
}

/* Loaded last: legacy page-shell backgrounds must not mask the single G9 owner. */
body.page.design-system-executive > main{background-color:transparent;background-image:none;}


/* ==========================================================================
   MOBILE LAYOUT
   ========================================================================== */
@media (max-width:760px){
  /* Header controls: consistent thumb targets without changing the visual weight. */
  body.page.design-system-executive .nbc-mobile-header-cta{
    min-height:44px;
    padding-inline:13px;
  }
  body.page.design-system-executive .burger{
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
  }

  /* Homepage rhythm: fewer oversized surfaces, more editorial continuity. */
  body.page-home[data-m2-home-active="true"] .m2-section{
    padding-block:clamp(58px,15vw,66px);
  }
  body.page-home[data-m2-home-active="true"] .m2-section__eyebrow{
    margin-bottom:13px;
  }
  body.page-home[data-m2-home-active="true"] .m2-section__title{
    max-width:12ch;
    font-size:clamp(30px,8.15vw,34px);
    line-height:1.01;
  }
  body.page-home[data-m2-home-active="true"] .m2-section__intro{
    max-width:33ch;
    margin-top:15px;
    font-size:15.5px;
    line-height:1.56;
  }

  /* Hero: protect the proposition, tighten the handoff into the first content block. */
  body.page-home[data-m2-home-active="true"] .home-process-opening__hero{
    padding-bottom:88px!important;
  }
  body.page-home[data-m2-home-active="true"] .home-process-opening__lead--mobile{
    margin-top:18px;
    max-width:29ch;
  }
  body.page-home[data-m2-home-active="true"] .home-process-opening__actions{
    margin-top:20px;
  }

  /* Haltung: portrait becomes an editorial identity module instead of another tall card. */
  body.page-home[data-m2-home-active="true"] .m2-attitude{
    padding-top:54px;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait{
    display:grid;
    grid-template-columns:minmax(124px,.78fr) minmax(0,1fr);
    align-items:end;
    gap:18px;
    min-height:0;
    margin:24px 0 18px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(139,207,154,.18);
    overflow:visible;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait img{
    width:100%;
    height:232px;
    border-radius:2px;
    object-fit:cover;
    object-position:50% 14%;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait figcaption{
    align-self:end;
    gap:7px;
    padding:0 0 4px;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait figcaption span{
    font-size:9.5px;
    line-height:1.35;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait figcaption strong{
    max-width:14ch;
    font-size:17px;
    line-height:1.22;
    letter-spacing:-.018em;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__principles{
    gap:7px;
    margin-top:0;
    padding-top:0;
    border-top:0;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__principles span{
    padding:8px 10px;
    font-size:10.5px;
  }

  /* Betriebszwilling: denser selector rail and more legible instrument microtype. */
  body.page-home[data-m2-home-active="true"] .m2-twin{
    padding-block:64px 66px;
  }
  body.page-home[data-m2-home-active="true"] .m2-operating-twin{
    margin-top:20px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__scenario{
    flex-basis:min(52vw,190px);
    height:96px;
    min-height:96px;
    padding:13px 14px;
    border-radius:17px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__scenario span{
    font-size:9.5px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__scenario strong{
    margin-top:9px;
    font-size:16.5px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__scenario small{
    margin-top:6px;
    font-size:11.5px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__stage{
    min-height:0;
    margin-top:18px;
    padding:18px 16px 17px;
    border-radius:20px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__stage-top .mono{
    font-size:9px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__stage-top>small{
    max-width:15ch;
    font-size:9px;
    line-height:1.25;
    letter-spacing:.055em;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__visual{
    height:150px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__break-label{
    padding:5px 7px;
    font-size:9px;
    letter-spacing:.06em;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__finding small{
    font-size:9px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__finding strong{
    margin-top:7px;
    font-size:19px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__finding p{
    margin-top:8px;
    font-size:13.5px;
    line-height:1.48;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__finding b{
    margin-top:8px;
    font-size:12.5px;
  }

  /* Decisions: change three oversized cards into three compact decision surfaces. */
  body.page-home[data-m2-home-active="true"] .m2-decisions__rail{
    gap:10px;
    margin-top:24px;
  }
  body.page-home[data-m2-home-active="true"] .m2-decision{
    display:grid;
    grid-template-rows:auto auto auto auto;
    min-height:0;
    padding:18px 19px 17px;
    border-radius:20px;
  }
  body.page-home[data-m2-home-active="true"] .m2-decision__glyph{
    width:34px;
    height:34px;
  }
  body.page-home[data-m2-home-active="true"] .m2-decision h3{
    margin:22px 0 8px;
    max-width:15ch;
    font-size:clamp(23px,6.35vw,26px)!important;
    line-height:1.04!important;
  }
  body.page-home[data-m2-home-active="true"] .m2-decision p{
    max-width:31ch;
    font-size:14px;
    line-height:1.48;
  }
  body.page-home[data-m2-home-active="true"] .m2-decision__go{
    position:static;
    display:inline-flex;
    align-items:center;
    min-height:40px;
    margin-top:13px;
    font-size:12.5px;
  }

  /* Diagnosis: two choices read as one decision block rather than two more cards. */
  body.page-home[data-m2-home-active="true"] .m2-diagnosis__paths{
    gap:0;
    margin-top:23px;
    border-block:1px solid rgba(244,242,237,.12);
  }
  body.page-home[data-m2-home-active="true"] .m2-diagnosis__paths>a,
  body.page-home[data-m2-home-active="true"] .m2-diagnosis__paths>div{
    padding:20px 0;
    border:0;
    border-radius:0;
    background:transparent;
  }
  body.page-home[data-m2-home-active="true"] .m2-diagnosis__paths>*+*{
    border-top:1px solid rgba(244,242,237,.12);
  }
  body.page-home[data-m2-home-active="true"] .m2-diagnosis__paths span{
    font-size:9.5px;
  }
  body.page-home[data-m2-home-active="true"] .m2-diagnosis__paths strong{
    margin-top:13px;
    font-size:21px;
  }
  body.page-home[data-m2-home-active="true"] .m2-diagnosis__paths p{
    margin-top:8px;
  }
  body.page-home[data-m2-home-active="true"] .m2-diagnosis__paths nav{
    gap:8px 18px;
    margin-top:10px;
  }

  /* Proof hierarchy: one hero proof, then two supporting proof rows. */
  body.page-home[data-m2-home-active="true"] .m2-proof__rail{
    gap:10px;
    margin-top:24px;
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card{
    min-height:238px;
    padding:21px 20px 18px;
    border-radius:21px;
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card__label{
    font-size:9.5px;
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card__metric{
    margin:40px 0 11px;
    font-size:clamp(38px,10.5vw,45px);
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card p{
    max-width:30ch;
    font-size:14px;
    line-height:1.48;
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card__go{
    position:static;
    display:inline-flex;
    align-items:center;
    min-height:38px;
    margin-top:12px;
    font-size:12.5px;
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card:nth-child(n+2){
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "label metric"
      "copy metric"
      "go go";
    column-gap:18px;
    align-items:start;
    min-height:0;
    padding-block:18px 15px;
    background:rgba(255,255,255,.25);
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card:nth-child(n+2) .m2-proof-card__label{
    grid-area:label;
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card:nth-child(n+2) .m2-proof-card__metric{
    grid-area:metric;
    margin:0;
    max-width:5.9ch;
    font-size:clamp(27px,7.4vw,31px);
    line-height:.94;
    text-align:right;
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card:nth-child(n+2) p{
    grid-area:copy;
    margin-top:10px;
    max-width:21ch;
    font-size:13.5px;
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card:nth-child(n+2) .m2-proof-card__go{
    grid-area:go;
    margin-top:8px;
  }

  /* Knowledge links already have the right pattern; tighten only the rhythm. */
  body.page-home[data-m2-home-active="true"] .m2-self-service__links{
    margin-top:22px;
  }
  body.page-home[data-m2-home-active="true"] .m2-self-service__links a{
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:14px;
    align-items:center;
    min-height:66px;
    padding:14px 0;
  }
  body.page-home[data-m2-home-active="true"] .m2-self-service__links strong{
    text-align:right;
    font-size:15px;
  }

  /* Personal responsibility becomes a compact signature section, not another long chapter. */
  body.page-home[data-m2-home-active="true"] .m2-personal{
    padding-block:54px 58px;
  }
  body.page-home[data-m2-home-active="true"] .m2-personal .m2-section__title{
    max-width:12ch;
    font-size:clamp(28px,7.6vw,32px);
  }
  body.page-home[data-m2-home-active="true"] .m2-personal__copy{
    max-width:33ch;
    margin-top:15px;
    font-size:15px;
    line-height:1.53;
  }
  body.page-home[data-m2-home-active="true"] .m2-personal__principle{
    margin-top:16px;
    padding:14px 0 0 14px;
    border-top:0;
    border-left:1px solid rgba(145,212,159,.3);
    font-size:12px;
    line-height:1.48;
  }
  body.page-home[data-m2-home-active="true"] .m2-personal .m2-arrow-link{
    margin-top:14px;
  }

  /* Final CTA retains its weight but no longer feels detached from the page rhythm. */
  body.page-home[data-m2-home-active="true"] .m2-final{
    padding-block:62px calc(68px + env(safe-area-inset-bottom));
  }
  body.page-home[data-m2-home-active="true"] .m2-final__modes{
    gap:0;
    margin-top:19px;
    border-block:1px solid rgba(244,242,237,.1);
  }
  body.page-home[data-m2-home-active="true"] .m2-final__modes span{
    padding:10px 0;
    border-left:0;
  }
  body.page-home[data-m2-home-active="true"] .m2-final__modes span+span{
    border-top:1px solid rgba(244,242,237,.08);
  }
}

@media (max-width:374px){
  body.page-home[data-m2-home-active="true"] .home-process-opening__title,
  body.page-home[data-m2-home-active="true"] .home-process-opening__title.title-fit-long{
    font-size:clamp(38px,10.7vw,40px)!important;
    letter-spacing:-.05em!important;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait{
    grid-template-columns:118px minmax(0,1fr);
    gap:14px;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait img{
    height:218px;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__scenario{
    flex-basis:min(58vw,184px);
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card:nth-child(n+2){
    grid-template-columns:1fr;
    grid-template-areas:"label" "metric" "copy" "go";
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card:nth-child(n+2) .m2-proof-card__metric{
    max-width:none;
    margin-top:16px;
    text-align:left;
  }
  body.page-home[data-m2-home-active="true"] .m2-proof-card:nth-child(n+2) p{
    max-width:29ch;
  }
  body.page-home[data-m2-home-active="true"] .m2-self-service__links a{
    grid-template-columns:1fr;
    gap:5px;
  }
  body.page-home[data-m2-home-active="true"] .m2-self-service__links strong{
    text-align:left;
  }
}


/* ==========================================================================
   MOBILE CONTENT DENSITY
   ========================================================================== */
@media (max-width:760px){
  /* Global mobile hygiene: preserve the desktop system, remove edge-case overflow. */
  html,body{max-width:100%;overflow-x:clip}
  body.page.design-system-executive img,body.page.design-system-executive svg{max-width:100%}
  body.page.design-system-executive :is(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
  body.page.design-system-executive :is(.m4-reading-nav a,.m4-case-nav a){min-height:44px!important}

  /* Service instruments: diagram labels must remain readable, not decorative dust. */
  body[data-m3-service-active="true"] :is(.m3-process-labels,.m3-g6a-labels span,.m3-g6a-erp-steps span){font-size:9px!important;line-height:1.22!important}
  body[data-m3-service-active="true"] :is(.m3-process-excel::after,.m3-g6a-provider-lanes em,.m3-g6a-ai-outcomes span,.m3-g6a-ops span b,.m3-guide__path b){font-size:9px!important}
  body[data-m3-service-active="true"] .m3-g6a-ai-outcomes span{padding:10px 5px!important}

  /* Articles: one executive answer, then evidence. Remove the repeated paragraph and tighten long-form rhythm. */
  body[data-m4-kind="article"] .m4-quick-answer{margin:22px var(--m-gutter) 4px!important;padding:20px!important}
  body[data-m4-kind="article"] .m4-quick-answer p{font-size:15.75px!important;line-height:1.58!important}
  body[data-m4-kind="article"] .ep-executive-answer{margin-top:14px!important;padding:22px 0 26px!important}
  body[data-m4-kind="article"] .ep-executive-answer>.ep-answer-text{display:none!important}
  body[data-m4-kind="article"] .ep-answer-triad{display:block!important;margin-top:0!important}
  body[data-m4-kind="article"] .ep-answer-triad>article{padding:15px 0!important;border:0!important;border-top:1px solid var(--m4-line)!important;background:transparent!important;border-radius:0!important}
  body[data-m4-kind="article"] .ep-answer-triad>article:last-child{border-bottom:1px solid var(--m4-line)!important}
  body[data-m4-kind="article"] .ep-answer-triad :is(h3,strong){font-size:16px!important;line-height:1.2!important}
  body[data-m4-kind="article"] .ep-answer-triad p{font-size:14.5px!important;line-height:1.55!important;margin-top:7px!important}
  body[data-m4-kind="article"] .ep-chapter{padding-block:29px!important}
  body[data-m4-kind="article"] .ep-chapter h2{font-size:27px!important;line-height:1.05!important}
  body[data-m4-kind="article"] .ep-chapter :is(p,li){font-size:16.25px!important;line-height:1.69!important}
  body[data-m4-kind="article"] .ep-conclusion{padding-block:54px!important}

  /* Decision Guides: page previews are a visual proof rail, not three full pages stacked vertically. */
  body[data-m4-kind="guide-detail"] .dg-guide-preview{padding-block:50px!important}
  body[data-m4-kind="guide-detail"] .dg-preview-stack{
    display:flex!important;grid-template-columns:none!important;gap:12px!important;
    width:calc(100% + var(--m-gutter))!important;max-width:none!important;
    margin-right:calc(-1 * var(--m-gutter))!important;
    padding:8px var(--m-gutter) 20px 0!important;
    overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;overscroll-behavior-inline:contain!important;
  }
  body[data-m4-kind="guide-detail"] .dg-preview-stack::-webkit-scrollbar{display:none!important}
  body[data-m4-kind="guide-detail"] .dg-preview-stack>.dg-preview-sheet{
    flex:0 0 min(82vw,328px)!important;width:auto!important;min-width:min(82vw,328px)!important;
    transform:none!important;scroll-snap-align:start!important;box-shadow:0 16px 36px rgba(0,0,0,.17)!important;
  }
  body[data-m4-kind="guide-detail"] .dg-preview-sheet figcaption span{font-size:9px!important}
  body[data-m4-kind="guide-detail"] .dg-preview-sheet figcaption strong{font-size:13.5px!important}
  body[data-m4-kind="guide-detail"] :is(.dg-live-tool,.dg-after20,.dg-related-guides){padding-block:48px!important}
  body[data-m4-kind="guide-detail"] .dg-after20-item{padding:22px 0!important}

  /* Knowledge hubs: keep the decision path visible; move research depth behind one intentional disclosure. */
  body[data-m4-kind="knowledge-category"] .authority-section{padding-block:56px!important}
  body[data-m4-kind="knowledge-category"] .g8-entry{padding-top:48px!important}
  body[data-m4-kind="knowledge-category"] .g8-brief{padding-block:48px!important}
  .m6-depth-gate{margin:0;padding:0 var(--m-gutter);background:#07100b;color:#f5f3ee}
  .m6-depth-gate__inner{padding:26px 0;border-block:1px solid rgba(245,243,238,.13)}
  .m6-depth-gate small{display:block;margin-bottom:10px;color:#98d7a4;font:600 9px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase}
  .m6-depth-toggle{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;gap:18px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-weight:600;font-size:16px;line-height:1.25;font-family:inherit;cursor:pointer}
  .m6-depth-toggle span:last-child{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border:1px solid rgba(245,243,238,.18);border-radius:50%;font-size:18px;font-weight:400}
  .m6-depth-gate p{margin:10px 42px 0 0;color:rgba(245,243,238,.6);font-size:13.5px;line-height:1.5}
  .m6-depth-section[hidden],.m6-regional-matrix[hidden]{display:none!important}

  /* Knowledge index: six visible entry points are enough before the user asks for the full library. */
  body.page-blog .km-index-group__rows.m6-blog-collapsed>.km-index-row:nth-child(n+3){display:none!important}
  body.page-blog .km-index-row{padding-block:17px!important}
  body.page-blog .km-index-row__body>span:last-child{font-size:13px!important;line-height:1.45!important}
  .m6-library-gate{margin-top:24px;padding-top:20px;border-top:1px solid rgba(245,243,238,.13)}
  .m6-library-toggle{display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;gap:16px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-weight:650;font-size:15px;cursor:pointer}
  .m6-library-toggle span:last-child{color:#98d7a4;font:600 11px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.05em}

  /* Regional Intelligence: preserve the atlas as the signature visual, make evidence swipeable, matrix optional. */
  body.page-regional-intelligence .regional-atlas__topicbar>div{
    display:flex!important;gap:8px!important;overflow-x:auto!important;padding:8px 14px 12px!important;
    scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  body.page-regional-intelligence .regional-atlas__topicbar>div::-webkit-scrollbar,
  body.page-regional-intelligence .regional-atlas__regions::-webkit-scrollbar,
  body.page-regional-intelligence .regional-signal-grid::-webkit-scrollbar,
  body.page-regional-intelligence .regional-radius-grid::-webkit-scrollbar{display:none!important}
  body.page-regional-intelligence .regional-topic-button{
    flex:0 0 72%!important;min-height:52px!important;padding:13px 14px!important;border:1px solid var(--regional-line)!important;border-radius:10px!important;scroll-snap-align:start!important;
  }
  body.page-regional-intelligence .regional-atlas__regions{
    display:flex!important;gap:8px!important;overflow-x:auto!important;padding:10px 14px 14px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  body.page-regional-intelligence .regional-atlas__regions .regional-region-button{
    flex:0 0 74%!important;min-height:62px!important;padding:14px!important;border:1px solid var(--regional-line)!important;border-radius:10px!important;scroll-snap-align:start!important;
  }
  body.page-regional-intelligence .regional-atlas__map,
  body.page-regional-intelligence .regional-atlas--full .regional-atlas__map{min-height:330px!important}
  body.page-regional-intelligence .regional-signal-grid{
    display:flex!important;gap:12px!important;width:calc(100% + var(--m-gutter))!important;
    margin-right:calc(-1 * var(--m-gutter))!important;padding:4px var(--m-gutter) 16px 0!important;
    overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  body.page-regional-intelligence .regional-signal-card{
    flex:0 0 min(86vw,340px)!important;min-height:340px!important;padding:24px!important;
    border:1px solid rgba(17,21,18,.13)!important;border-radius:18px!important;background:#fff!important;scroll-snap-align:start!important;
  }
  body.page-regional-intelligence .regional-signal-card>b{margin-top:26px!important}
  body.page-regional-intelligence .regional-radius-grid{
    display:flex!important;gap:12px!important;width:calc(100% + var(--m-gutter))!important;
    margin-right:calc(-1 * var(--m-gutter))!important;padding:4px var(--m-gutter) 16px 0!important;
    overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  body.page-regional-intelligence .regional-radius-card{
    flex:0 0 min(86vw,340px)!important;min-height:270px!important;padding:24px!important;
    border:1px solid var(--regional-line)!important;border-radius:18px!important;background:var(--regional-soft)!important;scroll-snap-align:start!important;
  }
  body.page-regional-intelligence .m6-depth-gate{padding-inline:0;background:transparent}
  body.page-regional-intelligence .m6-depth-gate__inner{border-color:var(--regional-line)}

  /* Barometer: keep the modeled state visible without a dead visual stage. */
  body[data-m4-kind="barometer"] .baro-svg{height:210px!important;min-height:210px!important;margin-block:0!important}
  body[data-m4-kind="barometer"] .baro-stage{min-height:0!important}
  body[data-m4-kind="barometer"] :is(.baro-break-label,.baro-status,.baro-dimension small){font-size:10px!important;line-height:1.25!important}

  /* Legal / governance pages: long text should read like a document on a phone. */
  body.page-legal:not(.page-styleguide) main :is(p,li){font-size:16px!important;line-height:1.68!important}
  body.page-legal:not(.page-styleguide) main :is(h2,h3){text-wrap:balance}
  body.page-styleguide main :is(pre,table){max-width:100%;overflow:auto}
}

@media (max-width:374px){
  body[data-m4-kind="guide-detail"] .dg-preview-stack>.dg-preview-sheet{flex-basis:86vw!important;min-width:86vw!important}
  body.page-regional-intelligence .regional-topic-button{flex-basis:82%!important}
  body.page-regional-intelligence .regional-atlas__regions .regional-region-button{flex-basis:82%!important}
}

/*! v6.563 QA pass · active Decision Guide preview + residual microtype */
@media (max-width:760px){
  /* Current Decision Guide template (dgp-*): one preview page at a time with a visible next-card cue. */
  body.page-template-guide .dgp-preview-grid{
    display:flex!important;grid-template-columns:none!important;gap:12px!important;
    width:calc(100% + var(--m-gutter))!important;max-width:none!important;
    margin-right:calc(-1 * var(--m-gutter))!important;padding:4px var(--m-gutter) 18px 0!important;
    overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;overscroll-behavior-inline:contain!important;align-items:stretch!important;
  }
  body.page-template-guide .dgp-preview-grid::-webkit-scrollbar{display:none!important}
  body.page-template-guide .dgp-preview-sheet{
    flex:0 0 min(82vw,328px)!important;width:auto!important;min-width:min(82vw,328px)!important;
    margin:0!important;scroll-snap-align:start!important;
  }
  body.page-template-guide .dgp-preview-sheet figcaption span{font-size:9px!important}
  body.page-template-guide :is(.dgp-hero-meta span,.dgp-cover-caption span,.dgp-guide-current>span,.dgp-guide-other>span,.dgp-preview-next span,.dgp-download-facts span,.dg-after20-item .n,.dg-related-link .code){font-size:9px!important;line-height:1.25!important}

  /* Remaining information labels: retain the mono/editorial character without falling below readable microtype. */
  body.page-blog :is(.km-b2-domain__num,.km-b2-library-link,.km-seo-topic-links__label,.km-b5-filtergroup>span,.km-b5-library-status,.km-index-row__phase){font-size:9px!important;line-height:1.25!important}
  body[data-m4-kind="digital"] .dc7-choice .mono{font-size:9px!important}
  body[data-m3-service-active="true"] .m3-ai-question__n{font-size:9px!important}
}
@media (max-width:374px){
  body.page-template-guide .dgp-preview-sheet{flex-basis:86vw!important;min-width:86vw!important}
}


/* ==========================================================================
   MOBILE CONTAINMENT
   ========================================================================== */
@media (max-width:760px){
  /* -------------------------------------------------------------------------
     01 · GLOBAL CONTAINMENT CONTRACT
     Content must be allowed to shrink inside its own viewport/card. Intentional
     horizontal rails keep their explicit overflow:auto rules from earlier layers.
     ------------------------------------------------------------------------- */
  html,body{max-width:100%;overflow-x:clip}
  body.page.design-system-executive main,
  body.page.design-system-executive main.nbc-page-shell{max-width:100%;min-width:0;overflow-x:clip}

  body.page.design-system-executive main :where(
    section,article,div,aside,header,footer,nav,figure,figcaption,form,fieldset,
    ul,ol,li,details,summary
  ){min-width:0;min-inline-size:0}

  body.page.design-system-executive main :where(
    h1,h2,h3,h4,h5,h6,p,li,figcaption,strong,small,label,summary
  ){
    max-inline-size:100%;
    overflow-wrap:break-word;
  }

  body.page.design-system-executive main :where(button,a){min-width:0;min-inline-size:0}
  body.page.design-system-executive main :where(img,video,iframe){max-width:100%;height:auto}

  /* Long German compounds are common in NBC's subject matter. Use automatic
     hyphenation only where a component is width constrained, not site-wide. */
  body.page.design-system-executive main :where(
    .authority-executive-brief strong,
    .authority-lens-button strong,
    .m2-attitude__portrait figcaption strong,
    .m2-attitude__portrait figcaption span,
    .case2-evidence-fact strong,
    .dg-field-copy h3,
    .dg-guide-outcomes strong
  ){-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}

  /* -------------------------------------------------------------------------
     02 · HOMEPAGE FALLBACK + MOBILE COMPOSITION
     The JS mobile composition is primary. The desktop Haltung remains a robust
     fallback so a slow/blocked script can never produce a 3-column squeeze.
     ------------------------------------------------------------------------- */
  body.page-home .home-trust__top{
    grid-template-columns:minmax(0,1fr)!important;
    gap:30px!important;
  }
  body.page-home .home-trust__head{max-width:none!important}
  body.page-home .home-trust__person{
    grid-template-columns:minmax(92px,112px) minmax(0,1fr)!important;
    gap:16px!important;
    width:100%!important;
    min-height:0!important;
    max-width:none!important;
  }
  body.page-home .home-trust__portrait{min-height:178px!important}
  body.page-home .home-trust__person-meta{min-width:0!important;padding-right:0!important}
  body.page-home .home-trust__person-meta :is(.mono,strong,a){overflow-wrap:anywhere}
  body.page-home .home-trust__grid{
    grid-template-columns:minmax(0,1fr)!important;
    border-top:1px solid var(--home-compose-line)!important;
  }
  body.page-home .home-trust__item{
    width:100%!important;
    padding:22px 0!important;
    border-left:0!important;
  }
  body.page-home .home-trust__item+.home-trust__item{
    padding-left:0!important;
    border-left:0!important;
    border-top:1px solid var(--home-compose-line)!important;
  }

  body.page-home[data-m2-home-active="true"] .m2-wrap{min-width:0}
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait,
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait figcaption{min-width:0}
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait figcaption strong{
    width:100%;max-width:none!important;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__stage-top{
    grid-template-columns:minmax(0,1fr) auto;
  }
  body.page-home[data-m2-home-active="true"] .m2-twin__stage-top>div{min-width:0}
  body.page-home[data-m2-home-active="true"] .m2-twin__stage-top strong{overflow-wrap:anywhere}
  body.page-home[data-m2-home-active="true"] .m2-twin__finding :is(strong,p,b){max-width:100%;overflow-wrap:break-word}

  /* -------------------------------------------------------------------------
     03 · ARTICLE TABLES
     Simple responsive tables become readable decision rows instead of a hidden
     680px desktop table. Complex evidence ledgers retain their explicit scroll rail.
     ------------------------------------------------------------------------- */
  body[data-m4-kind="article"] .table-scroll{
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    overflow:visible!important;
  }
  body[data-m4-kind="article"] .table-scroll table.responsive-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border:0!important;
  }
  body[data-m4-kind="article"] .table-scroll .responsive-table thead{display:none!important}
  body[data-m4-kind="article"] .table-scroll .responsive-table tbody,
  body[data-m4-kind="article"] .table-scroll .responsive-table tr,
  body[data-m4-kind="article"] .table-scroll .responsive-table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-m4-kind="article"] .table-scroll .responsive-table tr{
    margin:0!important;
    padding:18px 0!important;
    border-top:1px solid rgba(247,245,242,.13)!important;
  }
  body[data-m4-kind="article"] .table-scroll .responsive-table tr:last-child{
    border-bottom:1px solid rgba(247,245,242,.13)!important;
  }
  body[data-m4-kind="article"] .table-scroll .responsive-table td{
    position:relative!important;
    padding:4px 0 4px 0!important;
    border:0!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    font-size:15px!important;
    line-height:1.5!important;
  }
  body[data-m4-kind="article"] .table-scroll .responsive-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:5px;
    color:rgba(152,215,164,.74);
    font:600 9px/1.25 var(--mono,"IBM Plex Mono",monospace);
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  body[data-m4-kind="article"] .table-scroll .responsive-table td+td{margin-top:9px}

  /* -------------------------------------------------------------------------
     04 · AUTHORITY HUBS / REGIONAL INTELLIGENCE
     ------------------------------------------------------------------------- */
  body.page-knowledge-hub .authority-lens,
  body.page-regional-intelligence .authority-executive-brief{min-width:0;max-width:100%}

  body.page-knowledge-hub .authority-lens-button{
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:8px!important;
    padding:15px 12px!important;
  }
  body.page-knowledge-hub .authority-lens-button strong{
    min-width:0;
    font-size:15px!important;
    line-height:1.18!important;
  }

  body.page-regional-intelligence .authority-executive-brief>div{min-width:0}
  body.page-regional-intelligence .authority-executive-brief strong{
    min-width:0;
    line-height:1.22;
  }
  body.page-regional-intelligence .regional-atlas__map{min-width:0;max-width:100%}
  body.page-regional-intelligence .regional-map-pin--core{max-width:118px;min-width:0}
  body.page-regional-intelligence .regional-map-pin--core span{
    min-width:0;max-width:100%;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;
  }
  body.page-regional-intelligence .regional-atlas__map-note{
    right:12px;left:12px;max-width:calc(100% - 24px);font-size:8px;line-height:1.35;
  }

  /* -------------------------------------------------------------------------
     05 · CASES
     ------------------------------------------------------------------------- */
  body[data-case-system="v2"].page-case-index .case2-index-hero,
  body[data-case-system="v2"].page-case-index .case2-index-hero-grid,
  body[data-case-system="v2"].page-case-index .case2-title{min-width:0;max-width:100%}
  body[data-case-system="v2"].page-case-index .case2-title-line{max-width:100%;overflow-wrap:break-word}

  body[data-case-system="v2"][data-case-film="ai"] .ai-queue{
    width:100%;max-width:100%;box-sizing:border-box;
  }
  body[data-case-system="v2"][data-case-film="ai"] .ai-person{
    display:grid;place-items:center;min-width:0;overflow:hidden;text-align:center;
  }

  /* -------------------------------------------------------------------------
     06 · CONTACT / INTAKE
     ------------------------------------------------------------------------- */
  body.page-contact .ac-person-stage,
  body.page-contact .ac-person-stage-meta,
  body.page-contact .ac-contact-trust{min-width:0;max-width:100%}
  body.page-contact .ac-contact-trust{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    column-gap:0!important;
    row-gap:5px!important;
  }
  body.page-contact .ac-contact-trust span{
    max-width:100%;
    white-space:normal!important;
    overflow-wrap:break-word;
  }
  body.page-contact .ac-contact-trust span+span::before{margin-inline:5px!important}

  /* -------------------------------------------------------------------------
     07 · SERVICE / INDUSTRY VISUALS
     Visual labels should shrink/wrap inside the model, never enlarge the model.
     ------------------------------------------------------------------------- */
  body.page-service :where(
    .erp-direction-preview-stage,.erp-direction-preview-branch,.erp-direction-preview-case,
    .pr-workspace,.pr-break-dock,.pr-scene-insights,.pr-result-block,
    .dp-flow-panel,.dp-result,.m3-g6a-stage,.m3-g6a-process,.m3-g6a-provider-lanes
  ),
  body.page-industry :where(.ps-c2c,.ps-c2c-row,.ps-c2c-cells,.ps-c2c-cell){min-width:0;max-width:100%}

  body.page-service .erp-direction-preview-branch :is(strong,small,span),
  body.page-service .pr-scene-insights :is(strong,span,p),
  body.page-industry .ps-c2c-cell :is(strong,span,small){
    min-width:0;max-width:100%;overflow-wrap:break-word;
  }

  /* -------------------------------------------------------------------------
     08 · LEGAL / ADMIN LONG-WORD GUARD
     ------------------------------------------------------------------------- */
  body.page-legal:not(.page-styleguide) .legal-hero h1.title-fit-longword{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

@media (max-width:440px){
  /* Contact trust line has three long all-caps words; slightly reduce tracking
     before allowing a second line. */
  body.page-contact .ac-contact-trust span{
    font-size:10.5px!important;
    letter-spacing:.065em!important;
  }

  /* Commercial-to-cash stays a two-column system but labels can wrap naturally. */
  body.industry-services[data-industry-services="v6471"] .ps-c2c-cell{
    padding-inline:8px!important;
  }
  body.industry-services[data-industry-services="v6471"] .ps-c2c-cell :is(strong,span,small){
    white-space:normal!important;
  }
}

@media (max-width:360px){
  /* 320–360 px: preserve hierarchy rather than forcing desktop-sized words. */
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait{
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:12px!important;
  }
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait figcaption strong{
    font-size:16px!important;line-height:1.2!important;
  }

  body.page-knowledge-hub .authority-lens-button{
    grid-template-columns:1fr!important;
    gap:6px!important;
    align-content:center!important;
    min-height:70px!important;
    padding:12px 10px!important;
  }
  body.page-knowledge-hub .authority-lens-button strong{
    font-size:14.5px!important;
    line-height:1.15!important;
  }

  body.page-regional-intelligence .authority-executive-brief strong{font-size:17px!important}
  body.page-regional-intelligence .regional-map-pin--core[data-region-key="suedost"] span{
    font-size:0!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
  }
  body.page-regional-intelligence .regional-map-pin--core[data-region-key="suedost"] span::after{
    content:"Südost-Nds.";
    font:600 8px/1 var(--nbc-type-mono,"IBM Plex Mono",monospace);
  }

  body[data-case-system="v2"].page-case-index .case2-index-hero .case2-title{
    font-size:35px!important;
    line-height:.99!important;
    letter-spacing:-.045em!important;
  }

  body[data-case-system="v2"][data-case-film="ai"] .ai-queue{
    gap:4px!important;
  }
  body[data-case-system="v2"][data-case-film="ai"] .ai-doc{
    width:28px!important;height:46px!important;flex:0 0 28px!important;
  }
  body[data-case-system="v2"][data-case-film="ai"] .ai-doc::before,
  body[data-case-system="v2"][data-case-film="ai"] .ai-doc::after{left:7px!important;right:7px!important}
  body[data-case-system="v2"][data-case-film="ai"] .ai-person{
    width:58px!important;height:58px!important;flex:0 0 58px!important;
    margin-left:0!important;font-size:10px!important;
  }

  body.page-contact .ac-contact-trust{
    justify-content:space-between!important;
  }
  body.page-contact .ac-contact-trust span{
    font-size:9.5px!important;
    letter-spacing:.045em!important;
  }
  body.page-contact .ac-contact-trust span+span::before{margin-inline:3px!important}

  body.page-legal:not(.page-styleguide) .legal-hero h1.title-fit-longword{
    font-size:28px!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
}

@media (max-width:330px){
  body.page-home[data-m2-home-active="true"] .m2-attitude__portrait{
    grid-template-columns:96px minmax(0,1fr)!important;
  }
  body.page-contact .ac-contact-trust{justify-content:flex-start!important}
  body.page-contact .ac-contact-trust span{font-size:9px!important}
}

/* v6.565 QA correction: the single long German legal title needs an
   intermediate size as well; 390px devices otherwise clip the final glyph. */
@media (min-width:361px) and (max-width:440px){
  body.page-legal:not(.page-styleguide) .legal-hero h1.title-fit-longword{
    font-size:32px!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
  }
}


/* ==========================================================================
   DESKTOP EDITORIAL FLOW
   ========================================================================== */
@media (min-width:1024px){
  :root{
    --nbc-desktop-head-max:1280px;
    --nbc-desktop-copy-max:820px;
    --nbc-desktop-head-copy-gap:clamp(18px,1.55vw,24px);
  }

  /* -----------------------------------------------------------------------
     1. One editorial contract for section heads.
     Headline owns the horizontal axis; explanatory copy starts directly
     below it on the same left edge. */
  body.page.design-system-executive main :where(
    .nbc-section-heading,
    .nbc-section-header,
    .service-context-head,
    .service-editorial-head,
    .service-after-head,
    .service-proof-head,
    .service-operating-signal__head,
    .bi-head,
    .dx-section-head,
    .authority-section-head,
    .h7-section-head,
    .knowledge-container-head,
    .case2-section-head,
    .local-section-heading,
    .local-wide-heading,
    .ac-section-head,
    .nbc-about-collaboration-head,
    .process-evidence-head,
    .erp-direction-head,
    .erp-levels-head,
    .ep-ledger-head,
    .ih-section-head,
    .dg-h6-system__head,
    .dg-hub-intro,
    .dg-h6-unsure__copy,
    .g8-brief__head
  ){
    width:100%!important;
    max-width:min(100%,var(--nbc-desktop-head-max))!important;
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
  }

  body.page.design-system-executive main :where(
    .nbc-section-heading,
    .nbc-section-header,
    .service-context-head,
    .service-editorial-head,
    .service-after-head,
    .service-proof-head,
    .service-operating-signal__head,
    .bi-head,
    .dx-section-head,
    .authority-section-head,
    .h7-section-head,
    .knowledge-container-head,
    .case2-section-head,
    .local-section-heading,
    .local-wide-heading,
    .ac-section-head,
    .nbc-about-collaboration-head,
    .process-evidence-head,
    .erp-direction-head,
    .erp-levels-head,
    .ep-ledger-head,
    .ih-section-head,
    .dg-h6-system__head,
    .dg-hub-intro,
    .dg-h6-unsure__copy,
    .g8-brief__head
  ) > :is(h2,h3,.nbc-section-title){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
    text-wrap:pretty;
  }

  body.page.design-system-executive main :where(
    .nbc-section-heading,
    .nbc-section-header,
    .service-context-head,
    .service-editorial-head,
    .service-after-head,
    .service-proof-head,
    .service-operating-signal__head,
    .bi-head,
    .dx-section-head,
    .authority-section-head,
    .h7-section-head,
    .knowledge-container-head,
    .case2-section-head,
    .local-section-heading,
    .ac-section-head,
    .nbc-about-collaboration-head,
    .process-evidence-head,
    .erp-direction-head,
    .erp-levels-head,
    .ep-ledger-head,
    .ih-section-head,
    .dg-h6-system__head,
    .dg-hub-intro,
    .dg-h6-unsure__copy,
    .g8-brief__head
  ) > p:last-child{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
    text-align:left!important;
  }

  /* -----------------------------------------------------------------------
     2. Retire legacy split-head geometries. */
  body.page.design-system-executive main :where(
    .authority-section-head--split,
    .h7-section-head--split
  ){
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
    align-items:start!important;
  }
  body.page.design-system-executive main :where(
    .authority-section-head--split,
    .h7-section-head--split
  ) > p{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
  }

  /* Decision-guide details: the opening explanation is a vertical editorial
     block, not a 40/60 split. */
  body.page-template-guide .dg-page-body > .wrap > .intro-grid{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
  }
  body.page-template-guide .dg-page-body > .wrap > .intro-grid > h2{
    width:100%!important;
    max-width:none!important;
  }
  body.page-template-guide .dg-page-body > .wrap > .intro-grid > p{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
  }

  /* Decision hub closing thesis: same hierarchy as the rest of the site. */
  body.page-decision-guides .dg-hub-priority .panel{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
  }
  body.page-decision-guides .dg-hub-priority .panel > h2{
    width:100%!important;
    max-width:none!important;
  }
  body.page-decision-guides .dg-hub-priority-copy{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin-top:var(--nbc-desktop-head-copy-gap)!important;
  }

  /* Guide tool / related heads often used a left/right composition. */
  body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head){
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
  }
  body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head) > div:first-child{
    width:100%!important;
    max-width:none!important;
  }
  body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head) h2,
  body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head) h3{
    width:100%!important;
    max-width:none!important;
  }
  body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head) > p{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
    text-align:left!important;
  }

  /* Process evidence used an explicit two-column header. */
  body.service-process .process-evidence-head{
    display:block!important;
    grid-template-columns:none!important;
    column-gap:0!important;
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
  }
  body.service-process .process-evidence-head > .mono{
    display:block!important;
    margin-bottom:16px!important;
  }
  body.service-process .process-evidence-head > h2{
    width:100%!important;
    max-width:none!important;
  }
  body.service-process .process-evidence-head > p{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
  }

  /* Guide 'after 20 minutes' heading was artificially capped at 500px. */
  body.page-template-guide .dg-after20-head{
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
  }
  body.page-template-guide .dg-after20-head > h3{
    width:100%!important;
    max-width:none!important;
  }
  body.page-template-guide .dg-after20-head > p{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
  }

  /* -----------------------------------------------------------------------
     3. Page-system corrections where the explanatory copy sits in a sibling
     column rather than inside the heading wrapper. */

  /* Göttingen: heading across the row, context directly below it. */
  body.page-regional-gateway .local-economy-head{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
  }
  body.page-regional-gateway .local-economy-head > .nbc-section-heading{
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
  }
  body.page-regional-gateway .local-economy-intro{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
  }
  body.page-regional-gateway .local-direct-grid > .local-wide-heading{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
    margin-bottom:var(--nbc-desktop-head-copy-gap)!important;
  }
  body.page-regional-gateway .local-direct-grid > .local-direct-copy{
    grid-column:1!important;
    grid-row:2!important;
    margin-left:0!important;
  }
  body.page-regional-gateway .local-direct-grid > .goe-presence-visual{
    grid-column:2!important;
    grid-row:2!important;
  }

  /* Barometer scenario introduction. */
  body.page-barometer .baro-scenario-head{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
  }
  body.page-barometer .baro-scenario-head > div:first-child{
    width:100%!important;
    max-width:none!important;
  }
  body.page-barometer .baro-scenario-head h2{
    width:100%!important;
    max-width:none!important;
  }
  body.page-barometer .baro-scenario-head > p{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
    text-align:left!important;
  }

  /* Articles: ledger / diagnostic headers should read vertically as well. */
  body.page-template-article .ep-ledger-head{
    display:block!important;
    max-width:min(100%,1120px)!important;
  }
  body.page-template-article .ep-ledger-head h2{
    width:100%!important;
    max-width:none!important;
  }
  body.page-template-article .ep-ledger-head > p{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
  }
  body.page-template-article .article-diagnostic-context > header{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:1120px!important;
  }
  body.page-template-article .article-diagnostic-context > header > h2{
    width:100%!important;
    max-width:none!important;
  }
  body.page-template-article .article-diagnostic-context > header > p:last-child{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
  }

  /* Knowledge system heads that historically split heading / explanation. */
  body.page.design-system-executive main :where(
    .knowledge-diagnostic-head,
    .knowledge-personal-path > header,
    .knowledge-decision-note > header,
    .knowledge-direct-library__head,
    .knowledge-hub-direct-list > .wrap > header
  ){
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
  }
  body.page.design-system-executive main :where(
    .knowledge-diagnostic-head,
    .knowledge-personal-path > header,
    .knowledge-decision-note > header,
    .knowledge-direct-library__head,
    .knowledge-hub-direct-list > .wrap > header
  ) :is(h2,h3){
    width:100%!important;
    max-width:none!important;
  }
  body.page.design-system-executive main :where(
    .knowledge-diagnostic-head,
    .knowledge-personal-path > header,
    .knowledge-decision-note > header,
    .knowledge-direct-library__head,
    .knowledge-hub-direct-list > .wrap > header
  ) > p:last-child{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
  }

  /* Home: keep the service-choice statement broad; no artificial 50/50 head. */
  body.page-home .home-service-choice__head{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
  }
  body.page-home .home-service-choice__head > h2{
    width:100%!important;
    max-width:none!important;
  }

  /* -----------------------------------------------------------------------
     4. Remove legacy character-measures from section headlines only.
     Reading copy intentionally keeps a controlled line length. */
  body.page.design-system-executive main :where(
    .bi-head,
    .dx-section-head,
    .authority-section-head,
    .h7-section-head,
    .service-context-head,
    .service-editorial-head,
    .process-evidence-head,
    .erp-direction-head,
    .erp-levels-head,
    .knowledge-container-head,
    .ac-section-head,
    .nbc-about-collaboration-head,
    .dg-h6-system__head,
    .dg-hub-intro,
    .dg-h6-unsure__copy
  ) :is(h2,h3){
    max-inline-size:none!important;
  }
}

@media (min-width:1024px){
  /* Additional live page systems found in the site-wide desktop audit. */
  body.page-service .service-after-head,
  body.page-service.service-erp :is(.erp-direction-head,.erp-levels-head),
  body.page-case-index .case2-index-library-head,
  body.page-case-index .case2-index-library-head > div:first-child,
  body :is(.g8-entry__head),
  body.page-home .home-case-proof-head,
  body.page-template-guide .dgp-preview-head,
  body.page-barometer .r4-result-head{
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
    width:100%!important;
    max-width:var(--nbc-desktop-head-max)!important;
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
  }

  body.page-service .service-after-head > h2,
  body.page-service.service-erp :is(.erp-direction-head,.erp-levels-head) > h2,
  body.page-case-index .case2-index-library-head > div:first-child h2,
  body .g8-entry__head > div:first-child h2,
  body.page-home .home-case-proof-head > :is(h2,h3,.nbc-section-title),
  body.page-template-guide .dgp-preview-head > div:first-child :is(h2,h3),
  body.page-barometer .r4-result-head > div:first-child :is(h2,h3,strong){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }

  body.page-service .service-after-head > p:last-child,
  body.page-service.service-erp :is(.erp-direction-head,.erp-levels-head) > p:last-child,
  body.page-case-index .case2-index-library-head > p:last-child,
  body .g8-entry__head > p:last-child,
  body.page-home .home-case-proof-head > p:last-child,
  body.page-template-guide .dgp-preview-head > p:last-child,
  body.page-barometer .r4-result-head > p:last-child{
    width:min(100%,var(--nbc-desktop-copy-max))!important;
    max-width:var(--nbc-desktop-copy-max)!important;
    margin:var(--nbc-desktop-head-copy-gap) 0 0!important;
    justify-self:start!important;
    text-align:left!important;
  }
}