@import url("../common/poster.css");

.poster-grid--detail {
  grid-template-areas:
    "setup setup setup setup setup setup consensus consensus consensus consensus consensus consensus"
    "lowbudget lowbudget lowbudget lowbudget diagnostics diagnostics diagnostics diagnostics categorical categorical categorical categorical"
    "lowbudget lowbudget lowbudget lowbudget scorio scorio scorio scorio scorio scorio scorio scorio";
}

#detail-consensus {
  grid-area: consensus;
}

#detail-lowbudget {
  grid-area: lowbudget;
}

#detail-diagnostics {
  grid-area: diagnostics;
}

#detail-scorio {
  grid-area: scorio;
}

.poster-view--detail #detail-consensus .card__body {
  grid-template-columns: minmax(0, 1.32fr) minmax(230px, 0.88fr);
  gap: 16px;
}

.poster-view--detail #detail-consensus .card__column--supporting {
  gap: 12px;
  padding-top: 2px;
}

.poster-view--detail #detail-lowbudget .card__body {
  gap: 11px;
}

.poster-view--detail #detail-diagnostics .card__body--prior {
  grid-template-columns: minmax(0, 1.24fr) minmax(260px, 0.76fr);
  gap: 16px;
}

#detail-diagnostics .figure img {
  aspect-ratio: 1848 / 631;
}

.poster-view--detail #detail-categorical .card__body--split {
  grid-template-columns: minmax(168px, 0.92fr) minmax(0, 1fr);
}

#detail-categorical .figure img {
  aspect-ratio: 1200 / 911;
  object-position: top;
}

.poster-view--detail #detail-scorio .card__body {
  gap: 11px;
}

.poster-view--detail #detail-scorio .algorithm-block {
  min-height: 0;
}

.poster-view--detail .detail-metrics {
  min-width: 0;
}

.poster-view--detail .detail-metric {
  grid-template-columns: minmax(96px, 118px) minmax(0, 1fr);
}

.poster-view--detail .card__body,
.poster-view--detail .card__column,
.poster-view--detail .card__list,
.poster-view--detail .detail-metric__value,
.poster-view--detail .equation,
.poster-view--detail .algorithm-block pre,
.poster-view--detail .algorithm-block code {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
  .hero__subtitle {
    max-width: 100%;
  }
}