/* Reuse the existing owner-story typography and site colours. */
#trends-rules { margin-top: var(--site-space-block); border-top: 1px solid var(--px-line); padding-top: var(--site-space-block); scroll-margin-top: calc(var(--site-header-height, 90px) + 24px); }
.palcont-express #trends-rules > h2:first-child { margin-top: 0; }
.palcont-express #trends-rules h3 { margin: 32px 0 var(--site-space-heading); color: var(--px-ink); font-size: var(--px-type-lead); font-weight: 700; line-height: 1.4; }
.trends-rules-jump a { color: var(--px-blue-dark); text-underline-offset: 3px; }

/* Text and photo side by side, following the homepage owner-introduction. */
.trends-prize-fund {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  margin-block: var(--site-space-block);
  scroll-margin-top: calc(var(--site-header-height, 90px) + 24px);
}
.trends-prize-copy { min-width: 0; }
.palcont-express #trends-rules .trends-prize-copy h3 { margin-top: 0; }
.palcont-express #trends-rules .trends-prize-copy p:last-child { margin-bottom: 0; }
.trends-prize-fund .trends-prize-poster { width: min(100%, 520px); margin: 0; }
@media (min-width: 1101px) {
  .trends-prize-fund {
    /* Widen this feature only; the rest of the article keeps its reading width. */
    width: min(calc(100vw - 64px), 1200px);
    margin-inline: calc((100% - min(calc(100vw - 64px), 1200px)) / 2);
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    align-items: start;
    column-gap: clamp(48px, 5.5vw, 64px);
  }
  .trends-prize-fund .trends-prize-poster { width: 100%; }
}
