/*! NBC v6.672 · Mobile Homepage Final · resilient service decision lab */
@media (max-width:760px){
  body.page-home[data-home-mobile-final="v6672"] .p7-home{
    --mh-gutter:clamp(20px,6.1vw,28px);
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-wrap{
    width:100%!important;
    max-width:none!important;
    padding-inline:var(--mh-gutter)!important;
  }

  /* Keep the page cinematic, but remove unnecessary vertical drift between chapters. */
  body.page-home[data-home-mobile-final="v6672"] .p7-attitude{padding-block:76px 78px!important}
  body.page-home[data-home-mobile-final="v6672"] .p7-twin{padding-block:76px 80px!important}
  body.page-home[data-home-mobile-final="v6672"] .p7-decisions{padding:76px 0 78px!important;background:transparent!important}
  body.page-home[data-home-mobile-final="v6672"] .p7-ledger{padding-block:72px 70px!important}
  body.page-home[data-home-mobile-final="v6672"] .p7-final{padding-top:78px!important}

  body.page-home[data-home-mobile-final="v6672"] .p7-decisions>.p7-wrap>.p7-intro{
    margin:17px 0 28px!important;
    max-width:34ch!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-decisions .p7-title--statement{
    max-width:100%!important;
    font-size:clamp(42px,11.2vw,48px)!important;
    line-height:.94!important;
    letter-spacing:-.052em!important;
    text-wrap:balance!important;
  }

  /* Three services are a mobile decision lab, not three full pages stacked together. */
  body.page-home[data-home-mobile-final="v6672"] .mh-services-tabs{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin:0 0 22px;
    padding:6px;
    border:1px solid rgba(235,242,236,.11);
    border-radius:12px;
    background:rgba(5,14,9,.66);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  body.page-home[data-home-mobile-final="v6672"] .mh-services-tabs button{
    min-width:0;
    min-height:58px;
    display:grid;
    align-content:center;
    gap:4px;
    padding:9px 7px;
    border:1px solid transparent;
    border-radius:8px;
    background:transparent;
    color:rgba(239,244,240,.54);
    text-align:left;
  }
  body.page-home[data-home-mobile-final="v6672"] .mh-services-tabs button span{
    color:rgba(154,219,172,.62);
    font:500 7px/1 "IBM Plex Mono",monospace;
    letter-spacing:.10em;
  }
  body.page-home[data-home-mobile-final="v6672"] .mh-services-tabs button strong{
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
    line-height:1.05;
    letter-spacing:-.01em;
  }
  body.page-home[data-home-mobile-final="v6672"] .mh-services-tabs button[aria-selected="true"]{
    border-color:rgba(151,220,169,.32);
    background:linear-gradient(180deg,rgba(142,211,160,.12),rgba(142,211,160,.045));
    color:#f0f4f1;
    box-shadow:inset 0 -2px 0 rgba(151,220,169,.78);
  }

  body.page-home[data-home-mobile-final="v6672"] .p7-decisions[data-mh-services-ready="true"] .p7-logic[data-mh-active="false"]{
    display:none!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic[data-mh-service-panel]{
    padding:25px 0 0!important;
    border-top:1px solid rgba(235,242,236,.12)!important;
    border-bottom:0!important;
    min-height:0!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic[data-mh-active="true"]{
    animation:mhServiceEnter .32s cubic-bezier(.22,.61,.36,1) both;
  }
  @keyframes mhServiceEnter{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}

  body.page-home[data-home-mobile-final="v6672"] .p7-logic header{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:18px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic__number{
    padding:0!important;
    font-size:8px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic h3{
    max-width:14ch!important;
    font-size:clamp(30px,8.2vw,35px)!important;
    line-height:.98!important;
    letter-spacing:-.043em!important;
    text-wrap:balance!important;
  }

  /* Always-visible visual: no autoplay dependency. The native instrument below remains interactive. */
  body.page-home[data-home-mobile-final="v6672"] .p7-logic .p72-loop{
    display:block!important;
    position:relative!important;
    width:100%!important;
    aspect-ratio:1.58/1!important;
    margin:18px 0 14px!important;
    overflow:hidden!important;
    border:1px solid rgba(235,242,236,.13)!important;
    border-radius:12px!important;
    background:#07120b!important;
    box-shadow:0 22px 48px rgba(0,0,0,.18)!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic .p72-loop picture,
  body.page-home[data-home-mobile-final="v6672"] .p7-logic .p72-loop img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    opacity:1!important;
    object-fit:cover!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic .p72-loop__label{
    left:10px!important;
    right:10px!important;
    bottom:9px!important;
    width:max-content!important;
    max-width:calc(100% - 20px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    background:rgba(4,12,7,.86)!important;
    border:1px solid rgba(235,242,236,.08)!important;
    font-size:6.4px!important;
  }

  body.page-home[data-home-mobile-final="v6672"] .p7-process__track{
    height:56px!important;
    margin-top:1px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-erp__zones{
    height:96px!important;
    margin-top:4px!important;
    border-radius:8px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-ai__stream{
    height:70px!important;
    margin-top:3px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] :is(.p7-process__controls,.p7-erp__controls,.p7-ai__controls){
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:4px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] :is(.p7-process__controls,.p7-erp__controls,.p7-ai__controls) button{
    min-width:0!important;
    min-height:48px!important;
    padding:8px 7px!important;
    border-radius:7px!important;
    font-size:9.5px!important;
    line-height:1.18!important;
    hyphens:auto!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic__readout{
    min-height:0!important;
    margin-top:15px!important;
    padding-top:15px!important;
    gap:6px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic__readout strong{
    max-width:23ch!important;
    font-size:20px!important;
    line-height:1.07!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic__readout p{
    font-size:12.5px!important;
    line-height:1.48!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-logic .p7-decision-line{margin-top:13px!important}
  body.page-home[data-home-mobile-final="v6672"] .p7-logic>.p7-text-link{
    display:inline-flex!important;
    margin-top:15px!important;
    padding-bottom:4px!important;
  }

  body.page-home[data-home-mobile-final="v6672"] .p7-diagnosis-path{
    margin-top:34px!important;
    padding-top:22px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-diagnosis-path>div{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-diagnosis-path a{
    min-height:43px;
    display:flex!important;
    align-items:center!important;
    padding:9px 10px!important;
    border:1px solid rgba(154,219,172,.16)!important;
    border-radius:7px!important;
    background:rgba(154,219,172,.035)!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }

  /* Slightly calmer first half: preserve drama, remove card-like accumulation. */
  body.page-home[data-home-mobile-final="v6672"] .p7-attitude__principles>div{
    padding-block:16px!important;
  }
  body.page-home[data-home-mobile-final="v6672"] .p7-twin__detail{
    min-height:92px!important;
  }
}
@media (max-width:390px){
  body.page-home[data-home-mobile-final="v6672"] .mh-services-tabs button strong{font-size:11px}
  body.page-home[data-home-mobile-final="v6672"] .p7-decisions .p7-title--statement{font-size:clamp(40px,11.4vw,44px)!important}
  body.page-home[data-home-mobile-final="v6672"] .p7-logic h3{font-size:31px!important}
  body.page-home[data-home-mobile-final="v6672"] :is(.p7-process__controls,.p7-erp__controls,.p7-ai__controls) button{font-size:9px!important}
}
@media (prefers-reduced-motion:reduce){
  body.page-home[data-home-mobile-final="v6672"] .p7-logic[data-mh-active="true"]{animation:none!important}
}