/* Editorial poster rows use the same grid and corner marks as AI Space. */
.article-prose .watchlist-entry {
  display: grid;
  grid-template-columns: var(--size-160) minmax(0, 1fr);
  grid-template-areas: "poster title" "poster copy";
  column-gap: var(--space-7);
  row-gap: var(--space-3);
  align-items: start;
  margin-block: var(--space-8) var(--space-10);
  padding-top: var(--space-7);
  border-top: var(--stroke-thin) solid var(--line);
  scroll-margin-top: var(--size-110);
}
.article-prose .watchlist-entry > h3 {
  grid-area: title;
  margin: 0;
  align-self: end;
}
.article-prose .watchlist-poster {
  grid-area: poster;
  min-width: 0;
  margin: 0;
}
.article-prose .watchlist-poster-frame {
  display: block;
  padding: var(--space-2);
  text-decoration: none;
}
.article-prose .watchlist-poster-frame:focus-visible {
  outline: var(--stroke-focus) solid var(--cyan);
  outline-offset: var(--size-4);
}
.article-prose .watchlist-poster img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: contain;
  background: var(--color-surface-deep);
  margin: 0;
  border: 0;
  border-radius: 0;
}
.article-prose .watchlist-poster figcaption {
  margin-top: var(--space-2);
  font: var(--font-size-10) / 1.6 var(--font-meta);
  color: var(--color-text-muted);
}
.article-prose .watchlist-poster figcaption a {
  color: inherit;
  text-decoration: none;
}
.article-prose .watchlist-poster figcaption a:hover {
  color: var(--cyan);
}
.article-prose .watchlist-copy {
  grid-area: copy;
  min-width: 0;
}
.article-prose .watchlist-copy p {
  margin: 0 0 var(--space-4);
}
.article-prose .watchlist-copy p:last-child {
  margin-bottom: 0;
}
.article-prose .watchlist-copy small {
  display: block;
  font-size: var(--font-size-12);
  line-height: 1.8;
}
@media (max-width: 1150px) {
  .article-prose .watchlist-entry {
    grid-template-columns: var(--size-120) minmax(0, 1fr);
    column-gap: var(--space-5);
  }
}
@media (max-width: 760px) {
  .article-prose .watchlist-entry {
    grid-template-columns: var(--size-120) minmax(0, 1fr);
  }
}
@media (max-width: 620px) {
  .article-prose .watchlist-entry {
    grid-template-columns: var(--size-104) minmax(0, 1fr);
    grid-template-areas: "poster title" "copy copy";
    column-gap: var(--space-4);
    row-gap: var(--space-5);
    padding-top: var(--space-6);
    margin-bottom: var(--space-8);
  }
  .article-prose .watchlist-entry > h3 {
    align-self: center;
    font-size: var(--font-size-20);
    line-height: 1.4;
  }
  .article-prose .watchlist-poster-frame {
    padding: var(--space-1-5);
  }
}

.article-prose .watchlist-parts { margin-bottom: var(--space-4); font-size: var(--font-size-12); line-height: 1.8; }
.article-prose .watchlist-parts summary { cursor: pointer; color: var(--cyan); padding-block: var(--space-2); }
.article-prose .watchlist-parts summary:focus-visible { outline: var(--stroke-focus) solid var(--cyan); outline-offset: var(--size-4); }
.article-prose .watchlist-parts[open] > p:first-of-type { margin-top: var(--space-3); }