.kiosk-frame {
  display: block;
  width: 100%;
  height: 780px;
  border: 0;
  background: #f5f7fb;
}

/* Give the touch interface room instead of squeezing it beside the case study. */
@media (max-width: 1000px) {
  .detail-layout:has(.kiosk-frame) {
    display: flex;
    flex-direction: column;
  }

  .detail-layout:has(.kiosk-frame) > aside {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}