/* V4.2 — focused desktop reading-width and homepage documentary presentation.
   All rules are scoped; no changes to section focus, mobile narration, menus or archives. */
@media (min-width: 1024px) {
  /* Gutenberg's constrained post-content max-width was preventing Wide/Narrow from changing width. */
  .single-post .ff-article-main.ff-reader-wide .wp-block-post-content {
    width: 100%; max-width: 100% !important;
  }
  .single-post .ff-article-main:not(.ff-reader-wide) .ff-reading-body {
    width: 100%; max-width: min(100%, 66ch) !important;
  }
  .single-post .ff-article-main.ff-reader-wide .ff-reading-body {
    width: 100%; max-width: min(100%, 101ch) !important;
  }
  /* Keep the article's documentary visually secondary to its text on large monitors. */
  .single-post .ff-article-hero > .ff-documentary-player {
    width: 100%; max-width: 920px; margin-inline: auto;
  }
  /* Homepage documentaries are compact preview cards, not giant desktop movie panels. */
  .ff-home .ff-collection-documentaries .ff-card-grid {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
  }
  .ff-home .ff-collection-documentaries .ff-card {
    display: block; min-width: 0;
  }
  .ff-home .ff-collection-documentaries .ff-card-visual {
    display: block; width: 100%; aspect-ratio: 16/9; overflow: hidden;
  }
  .ff-home .ff-collection-documentaries .ff-card-copy { padding: 14px 4px 0; }
  .ff-home .ff-collection-documentaries .ff-card h3 { font-size: clamp(19px,1.75vw,24px); }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .ff-home .ff-collection-documentaries .ff-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  .ff-home .ff-collection-documentaries .ff-card { display: block; min-width: 0; }
  .ff-home .ff-collection-documentaries .ff-card-visual { display: block; width: 100%; aspect-ratio: 16/9; }
}