/* Case-study adaptations. Desktop compositions remain those of the supplied export. */
@media (max-width: 1100px) {
  /* Both images must change rows together; otherwise the middle arrow can be stranded. */
  .dc-page:has(#case-title) .v2-e8f2781e91 {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .dc-page:has(#case-title) .v2-e8f2781e91 > figure {
    flex: none !important;
    width: 100% !important;
  }
  .dc-page:has(#case-title) .ba-arrow {
    flex: none !important;
    align-self: center;
    transform: rotate(90deg) !important;
  }
}

@media (max-width: 600px) {
  .dc-page:has(#case-title) .v2-d2013e01c8 {
    width: calc(100% - 40px) !important;
  }
  /* A small screen has no spare gutter for the rotated information cards. */
  .dc-page:has(#case-title) :is(.v2-7a36806aff, .v2-5bd842d603) {
    transform: none !important;
  }
  .dc-page:has(#case-title) .v2-7a36806aff {
    padding: 24px 20px !important;
  }
  .dc-page:has(#case-title) .v2-5bd842d603 {
    padding: 24px 20px 12px !important;
  }
  .dc-page:has(#case-title) dl > div {
    min-width: 0;
    gap: 12px !important;
  }
  .dc-page:has(#case-title) dd {
    min-width: 0;
    overflow-wrap: break-word;
  }
}

@media (hover: none) {
  /* Captions cannot depend on a hover gesture on phones and tablets. */
  .dc-page:has(#case-title) .gal figcaption {
    opacity: 1;
    transform: none;
  }
}