/*! NBC v6.562 · Final Mobile Layout Polish
    Mobile-only layout owner. Preserves desktop composition and content hierarchy. */

@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;
  }
}
