/* Only mobile artwork details on phone-sized viewports use the adjacent layout. */
@media (min-width:280px) and (max-width:600px) {
  .horizon-detail[data-mobile-split] .horizon-detail-stage {
    display:grid;
    grid-template-columns:var(--mobile-detail-image-column) minmax(0,1fr);
    column-gap:var(--mobile-detail-gap);
    align-items:center;
    min-height:var(--mobile-detail-stage-height);
    padding-bottom:16px;
  }
  .horizon-detail[data-mobile-split] .horizon-detail-image {
    width:var(--mobile-detail-image-width);
    max-width:100%;
    height:auto;
    object-fit:contain;
    margin:0 auto;
  }
  .horizon-detail[data-mobile-split] .horizon-detail-info {
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0;
    padding:0;
    text-align:center;
  }
  .horizon-detail[data-mobile-split] .horizon-detail-info h2 {
    margin:0 0 16px;
    font-size:clamp(17px,4.6vw,20px);
    line-height:1.4;
    overflow-wrap:anywhere;
  }
  .horizon-detail[data-mobile-split] .horizon-detail-versions {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:4px;
  }
  .horizon-detail[data-mobile-split] .horizon-detail-versions button {
    min-width:0;
    min-height:44px;
    padding:6px 0;
    font-size:12px;
  }
  .horizon-detail[data-mobile-split] .horizon-detail-spec {
    margin:16px 0;
    font-size:11px;
    line-height:1.7;
    overflow-wrap:anywhere;
  }
  .horizon-detail[data-mobile-split] .horizon-detail-download {
    min-height:48px;
    padding:10px 0;
    gap:6px;
    flex-wrap:wrap;
    font-size:12px;
    line-height:1.5;
  }
  .horizon-detail[data-mobile-split] .horizon-detail-feedback {
    font-size:11px;
    line-height:1.7;
    overflow-wrap:anywhere;
  }
}