/* JPK Northwest B4: unified tool presentation. Owner-authorized WBD-039.
   This stylesheet owns only the hosted page frame, not any calculation or dataset. */
.jpk-b4-unified-tool > .jpk-site-breadcrumbs {
  box-sizing:border-box!important;
  max-width:1084px!important;
  width:calc(100% - 32px)!important;
  padding-inline:0!important;
  padding-block:12px 0!important;
  margin-inline:auto!important;
}
.jpk-b4-unified-tool > .jpk-design-tool-start {display:block;height:0;overflow:hidden}
.jpk-b4-unified-tool > :is(#jpk-lwc,#jpk-twr,#jpk-ndc,#jpk-ue,#jpk-ifs,.jpk-locdash-executive,.jpk-locdash-operations,.jpk-locdash-quality) {
  margin-top:0!important;
}
/* A single editorial reading order: category, title, explanatory sentence, then controls. */
.jpk-b4-unified-tool :is(.jpk-lwc-intro,.jpk-twr-intro,.jpk-ndc-intro,.jpk-ue-intro,.jpk-ifs-intro) {
  display:block!important;
  max-width:1084px;
  margin-inline:auto!important;
  width:100%;
}
.jpk-b4-unified-tool :is(.jpk-lwc-lede,.jpk-twr-lede,.jpk-ndc-lede,.jpk-ue-lede,.jpk-ifs-lede) {
  max-width:76ch!important;
  margin-block:6px 10px!important;
}
/* Keep the tool's actual H1 and explanatory text, not a second host heading. */
.jpk-b4-unified-tool :is(.jpk-lwc-intro,.jpk-twr-intro,.jpk-ndc-intro,.jpk-ue-intro,.jpk-ifs-intro) {
  margin-block:0 clamp(14px,2vw,26px)!important;
  padding-block:clamp(16px,2.4vw,28px) clamp(12px,1.5vw,20px)!important;
  gap:clamp(8px,1.3vw,18px)!important;
  box-shadow:none!important;
}
.jpk-b4-unified-tool :is(.jpk-lwc-intro,.jpk-twr-intro,.jpk-ndc-intro,.jpk-ue-intro,.jpk-ifs-intro) > div {
  min-width:0;
}
.jpk-b4-unified-tool :is(.jpk-lwc-title,.jpk-twr-title,.jpk-ndc-title,.jpk-ue-title,.jpk-ifs-title) {
  margin-block:4px 8px!important;
  line-height:1.11!important;
}
.jpk-b4-unified-tool :is(.jpk-locdash-executive,.jpk-locdash-operations,.jpk-locdash-quality) .jpk-head {
  margin-block:0 clamp(12px,2vw,22px)!important;
  padding-block:clamp(14px,2vw,24px)!important;
  box-shadow:none!important;
}
.jpk-b4-unified-tool :is(.jpk-locdash-executive,.jpk-locdash-operations,.jpk-locdash-quality) .jpk-head .jpk-deck {
  max-width:75ch;
}
.jpk-b4-unified-tool :is(.jpk-lwc-provenance,.jpk-twr-provenance,.jpk-ndc-provenance,.jpk-ue-provenance,.jpk-ifs-provenance) {
  font-size:clamp(11px,0.84vw,13px)!important;
  white-space:normal!important;
  line-height:1.4!important;
  max-width:100%;
}
.jpk-b4-unified-tool :is(.jpk-lwc-calculator,.jpk-twr-calculator,.jpk-ndc-layout,.jpk-ue-calculator,.jpk-ifs-calculator) {
  margin-block-start:0!important;
}
.jpk-b4-unified-tool .jpk-site-breadcrumbs a:focus-visible {outline:3px solid var(--jpk-focus,#3d7a5a);outline-offset:2px}
@media(max-width:700px){
  .jpk-b4-unified-tool > .jpk-site-breadcrumbs {width:calc(100% - 32px)!important;max-width:none!important;}
  .jpk-b4-unified-tool :is(.jpk-lwc-intro,.jpk-twr-intro,.jpk-ndc-intro,.jpk-ue-intro,.jpk-ifs-intro) {
    margin-top:0!important;padding-top:14px!important;
  }
  .jpk-b4-unified-tool :is(.jpk-locdash-executive,.jpk-locdash-operations,.jpk-locdash-quality) .jpk-head {padding-top:14px!important;}
}

/* A-03/W2: counteract the 20px grown breadcrumb hit region on tool hosts only. */
.jpk-b4-unified-tool > nav.jpk-site-breadcrumbs{margin-bottom:-20px!important;}



/* Q10: cosmetic-only calculator host class refinement. No values or units changed. */
.jpk-b4-unified-tool :is(.jpk-lwc-intro,.jpk-twr-intro,.jpk-ndc-intro,.jpk-ue-intro,.jpk-ifs-intro){font-family:var(--jpk-body)}
.jpk-b4-unified-tool :is(input,select,textarea,button){font-family:var(--jpk-body);letter-spacing:normal}
.jpk-b4-unified-tool :is(label,.jpk-field-label,.jpk-input-label){line-height:1.4}
.jpk-b4-unified-tool :is(input,select,textarea){max-width:100%}
.jpk-b4-unified-tool :is(.jpk-lwc-title,.jpk-twr-title,.jpk-ndc-title,.jpk-ue-title,.jpk-ifs-title){font-family:var(--jpk-heading);letter-spacing:-.01em}