/* Fill the available text column before wrapping, throughout the portfolio. */
body main.detail :is(h1,h2,h3,p,figcaption,dt,dd,strong,small,span,em){text-wrap:wrap!important}

body .detail .detail-opening .detail-side>p:not(.detail-category),
body .detail .detail-brief>h2,
body .detail .detail-brief>div p,
body .detail .detail-blocks .detail-block .block-copy>h2,
body .detail .detail-blocks .detail-block .block-copy>p:not(.detail-label),
body .detail .leto-chapter-copy>h2,
body .detail .leto-chapter-copy>p:last-child,
body .detail .leto-chapter figcaption>span:first-child,
body .detail .motion-refresh-copy h2,
body .detail .uber-poster .ride-narrative,
body .detail .uber-poster .ride-story>span,
body .cv .cv-method-card>p{width:100%;max-width:none}

body .detail .leto-result h2 em{max-width:none}
body .detail .leto-result-detail>p{width:100%;max-width:none;padding-left:0}
body .detail .leto-result-detail li>p,
body .detail .leto-result-detail li>strong{max-width:none}
body .detail .motion-result-note{margin-inline:0;max-width:none}

/* Project facts fill the row; separators sit close to the following text.
   Clipping hides a separator whenever its item starts a new wrapped row. */
body .detail .detail-opening .detail-side>dl,
body .detail .motion-project-details dl{
  display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;
  gap:40px var(--fact-column-gap,clamp(40px,8vw,92px));overflow:hidden;border:0;
}
body .detail .detail-opening .detail-side>dl>div,
body .detail .motion-project-details dl>div{
  position:relative;flex:0 1 auto;width:auto;min-width:0;max-width:100%;
  margin:0;padding:0;border:0;
}
body .detail .detail-opening .detail-side>dl>div+div:before,
body .detail .motion-project-details dl>div+div:before{
  content:"";position:absolute;left:-16px;top:0;bottom:0;
  opacity:var(--fact-divider-visible,0);
  border-left:1px solid color-mix(in srgb,currentColor 25%,transparent);
}
body .detail .detail-opening .detail-side>dl dd,
body .detail .motion-project-details dl dd{max-width:32ch}

/* Let the motion project facts use the extra space on wide layouts. */
@container motion-metadata (min-width:64rem){
  body .detail .motion-project-details dl{justify-content:space-between}
}