/* Keep the homepage reporting copy and dashboard frame still when tabs change.
   Scoped to the shared English/German homepage section only. */
#wrapper #inner-wrap #analytics-deliverables .ph-deliverable-split {
  align-items: start;
}

#wrapper #inner-wrap #analytics-deliverables .ph-deliverable-copy,
#wrapper #inner-wrap #analytics-deliverables .ph-dashboard {
  align-self: start;
  min-width: 0;
}

/* 1701/925 is the tallest of the four current dashboard screenshots.
   The frame reserves its size before a lazy image loads. Each complete image
   fits inside that frame; no detection, chart or text is cropped. */
#wrapper #inner-wrap #analytics-deliverables .ph-dashboard > [role="tabpanel"] {
  position: relative;
  width: 100%;
  min-width: 0;
  aspect-ratio: 1701 / 925;
  background: #071722;
  border-radius: 7px;
}

#wrapper #inner-wrap #analytics-deliverables .ph-dashboard > [role="tabpanel"][hidden] {
  display: none !important;
}

#wrapper #inner-wrap #analytics-deliverables .ph-dashboard > [role="tabpanel"] > .ph-image-link {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

#wrapper #inner-wrap #analytics-deliverables .ph-dashboard > [role="tabpanel"] > .ph-image-link > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
}