/* Lazy enhancement must not change the reader's position. The no-JS and
   unsupported-mask comparison fallback remains side by side and usable. */
#planning.mp-layout-ready .mp-compare-frame{aspect-ratio:1.60858;align-items:center}
#planning.mp-layout-ready .mp-static-labels{display:none}
#planning.mp-layout-ready .mp-controls[hidden]{display:block!important;visibility:hidden;pointer-events:none}
/* Touch tablets use the same sequential process as phones. Browser toolbar
   expansion must never switch the document between pinned and inline images. */
@media(pointer:coarse),(hover:none){
  #view-design-build .bco-process:not(.is-static){grid-template-columns:1fr;gap:30px}
  #view-design-build .bco-process:not(.is-static)>.bco-process-stage{display:none}
  #view-design-build .bco-process:not(.is-static)>.bco-process-steps{grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  #view-design-build .bco-process-steps li{min-height:0!important}
  #view-design-build .bco-process-steps p{font-size:16px}
  #view-design-build .bco-process-nav{display:none}
  #view-design-build .bco-process-mobile{display:block;width:100%;height:auto;object-fit:contain;margin-bottom:22px}
}
@media(max-width:700px) and (pointer:coarse),(max-width:700px) and (hover:none){
  #view-design-build .bco-process:not(.is-static)>.bco-process-steps{grid-template-columns:1fr}
}