/* Explicitly opted-in Design | Build chapters. Inline pairs remain the default;
   only the controller may enable the stationary responsive composition. */
#view-design-build [data-process-chapters] .bco-process > .bco-process-nav{display:none}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  grid-template-rows:auto auto;
  column-gap:clamp(36px,4vw,72px);
  row-gap:28px;
  align-items:center;
}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-stage{
  display:block;position:relative;top:auto;grid-column:2;grid-row:1;
}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-images{
  width:100%;aspect-ratio:1.5;max-height:calc(100svh - 330px);border-radius:0;
}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-images img{object-fit:contain;transform:none;border-radius:0}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-steps{
  display:grid;grid-template-columns:1fr;grid-column:1;grid-row:1;gap:0;align-self:start;
}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-steps > li,
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-steps > li:last-child{
  grid-area:1 / 1;min-height:0;padding:24px 0 0;align-self:start;
}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-mobile{display:none}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-steps .idx{font-size:15px;color:var(--crimson)}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-steps h3{font-size:clamp(40px,4vw,62px);margin:20px 0}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-steps p{font-size:clamp(17px,1.35vw,21px);max-width:36ch}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-question{font-size:15px;margin-top:24px}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-stage figcaption{font-size:14px;margin-top:16px}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-nav{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-column:1 / -1;grid-row:2;gap:20px;margin:0;
}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-nav a{
  display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:52px;font-size:15px;line-height:1.3;padding:10px 0;
}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-nav .sr-only{
  position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;
}
#view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-nav [aria-hidden]{order:-1;color:var(--crimson);font-size:13px}
/* Touch, browser panels and medium screens share the same stationary pairing.
   The controller enables this only after decode, font readiness and measured fit. */
@media(max-width:1099px),(max-height:759px),(pointer:coarse),(hover:none){
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned{column-gap:24px;row-gap:16px}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-stage{max-width:none}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-steps h3{font-size:clamp(32px,4vw,44px);line-height:1.15;margin:12px 0}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-steps p{font-size:16px;line-height:1.5;max-width:none}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-steps .bco-process-question{font-size:14px;margin-top:12px}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-stage figcaption{font-size:13px;line-height:1.4;margin-top:10px}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-nav a{font-size:13px;gap:6px}
}
@media(max-width:700px){
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-stage{grid-column:1;grid-row:1}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-images{aspect-ratio:auto;height:min(28svh,220px);max-height:none}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-steps{grid-column:1;grid-row:2}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-steps > li,
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-steps > li:last-child{padding:12px 0 0}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-steps h3{font-size:34px;line-height:1.1;margin:8px 0}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-steps .idx{font-size:13px}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-nav{grid-column:1;grid-row:3;gap:4px}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-nav a{flex-direction:column;justify-content:center;gap:3px;min-height:48px;padding:4px 0;font-size:12px;letter-spacing:0}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-nav [aria-hidden]{font-size:12px}
}
@media print{
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned{display:block!important;transform:none!important}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned > .bco-process-steps{display:block}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned [data-process-step]{opacity:1!important;visibility:visible!important}
  #view-design-build [data-process-chapters] .bco-process.is-chapter-pinned .bco-process-mobile{display:block}
}