/* Detail pages are readers: only the article scrolls vertically. Do not inherit
   the HOME/ABOUT grid, which centers tall media in compressed implicit rows. */
.view-work-single > .view-panel {
  display: block;
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.view-work-single .work-detail__header {
  margin-bottom: clamp(.65rem, 2vh, 1.5rem);
}

.view-work-single .work-detail {
  height: auto;
  min-height: 0;
  align-items: start;
}

.view-work-single .work-detail__visual {
  width: 100%;
  height: auto;
  min-height: 0;
  max-width: none;
  min-width: 0;
  padding: clamp(.5rem, 2vh, 1.5rem);
  margin: 0;
}

.view-work-single .work-detail__visual img,
.view-work-single .work-detail__visual .placeholder-media {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: min(50dvh, 42rem);
  object-fit: contain;
}

.view-work-single .work-meta {
  margin: 0 0 1rem;
}

.view-work-single .work-detail__content > :last-child,
.view-work-single .entry-content > :last-child {
  margin-bottom: 0;
}

.view-work-single .work-detail__back {
  margin: clamp(.65rem, 2vh, 1.5rem) 0 0;
}

.view-work-single .work-gallery__track {
  scrollbar-gutter: auto;
}

@media (max-width: 46rem) {
  .view-work-single .work-detail {
    grid-template-rows: auto;
    gap: .65rem;
  }
}

@media (max-height: 42rem) {
  .view-work-single > .view-panel { padding-block: .5rem; }
  .view-work-single .work-detail__header { margin-bottom: .5rem; }
  .view-work-single .view-eyebrow { margin-bottom: .25rem; }
  .view-work-single .work-detail__header .view-title { font-size: clamp(1.15rem, 2.6vw, 1.7rem); line-height: 1.35; margin-bottom: 0; }
  .view-work-single .work-detail__terms { margin: .25rem 0 0; }
}
