/* NBC P3 cascade containment v7329 */
@layer nbc.legacy{
/*! NBC v7284 · Barometer Phase 1 – stage & layout authority. Particle engine intentionally untouched. */
@layer nbc-barometer-phase1-v7284{
  /* The outer instrument remains the single frame. Remove repeated inset feel and give the process image the available width. */
  body.page-barometer .baro-workbench{
    overflow:visible!important;
  }
  body.page-barometer .baro-stage{
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:
      radial-gradient(ellipse at 50% 42%,rgba(129,200,151,.055),transparent 68%),
      linear-gradient(180deg,rgba(169,220,188,.016),transparent 30%,transparent 68%,rgba(169,220,188,.012))!important;
  }
  body.page-barometer .baro-stage-head{
    margin:0!important;
    padding:0 0 4px!important;
  }
  body.page-barometer .bf-heading{
    margin-top:12px!important;
  }
  body.page-barometer .baro-svg{
    margin:2px 0 10px!important;
  }
  body.page-barometer .bf-case-status{
    margin-top:2px!important;
  }
  body.page-barometer .bf-labels{
    gap:10px!important;
  }
  body.page-barometer .bf-key{
    margin-top:18px!important;
  }
  body.page-barometer .bf-status{
    margin-top:14px!important;
  }
  body.page-barometer .bp-readout-details{
    margin-top:12px!important;
  }

  /* Large screens: controls stay fully readable, but additional width belongs to the process image. */
  @media (min-width:1101px){
    body.page-barometer .baro-workbench{
      grid-template-columns:minmax(310px,340px) minmax(0,1fr)!important;
      grid-template-areas:"controls stage" "result result"!important;
    }
    body.page-barometer .baro-controls{
      padding:22px 18px!important;
    }
    body.page-barometer .baro-stage{
      padding:20px 18px 22px!important;
    }
    body.page-barometer .baro-dimension{
      padding:18px 0!important;
    }
    body.page-barometer .baro-dimension-copy{
      margin-top:10px!important;
    }
  }

  /* Tablet is a full-width stage first. No compressed desktop composition. */
  @media (min-width:761px) and (max-width:1100px){
    body.page-barometer .baro-workbench{
      grid-template-columns:minmax(0,1fr)!important;
      grid-template-areas:"stage" "controls" "result"!important;
    }
    body.page-barometer .baro-stage{
      padding:20px 18px 22px!important;
    }
    body.page-barometer .baro-svg{
      width:100%!important;
      max-width:none!important;
    }
    body.page-barometer .baro-controls{
      padding-inline:20px!important;
    }
  }

  /* Mobile keeps the engine's vertical 380×750 geometry, but removes duplicated side gutters. */
  @media (max-width:760px){
    body.page-barometer .baro-stage{
      width:100%!important;
      max-width:100%!important;
      box-sizing:border-box!important;
      margin-inline:0!important;
      margin-left:0!important;
      padding:22px 12px 24px!important;
    }
    body.page-barometer .baro-svg{
      width:100%!important;
      max-width:500px!important;
      margin:4px auto 12px!important;
    }
    body.page-barometer .bf-heading{
      gap:10px!important;
    }
    body.page-barometer .bf-labels{
      gap:14px 12px!important;
    }
    body.page-barometer .bf-key{
      gap:10px 18px!important;
    }
  }

  @media (max-width:340px){
    body.page-barometer .baro-stage{
      width:100%!important;
      margin-left:0!important;
      padding-inline:10px!important;
    }
  }

}

}