/* Preserve existing column structure and frame heights while filling Plus. */
.owner-report-comparison > article { min-inline-size: 0; }
.owner-report-image img { max-inline-size: 100%; }
/* Remove the rectangular backdrop while retaining the original Free report. */
.owner-report-image-free img { clip-path: inset(5.77% 7.39% 5.44% 7.39%); }
.owner-report-image-plus { position: relative; container-type: inline-size; }
.owner-report-image-plus img {
  filter: brightness(1.09);
  display: block;
  flex: none;
  inline-size: 100%;
  /* Previous image was 3:2; its frame had a 260px border-box minimum.
     Keep those heights with the wider replacement image. */
  block-size: max(258px, 66.666667cqw);
  object-fit: cover;
  object-position: center;
}
.owner-report-photo-credit {
  position: absolute;
  top: .5rem;
  right: .5rem;
  z-index: 1;
  padding: .125rem .375rem;
  border: 1px solid var(--line);
  border-radius: .375rem;
  background: var(--surface);
  color: var(--muted);
  font-size: .625rem;
  line-height: 1.4;
  direction: ltr;
  unicode-bidi: isolate;
}
.owner-report-photo-credit:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}
@media (min-width: 64rem) {
  .owner-report-comparison {
    container-type: inline-size;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  /* Retain the frame height from the previous 59% column and 3:2 photo. */
  .owner-report-comparison .owner-report-image-plus {
    height: max(260px, calc(39.333333cqw - var(--spacing, .25rem) * 9.966667 - .666667px));
    justify-content: center;
  }
  .owner-report-comparison .owner-report-image-plus img {
    block-size: 100%;
  }
}
