/* Page 10: replacement presentation for the Multifamily Residential Building. */
html.iakob-building-ii-snap
  .ZRRuDw
  > section.rGeu6w.iakob-multifamily-screen {
  align-items: center !important;
  background: #fefefd !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  padding: 92px max(26px, calc((100vw - 1280px) / 2)) 28px !important;
  position: relative !important;
}

html.iakob-building-ii-snap .iakob-multifamily-figure {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0;
  max-width: 1280px;
  width: 100%;
}

html.iakob-building-ii-snap .iakob-multifamily-image {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

/* Desktop Snap-screens 10.3 and 10.4: scale the complete raster composition
   as one unit between the row-2 and row-32 grid lines. This leaves grid rows
   1 and 32 empty without changing any internal image relationships. */
html.iakob-desktop-layout.iakob-building-ii-snap
  :is(#iakob-multifamily-screen-3, #iakob-multifamily-screen-4)
  .iakob-multifamily-figure {
  height: calc(var(--iakob-desktop-grid-unit, 26.666667px) * 30);
  left: 50%;
  max-width: none;
  position: absolute;
  top: calc(
    var(--iakob-desktop-grid-top, 48px) +
      var(--iakob-desktop-grid-unit, 26.666667px) -
      48px
  );
  transform: translateX(-50%);
}

html.iakob-desktop-layout.iakob-building-ii-snap
  #iakob-multifamily-screen-3
  .iakob-multifamily-figure {
  width: calc(var(--iakob-desktop-grid-unit, 26.666667px) * 38.105263);
}

html.iakob-desktop-layout.iakob-building-ii-snap
  #iakob-multifamily-screen-4
  .iakob-multifamily-figure {
  width: calc(var(--iakob-desktop-grid-unit, 26.666667px) * 40);
}

html.iakob-desktop-layout.iakob-building-ii-snap
  :is(#iakob-multifamily-screen-3, #iakob-multifamily-screen-4)
  .iakob-multifamily-image {
  height: 100%;
  max-height: none;
  max-width: none;
  width: 100%;
}

/* Optional diagnostics for desktop Screens 10.3 and 10.4. */
html.iakob-desktop-layout.iakob-building-ii-snap.iakob-debug-frames-enabled
  :is(#iakob-multifamily-screen-3, #iakob-multifamily-screen-4)
  .iakob-multifamily-figure {
  outline: 2px solid #e11d48;
  outline-offset: -2px;
}

html.iakob-desktop-layout.iakob-building-ii-snap.iakob-debug-frames-enabled
  :is(#iakob-multifamily-screen-3, #iakob-multifamily-screen-4)
  .iakob-multifamily-figure::after {
  background: #e11d48;
  color: #fff;
  content: "COMPLETE COMPOSITION FRAME · ROWS 2–31";
  font: 600 11px/1.2 Arial, sans-serif;
  left: 0;
  letter-spacing: 0.04em;
  padding: 4px 6px;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 3;
}

html.iakob-building-ii-snap .iakob-multifamily-original-figure {
  aspect-ratio: var(--iakob-multifamily-frame-ratio);
  height: auto;
  left: 50%;
  max-width: 924px;
  position: absolute;
  top: 112px;
  transform: translateX(-50%);
}

html.iakob-building-ii-snap .iakob-multifamily-crop-window {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

html.iakob-building-ii-snap
  .iakob-multifamily-image.iakob-multifamily-crop-image {
  height: var(--iakob-multifamily-image-height);
  left: var(--iakob-multifamily-image-left);
  max-height: none;
  max-width: none;
  position: absolute;
  top: var(--iakob-multifamily-image-top);
  width: var(--iakob-multifamily-image-width);
}

/* Page 11: all eight Multifamily II sheets share the full 48 x 32
   composition frame. Their native 3:2 sheet ratio matches that frame, so
   the complete PDF page scales uniformly without cropping or distortion. */
html.iakob-desktop-layout.iakob-building-ii-snap.iakob-route-multifamily-ii
  .iakob-multifamily-sheet-figure {
  height: calc(var(--iakob-desktop-grid-unit, 26.666667px) * 32);
  left: 50%;
  margin: 0;
  max-width: none;
  position: absolute;
  top: calc(var(--iakob-desktop-grid-top, 48px) - 48px);
  transform: translateX(-50%);
  width: calc(var(--iakob-desktop-grid-unit, 26.666667px) * 48);
}

html.iakob-desktop-layout.iakob-building-ii-snap.iakob-route-multifamily-ii
  .iakob-multifamily-sheet-figure
  .iakob-multifamily-image {
  height: 100%;
  max-height: none;
  max-width: none;
  object-fit: contain;
  width: 100%;
}