/*! NBC v7.063 · P1 premium consolidation
    Scope: knowledge guide binding, About editorial de-containerization,
    global heading-fit audit, homepage hero position/mask/polish. */

/* --------------------------------------------------------------------------
   P1.1 · KNOWLEDGE — guide belongs to the topic, not to a parallel nav system
   -------------------------------------------------------------------------- */
body.page-blog .p1-topic-guide{
  display:grid;
  grid-template-columns:minmax(150px,.34fr) minmax(0,1.1fr) auto;
  gap:clamp(24px,3.2vw,52px);
  align-items:center;
  margin:18px 0 0;
  padding:clamp(24px,2.6vw,36px) 0;
  border-block:1px solid rgba(219,232,223,.14);
  background:transparent;
  position:relative;
}
body.page-blog .p1-topic-guide::before{
  content:"";position:absolute;inset:-1px auto auto 0;width:clamp(54px,7vw,108px);height:1px;background:#8bd8a5;
}
body.page-blog .p1-topic-guide__meta{display:flex;flex-direction:column;gap:7px;align-self:start;padding-top:2px}
body.page-blog .p1-topic-guide__meta span{color:#8bd8a5;font:600 10px/1.35 "IBM Plex Mono",monospace;letter-spacing:.11em;text-transform:uppercase}
body.page-blog .p1-topic-guide__meta b{color:rgba(238,242,238,.42);font:500 10px/1.4 "IBM Plex Mono",monospace;letter-spacing:.055em;text-transform:uppercase}
body.page-blog .p1-topic-guide__copy strong{display:block;max-width:32ch;color:#edf2ed;font-size:clamp(21px,1.85vw,28px);line-height:1.13;letter-spacing:-.032em;font-weight:570}
body.page-blog .p1-topic-guide__copy p{max-width:66ch;margin:10px 0 0;color:rgba(232,238,232,.66);font-size:14.5px;line-height:1.62}
body.page-blog .p1-topic-guide__action{display:inline-flex;align-items:center;justify-content:flex-end;gap:13px;min-height:48px;color:#edf2ed;text-decoration:none;font-size:14px;font-weight:620;white-space:nowrap}
body.page-blog .p1-topic-guide__action span{color:#8bd8a5;font-size:20px;transition:transform .25s ease}
body.page-blog .p1-topic-guide__action:hover span,body.page-blog .p1-topic-guide__action:focus-visible span{transform:translate(3px,-2px)}
body.page-blog #wissensindex .km-index-group__rows{margin-top:0}
body.page-blog #wissensindex .km-index-group{scroll-margin-top:calc(var(--nbc-header-h,72px) + 30px)}
body.page-blog #wissensindex .km-index-group__head{margin-bottom:0!important}

@media (max-width:1023px){
  body.page-blog .p1-topic-guide{grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);gap:20px 30px}
  body.page-blog .p1-topic-guide__action{grid-column:2;justify-content:flex-start;white-space:normal}
}
@media (max-width:760px){
  body.page-blog .p1-topic-guide{grid-template-columns:1fr;gap:14px;padding:24px 0 25px;margin-top:14px}
  body.page-blog .p1-topic-guide__meta{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
  body.page-blog .p1-topic-guide__copy strong{max-width:100%;font-size:22px}
  body.page-blog .p1-topic-guide__copy p{font-size:14px;line-height:1.56}
  body.page-blog .p1-topic-guide__action{grid-column:auto;justify-content:flex-start;min-height:44px;margin-top:2px}
}

/* --------------------------------------------------------------------------
   P1.2 · ABOUT — one editorial canvas; packaging only where it earns a role
   -------------------------------------------------------------------------- */
body.page-about-premium :is(.nbc-about-two-sides,.nbc-about-experience-record,.nbc-about-global-role,.nbc-about-method,.nbc-about-expert-mini,.nbc-about-final){
  background-color:transparent!important;
  box-shadow:none!important;
}
body.page-about-premium .nbc-about-two-sides{
  background-image:radial-gradient(50% 42% at 50% 34%,rgba(213,168,84,.04),transparent 76%)!important;
}
body.page-about-premium .nbc-about-experience-record{background-image:none!important}
body.page-about-premium .nbc-about-global-role{
  background-image:radial-gradient(48% 60% at 78% 22%,rgba(127,216,154,.06),transparent 76%)!important;
}
body.page-about-premium .nbc-about-method{background-image:none!important}
body.page-about-premium .nbc-about-expert-mini{background-image:none!important;border-top:1px solid rgba(255,255,255,.09)!important;border-bottom:0!important}
body.page-about-premium .nbc-about-final{background-image:radial-gradient(52% 85% at 84% 52%,rgba(127,216,154,.055),transparent 78%)!important;border-top:1px solid rgba(255,255,255,.09)!important}

body.page-about-premium :is(.nbc-about-two-sides,.nbc-about-experience-record,.nbc-about-global-role,.nbc-about-method)>.wrap{
  position:relative;
}
body.page-about-premium :is(.nbc-about-experience-record,.nbc-about-global-role,.nbc-about-method)>.wrap::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.035) 70%,transparent);
}
body.page-about-premium .nbc-about-sides-grid{border-block:1px solid rgba(255,255,255,.10)!important}
body.page-about-premium .nbc-about-side{padding-block:clamp(30px,3.4vw,50px)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.page-about-premium .nbc-about-side-bridge{
  padding-inline:clamp(16px,2vw,28px)!important;background:transparent!important;border-inline:0!important;border-radius:0!important;box-shadow:none!important;
}
body.page-about-premium .nbc-about-side-bridge::before,body.page-about-premium .nbc-about-side-bridge::after{
  content:"";display:block;width:1px;height:38px;background:linear-gradient(180deg,transparent,rgba(127,216,154,.34),transparent)
}
body.page-about-premium .nbc-about-record-list,body.page-about-premium .nbc-about-global-capabilities,body.page-about-premium .nbc-about-method-list{background:transparent!important;border-radius:0!important;box-shadow:none!important}
body.page-about-premium .nbc-about-record-list li,body.page-about-premium .nbc-about-global-capabilities article,body.page-about-premium .nbc-about-method-list li{background:transparent!important;border-radius:0!important;box-shadow:none!important}
body.page-about-premium .nbc-about-global-takeaway{background:transparent!important;border-radius:0!important;box-shadow:none!important}
body.page-about-premium .nbc-about-expert-mini-grid>div,body.page-about-premium .ac-final-cta-grid>div{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
/* Independence remains intentionally the one light evidence folio on /ueber. */
body.page-about-premium #independence.nbc-about-independence-folio{box-shadow:none!important}

@media (min-width:1101px){
  body.page-about-premium .nbc-about-sides-grid{grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr)!important}
  body.page-about-premium .nbc-about-global-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:clamp(70px,7.6vw,118px)!important}
  body.page-about-premium .nbc-about-method-grid{grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr)!important;gap:clamp(66px,7vw,108px)!important}
}
@media (max-width:1080px){
  body.page-about-premium .nbc-about-side-bridge::before,body.page-about-premium .nbc-about-side-bridge::after{display:none}
}

/* --------------------------------------------------------------------------
   P1.3–P1.5 · HOME HERO — lower balance, organic clearance, cleaner handoff
   -------------------------------------------------------------------------- */
body.page-home #auftakt[data-operating-model] .home-process-opening__stage{
  min-height:max(840px,100svh)!important;
  padding-top:clamp(154px,14vh,190px)!important;
  padding-bottom:30px!important;
}
body.page-home #auftakt[data-operating-model] .home-process-opening__hero{z-index:2!important}
body.page-home #auftakt[data-operating-model] .home-process-opening__title{max-width:1180px!important}
body.page-home #auftakt[data-operating-model] .home-process-opening__lead--desktop{max-width:68ch!important}
body.page-home #auftakt[data-operating-model] .nbc-particle-field__still{
  -webkit-mask-image:radial-gradient(ellipse 74% 58% at 31% 31%,transparent 0 17%,rgba(0,0,0,.12) 32%,rgba(0,0,0,.62) 58%,#000 84%)!important;
  mask-image:radial-gradient(ellipse 74% 58% at 31% 31%,transparent 0 17%,rgba(0,0,0,.12) 32%,rgba(0,0,0,.62) 58%,#000 84%)!important;
}
body.page-home #auftakt[data-operating-model] .nbc-particle-field{
  -webkit-mask-image:linear-gradient(#000 0%,#000 calc(100% - 150px),rgba(0,0,0,.82) calc(100% - 95px),transparent 100%)!important;
  mask-image:linear-gradient(#000 0%,#000 calc(100% - 150px),rgba(0,0,0,.82) calc(100% - 95px),transparent 100%)!important;
}
body.page-home #haltung{isolation:isolate}
body.page-home #haltung>.wrap{position:relative;z-index:2}

@media (min-width:761px) and (max-width:1180px){
  body.page-home #auftakt[data-operating-model] .home-process-opening__stage{min-height:max(790px,100svh)!important;padding-top:clamp(136px,15vh,162px)!important;padding-bottom:24px!important}
  body.page-home #auftakt[data-operating-model] .home-process-opening__title{max-width:min(100%,1040px)!important}
}
@media (max-width:760px){
  body.page-home #auftakt[data-operating-model] .home-process-opening__stage{min-height:max(730px,100svh)!important;padding-top:clamp(116px,15vh,132px)!important;padding-bottom:150px!important}
  body.page-home #auftakt[data-operating-model] .home-process-opening__title{max-width:100%!important}
  body.page-home #auftakt[data-operating-model] .nbc-particle-field__still{
    -webkit-mask-image:radial-gradient(ellipse 96% 42% at 45% 20%,transparent 0 14%,rgba(0,0,0,.18) 34%,#000 82%)!important;
    mask-image:radial-gradient(ellipse 96% 42% at 45% 20%,transparent 0 14%,rgba(0,0,0,.18) 34%,#000 82%)!important;
  }
}
@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce),(forced-colors:active){
  body.page-home #auftakt[data-operating-model] .nbc-particle-field{filter:none!important}
}

/* --------------------------------------------------------------------------
   P1.6 · HEADLINE AUDIT — remove legacy bottlenecks without flattening hierarchy
   -------------------------------------------------------------------------- */
@media (min-width:1101px){
  /* Single-field heroes get a broader editorial stage. Split heroes keep their grid. */
  body.page-blog .h7-hero .nbc-unified-hero-title{max-width:16.5ch!important}
  body.page-regional-gateway .local-hero .nbc-unified-hero-title{max-width:14.5ch!important}
  body.page-regional-intelligence .authority-hero h1{max-width:1040px!important}
  body.page-diagnose .dt-hero h1{max-width:12.5ch!important}
  body.page-contact .ac-intake-heading .editorial-title{max-width:16ch!important}
  body.page-about-premium .nbc-about-hero-copy h1{max-width:16ch!important}
  body.page-service .service-hero-copy>h1{max-width:17.5ch!important}
  body.page-template-guide .dg3-hero h1{max-width:18ch!important}
  body.page-barometer .oml-hero h1{max-width:16ch!important}
  body.page-digital-check .dc7-entry__head h1{max-width:18ch!important}
  body.page-template-case-index .case2-index-hero .case2-title{max-width:100%!important}
  body.page-case-detail .case2-hero .case2-title{max-width:min(100%,18ch)!important}

  /* Section heads: width is governed by the composition, not by historical pixel caps. */
  body.page.design-system-executive main :is(
    .nbc-section-heading>h2,
    .h7-section-head>div>h2,
    .km-b5-library-head__copy>h2,
    .nbc-about-section-intro>h2,
    .nbc-about-global-copy>h2,
    .service-context-head>h2,
    .service-editorial-head>h2,
    .service-after-head>h2,
    .service-proof-head>h2,
    .local-section-heading>h2,
    .case2-section-head h2,
    .ac-final-cta h2
  ){max-width:min(100%,1100px)!important}

  /* In split heads, the column itself is the intended width — do not add another choke point. */
  body.page.design-system-executive main :is(.h7-section-head--split,.nbc-about-global-grid,.nbc-about-method-grid) h2{max-width:100%!important}
}
@media (min-width:761px) and (max-width:1100px){
  body.page-regional-gateway .local-hero .nbc-unified-hero-title{max-width:15.5ch!important}
  body.page-contact .ac-intake-heading .editorial-title{max-width:100%!important}
  body.page-diagnose .dt-hero h1{max-width:11.5ch!important}
  body.page-service .service-hero-copy>h1{max-width:100%!important}
  body.page-template-guide .dg3-hero h1{max-width:100%!important}
}
@media (max-width:760px){
  body.page.design-system-executive main :is(h1,.editorial-title,.nbc-unified-hero-title,.case2-title){max-width:100%!important}
  body.page.design-system-executive main :is(.nbc-section-heading>h2,.h7-section-head h2,.km-b5-library-head__copy>h2,.nbc-about-section-intro>h2,.service-context-head>h2,.service-editorial-head>h2,.local-section-heading>h2,.case2-section-head h2){max-width:100%!important}
}

/* Cascade-layer bridge: legacy hero geometry uses !important inside this named layer.
   P1 re-enters the same layer so the signed-off base can be refined without specificity hacks. */
@layer nbc-home-particle-engine {
  body.page-home #auftakt[data-operating-model] .home-process-opening__stage{
    min-height:max(840px,100svh)!important;
    padding-top:clamp(168px,17vh,210px)!important;
    padding-bottom:30px!important;
  }
  body.page-home #auftakt[data-operating-model] .home-process-opening__title{max-width:1260px!important}
  body.page-home #auftakt[data-operating-model] .home-process-opening__lead--desktop{max-width:68ch!important}
  body.page-home #auftakt[data-operating-model] .nbc-particle-field__still{
    -webkit-mask-image:radial-gradient(ellipse 74% 58% at 31% 31%,transparent 0 17%,rgba(0,0,0,.12) 32%,rgba(0,0,0,.62) 58%,#000 84%)!important;
    mask-image:radial-gradient(ellipse 74% 58% at 31% 31%,transparent 0 17%,rgba(0,0,0,.12) 32%,rgba(0,0,0,.62) 58%,#000 84%)!important;
  }
  body.page-home #auftakt[data-operating-model] .nbc-particle-field{
    -webkit-mask-image:linear-gradient(#000 0%,#000 calc(100% - 150px),rgba(0,0,0,.82) calc(100% - 95px),transparent 100%)!important;
    mask-image:linear-gradient(#000 0%,#000 calc(100% - 150px),rgba(0,0,0,.82) calc(100% - 95px),transparent 100%)!important;
  }
  @media (min-width:761px) and (max-width:1180px){
    body.page-home #auftakt[data-operating-model] .home-process-opening__stage{min-height:max(790px,100svh)!important;padding-top:clamp(142px,16vh,172px)!important;padding-bottom:24px!important}
    body.page-home #auftakt[data-operating-model] .home-process-opening__title{max-width:min(100%,1060px)!important}
  }
  @media (max-width:760px){
    body.page-home #auftakt[data-operating-model] .home-process-opening__stage{min-height:max(730px,100svh)!important;padding-top:clamp(118px,15vh,134px)!important;padding-bottom:150px!important}
    body.page-home #auftakt[data-operating-model] .home-process-opening__title{max-width:100%!important}
    body.page-home #auftakt[data-operating-model] .nbc-particle-field__still{
      -webkit-mask-image:radial-gradient(ellipse 96% 42% at 45% 20%,transparent 0 14%,rgba(0,0,0,.18) 34%,#000 82%)!important;
      mask-image:radial-gradient(ellipse 96% 42% at 45% 20%,transparent 0 14%,rgba(0,0,0,.18) 34%,#000 82%)!important;
    }
  }
}

/* Most historical page typography lives in nbc.normal. Re-entering that layer makes
   the audit authoritative even where older rules used !important. */
@layer nbc.normal {
  @media (min-width:1101px){
    body.page-blog .h7-hero .nbc-unified-hero-title{max-width:16.5ch!important}
    body.page-regional-gateway .local-hero .nbc-unified-hero-title{max-width:14.5ch!important}
    body.page-regional-intelligence .authority-hero h1{max-width:1040px!important}
    body.page-diagnose .dt-hero h1{max-width:12.5ch!important}
    body.page-contact .ac-intake-heading .editorial-title{max-width:16ch!important}
    body.page-about-premium .nbc-about-hero-copy h1{max-width:16ch!important}
    body.page-service .service-hero-copy>h1{max-width:17.5ch!important}
    body.page-template-guide .dg3-hero h1{max-width:18ch!important}
    body.page-barometer .oml-hero h1{max-width:16ch!important}
    body.page-digital-check .dc7-entry__head h1{max-width:18ch!important}
    body.page-template-case-index .case2-index-hero .case2-title{max-width:100%!important}
    body.page-case-detail .case2-hero .case2-title{max-width:min(100%,18ch)!important}
    body.page.design-system-executive main :is(.nbc-section-heading>h2,.h7-section-head>div>h2,.km-b5-library-head__copy>h2,.nbc-about-section-intro>h2,.nbc-about-global-copy>h2,.service-context-head>h2,.service-editorial-head>h2,.service-after-head>h2,.service-proof-head>h2,.local-section-heading>h2,.case2-section-head h2,.ac-final-cta h2){max-width:min(100%,1100px)!important}
    body.page.design-system-executive main :is(.h7-section-head--split,.nbc-about-global-grid,.nbc-about-method-grid) h2{max-width:100%!important}
  }
  @media (min-width:761px) and (max-width:1100px){
    body.page-regional-gateway .local-hero .nbc-unified-hero-title{max-width:15.5ch!important}
    body.page-contact .ac-intake-heading .editorial-title{max-width:100%!important}
    body.page-diagnose .dt-hero h1{max-width:11.5ch!important}
    body.page-service .service-hero-copy>h1{max-width:100%!important}
    body.page-template-guide .dg3-hero h1{max-width:100%!important}
  }
  @media (max-width:760px){
    body.page.design-system-executive main :is(h1,.editorial-title,.nbc-unified-hero-title,.case2-title){max-width:100%!important}
    body.page.design-system-executive main :is(.nbc-section-heading>h2,.h7-section-head h2,.km-b5-library-head__copy>h2,.nbc-about-section-intro>h2,.service-context-head>h2,.service-editorial-head>h2,.local-section-heading>h2,.case2-section-head h2){max-width:100%!important}
  }
}

/* P1.2 mobile authority bridge: legacy mobile governance previously turned the
   two-perspective comparison into a horizontal card rail. P1 deliberately keeps
   this section editorial and linear instead of restoring another card pattern. */
@layer nbc.normal {
  @media (max-width:760px){
    body.page.page-about.page-about-premium #two-sides .nbc-about-sides-grid{
      display:grid!important;
      grid-template-columns:minmax(0,1fr)!important;
      gap:0!important;
      width:auto!important;
      max-width:none!important;
      margin:28px 0 0!important;
      padding:0!important;
      overflow:visible!important;
      scroll-snap-type:none!important;
      border-top:1px solid rgba(242,240,233,.12)!important;
      border-bottom:0!important;
    }
    body.page.page-about.page-about-premium #two-sides .nbc-about-side{
      display:block!important;
      flex:none!important;
      width:auto!important;
      min-width:0!important;
      max-width:none!important;
      padding:24px 0!important;
      background:transparent!important;
      border:0!important;
      border-bottom:1px solid rgba(242,240,233,.12)!important;
      border-radius:0!important;
      box-shadow:none!important;
      scroll-snap-align:none!important;
    }
    body.page.page-about.page-about-premium #two-sides .nbc-about-side-bridge{
      display:grid!important;
      grid-template-columns:auto minmax(0,1fr)!important;
      align-items:start!important;
      gap:10px 18px!important;
      flex:none!important;
      width:auto!important;
      min-width:0!important;
      max-width:none!important;
      margin:0!important;
      padding:20px 0!important;
      background:transparent!important;
      border:0!important;
      border-bottom:1px solid rgba(242,240,233,.12)!important;
      border-radius:0!important;
      box-shadow:none!important;
      scroll-snap-align:none!important;
    }
    body.page.page-about.page-about-premium #two-sides .nbc-about-side-bridge .mono{grid-column:1/-1!important}
    body.page.page-about.page-about-premium #two-sides .nbc-about-side-arrow{display:block!important;align-self:center!important;color:#8fd9a2!important}
    body.page.page-about.page-about-premium #two-sides .nbc-about-side-bridge::before,
    body.page.page-about.page-about-premium #two-sides .nbc-about-side-bridge::after{display:none!important}
  }
}