/* The supplied detail artwork keeps its own reading width inside the Web shell. */
.mp-detail {
  width: min(864px, var(--sp-content-width));
  margin-inline: auto;
}
/* Keep the page heading available to assistive technology without a visual intro. */
.mp-detail h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.mp-images, .mp-frame, .mp-frame picture { display: block; margin: 0; padding: 0; }
.mp-frame img { display: block; width: 100%; height: auto; margin: 0; border: 0; }
/* Keep floating consultation controls outside the artwork's reading column. */
@media (900px <= width < 1280px) {
  .marketing-detail-page .quick-contact {
    position: static;
    grid-template-columns: 152px auto;
    align-items: start;
    justify-content: start;
    margin-top: 24px;
  }
  .marketing-detail-page .quick-contact__panel { position: static; margin-top: 12px; }
  .marketing-detail-page .sp-contact-actions .sp-link { display: none; }
}