/*! NBC v6.482 · Typography & Width Contract
    Reference page: /ueber
    Purpose: transfer the approved About-page hierarchy to marketing/service pages and the homepage
    without flattening instrument, article or legal typography. Loaded last on the
    pages it governs. */

:root{
  --nbc-twc-h1:clamp(54px,4.8vw,68px);
  --nbc-twc-h1-line:.98;
  --nbc-twc-h1-track:-.05em;
  --nbc-twc-h2:clamp(38px,3.7vw,56px);
  --nbc-twc-h2-line:.99;
  --nbc-twc-h2-track:-.047em;
  --nbc-twc-h3:clamp(24px,2vw,30px);
  --nbc-twc-h3-line:1.04;
  --nbc-twc-h3-track:-.035em;
  --nbc-twc-hero-gap:clamp(48px,6vw,92px);
}

@media (min-width:1024px){
  /* MARKETING H2 ROLE
     Same scale/rhythm as /ueber. Only semantic content headings are included;
     tool displays such as SOLLWEG/ECHTWEG, Anbieterprobe and Delegationsprobe stay local. */
  body.page-contact :is(.ac-intake-panel-head,.nbc-contact-after-head)>div>h2,
  body.page-contact .nbc-contact-after-head>h2,
  body.page-regional-gateway .nbc-section-heading>.nbc-section-title,
  body.page-regional-gateway .local-independence-copy>.nbc-section-title,
  body.page-service.page-template-service-detail :is(
    .service-context-head,
    .service-editorial-head,
    .process-evidence-head,
    .service-value-block,
    .service-case-metric,
    .service-after-head,
    .service-authority-copy,
    .erp-direction-head,
    .erp-levels-head,
    .erp-ai-copy,
    .ai-gates-head,
    .ai-readiness-head
  )>h2,
  body.page-service.page-template-service-detail :is(.process-conversion-band,.erp-decision-cta-inner) h2,
  body.page-industry-hub .bi-head>h2,
  body.page-industry-hub :is(.trade-final-copy,.ps-final-copy,.ps-billing-copy)>h2{
    width:100%!important;
    max-width:none!important;
    font-family:Archivo,-apple-system,"Segoe UI",system-ui,sans-serif!important;
    font-size:var(--nbc-twc-h2)!important;
    line-height:var(--nbc-twc-h2-line)!important;
    letter-spacing:var(--nbc-twc-h2-track)!important;
    text-wrap:pretty!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  /* Regional page: preserve the designed split scenes, but stop headings from
     becoming oversized relative to the About hierarchy. */
  body.page-regional-gateway :is(
    .local-economy-head .nbc-section-title,
    .local-independence-copy .nbc-section-title,
    .local-direct .local-wide-heading .nbc-section-title
  ){
    font-size:var(--nbc-twc-h2)!important;
    line-height:var(--nbc-twc-h2-line)!important;
    letter-spacing:var(--nbc-twc-h2-track)!important;
  }

  /* SERVICE H3 ROLE — ordinary content cards/lists only. */
  body.page-service.page-template-service-detail :is(
    .service-context-list,
    .process-evidence-copy,
    .service-strategic-grid,
    .service-after-section,
    .service-authority-inner,
    .erp-direction-options,
    .erp-direction-map,
    .erp-levels-grid,
    .erp-decision-layers,
    .ai-gates-grid,
    .ai-readiness-output
  ) h3{
    font-size:var(--nbc-twc-h3)!important;
    line-height:var(--nbc-twc-h3-line)!important;
    letter-spacing:var(--nbc-twc-h3-track)!important;
  }

  /* REGIONAL H3 ROLE */
  body.page-regional-gateway :is(
    .local-situation-list,
    .local-context-grid,
    .local-check-grid,
    .local-proof-grid,
    .local-work-modes,
    .local-visit-panel
  ) h3{
    font-size:var(--nbc-twc-h3)!important;
    line-height:var(--nbc-twc-h3-line)!important;
    letter-spacing:var(--nbc-twc-h3-track)!important;
  }

  /* INDUSTRY HERO — the largest remaining deviation from /ueber.
     Give the copy the same 1.25/.60 priority and restore the approved H1 scale. */
  body.page-industry-hub.industry-trade .trade-order-hero-grid,
  body.page-industry-hub.industry-services .ps-hero-grid{
    grid-template-columns:minmax(0,1.25fr) minmax(360px,.6fr)!important;
    gap:var(--nbc-twc-hero-gap)!important;
    align-items:center!important;
  }
  body.page-industry-hub.industry-trade .trade-order-hero .nbc-unified-hero-title,
  body.page-industry-hub.industry-services .ps-hero .nbc-unified-hero-title{
    width:100%!important;
    max-width:100%!important;
    font-family:Archivo,-apple-system,"Segoe UI",system-ui,sans-serif!important;
    font-size:var(--nbc-twc-h1)!important;
    line-height:var(--nbc-twc-h1-line)!important;
    letter-spacing:var(--nbc-twc-h1-track)!important;
    text-wrap:pretty!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  body.page-industry-hub.industry-trade .trade-order-hero .nbc-unified-hero-lead,
  body.page-industry-hub.industry-services .ps-hero .nbc-unified-hero-lead{
    max-width:58ch!important;
  }

  /* INDUSTRY SECTION AXIS — use available editorial width instead of legacy ch caps. */
  body.page-industry-hub .bi-head{
    width:100%!important;
    max-width:none!important;
  }
  body.page-industry-hub :is(
    .ps-capacity-decision .bi-head,
    .ps-margin .bi-head,
    .ps-operating-model .bi-head,
    .trade-value-stream .bi-head
  )>h2{
    max-width:none!important;
  }

  /* INDUSTRY H3 ROLE — content hierarchy, not visual metrics/displays. */
  body.page-industry-hub :is(
    .bi-zone,
    .bi-fit-item,
    .bi-method-step,
    .bi-authority,
    .bi-knowledge-link
  ) h3{
    font-size:var(--nbc-twc-h3)!important;
    line-height:var(--nbc-twc-h3-line)!important;
    letter-spacing:var(--nbc-twc-h3-track)!important;
  }
}

/* Transitional laptop range: industry pages are already single-column here.
   Keep the title strong, but avoid the old 70px+ treatment. */
@media (min-width:761px) and (max-width:1180px){
  body.page-industry-hub.industry-trade .trade-order-hero .nbc-unified-hero-title,
  body.page-industry-hub.industry-services .ps-hero .nbc-unified-hero-title{
    max-width:16ch!important;
    font-size:clamp(50px,5.2vw,62px)!important;
    line-height:.98!important;
    letter-spacing:-.05em!important;
    text-wrap:pretty!important;
  }
}

@media (max-width:760px){
  /* About-page mobile hierarchy: H1 max ~41, H2 34–38, H3 20–23.
     Long industry headlines get a controlled long-title variant. */
  body.page-industry-hub.industry-trade .trade-order-hero .nbc-unified-hero-title{
    max-width:none!important;
    font-size:clamp(35px,10vw,40px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    text-wrap:pretty!important;
  }
  body.page-industry-hub.industry-services .ps-hero .nbc-unified-hero-title{
    max-width:none!important;
    font-size:clamp(34px,9.6vw,38px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    text-wrap:pretty!important;
  }

  body.page-contact :is(.ac-intake-panel-head,.nbc-contact-after-head)>div>h2,
  body.page-contact .nbc-contact-after-head>h2,
  body.page-regional-gateway .nbc-section-heading>.nbc-section-title,
  body.page-regional-gateway .local-independence-copy>.nbc-section-title,
  body.page-service.page-template-service-detail :is(
    .service-context-head,
    .service-editorial-head,
    .process-evidence-head,
    .service-value-block,
    .service-case-metric,
    .service-after-head,
    .service-authority-copy,
    .erp-direction-head,
    .erp-levels-head,
    .erp-ai-copy,
    .ai-gates-head,
    .ai-readiness-head
  )>h2,
  body.page-service.page-template-service-detail :is(.process-conversion-band,.erp-decision-cta-inner) h2,
  body.page-industry-hub .bi-head>h2,
  body.page-industry-hub :is(.trade-final-copy,.ps-final-copy,.ps-billing-copy)>h2{
    width:100%!important;
    max-width:none!important;
    font-size:clamp(34px,9.4vw,38px)!important;
    line-height:1.02!important;
    letter-spacing:-.042em!important;
    text-wrap:pretty!important;
    hyphens:none!important;
  }

  body.page-regional-gateway :is(
    .local-economy-head .nbc-section-title,
    .local-independence-copy .nbc-section-title,
    .local-direct .local-wide-heading .nbc-section-title
  ){
    font-size:clamp(34px,9.4vw,38px)!important;
    line-height:1.02!important;
  }

  body.page-service.page-template-service-detail :is(
    .service-context-list,
    .process-evidence-copy,
    .service-strategic-grid,
    .service-after-section,
    .service-authority-inner,
    .erp-direction-options,
    .erp-direction-map,
    .erp-levels-grid,
    .erp-decision-layers,
    .ai-gates-grid,
    .ai-readiness-output
  ) h3,
  body.page-regional-gateway :is(
    .local-situation-list,
    .local-context-grid,
    .local-check-grid,
    .local-proof-grid,
    .local-work-modes,
    .local-visit-panel
  ) h3,
  body.page-industry-hub :is(
    .bi-zone,
    .bi-fit-item,
    .bi-method-step,
    .bi-authority,
    .bi-knowledge-link
  ) h3{
    font-size:clamp(20px,5.8vw,23px)!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
  }
}

/* Short laptop viewport: keep the first decision/action visible without shrinking
   the general desktop system. This is the long-title analogue of the About hero. */
@media (min-width:1181px) and (max-height:820px){
  body.page-industry-hub.industry-trade .trade-order-hero .nbc-unified-hero-title{
    font-size:60px!important;
  }
  body.page-industry-hub.industry-services .ps-hero .nbc-unified-hero-title{
    font-size:58px!important;
  }
  body.page-industry-hub.industry-trade .trade-order-hero-proof,
  body.page-industry-hub.industry-services .ps-hero-proof{
    margin:28px 0!important;
    padding-block:18px!important;
  }
}

@media (max-width:760px){
  /* Long editorial statements use the same controlled reduction principle as
     long mobile H1s; this prevents 7–8 line blocks while preserving hierarchy. */
  body.page-service.page-template-service-detail :is(.service-authority-copy,.erp-ai-copy)>h2{
    font-size:clamp(31px,8.4vw,34px)!important;
    line-height:1.035!important;
  }
}

/* ==========================================================================
   v6.482 · HOMEPAGE FINAL TYPOGRAPHY PASS
   The homepage already matches the About reference in hero size and page shell.
   Only three measured outliers are normalized here.
   ========================================================================== */

@media (min-width:761px){
  /* Diagnosis layer headings used a larger instrument scale (up to 62px).
     They are editorial section headings, so use the approved About H2 role. */
  body.page-home .home-dx-sync .dx-section-head>h2{
    width:100%!important;
    max-width:none!important;
    font-family:Archivo,-apple-system,"Segoe UI",system-ui,sans-serif!important;
    font-size:var(--nbc-twc-h2)!important;
    line-height:var(--nbc-twc-h2-line)!important;
    letter-spacing:var(--nbc-twc-h2-track)!important;
    text-wrap:pretty!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  /* The three service statements remain stronger than ordinary card H3s,
     but no longer grow to 34–38px on wide desktops. */
  body.page-home .home-service-choice__item>h3{
    width:100%!important;
    max-width:none!important;
    font-size:clamp(27px,2.1vw,32px)!important;
    line-height:1.055!important;
    letter-spacing:-.034em!important;
    text-wrap:pretty!important;
  }
}

@media (max-width:760px){
  /* Long mobile section title: preserve hierarchy without a four-line 38px block. */
  body.page-home #situationen-title{
    width:100%!important;
    max-width:none!important;
    font-size:clamp(32px,8.8vw,35px)!important;
    line-height:1.025!important;
    letter-spacing:-.041em!important;
    text-wrap:pretty!important;
  }

  /* Service statements keep conversion weight, with an About-like card scale. */
  body.page-home .home-service-choice__item>h3{
    width:100%!important;
    max-width:none!important;
    font-size:clamp(22px,6vw,24px)!important;
    line-height:1.07!important;
    letter-spacing:-.03em!important;
    text-wrap:pretty!important;
  }
}