/* Progress.tz v2.9.22 — Homepage Single-Column Feed */

/*
 Force homepage story feed back to one vertical column on all screen sizes.
 This intentionally overrides v2.9.18/v2.9.20/v2.9.21 grid rules.
*/

:is(
  .progress-shorts-social,
  .progress-shorts-grid,
  .shorts-grid,
  .shorts-feed,
  .progress-shorts-feed,
  .latest-stories-grid,
  .stories-grid,
  [data-shorts-feed]
){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:20px!important;
  width:100%!important;
  max-width:980px!important;
  margin-inline:auto!important;
  align-items:start!important;
}

:is(
  .progress-shorts-social,
  .progress-shorts-grid,
  .shorts-grid,
  .shorts-feed,
  .progress-shorts-feed,
  .latest-stories-grid,
  .stories-grid,
  [data-shorts-feed]
) > :is(
  .ps-post,
  [data-ps-post="1"],
  .short-card,
  .shorts-card,
  .progress-short-card,
  .story-card,
  .latest-story-card,
  article.story
){
  grid-column:1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
}

/* Remove forced square/4:3 desktop media crops from previous grid releases. */
:is(
  .ps-post,
  [data-ps-post="1"],
  .short-card,
  .shorts-card,
  .progress-short-card,
  .story-card,
  .latest-story-card,
  article.story
) :is(
  .ps-media,
  .feature-media,
  .featured-media,
  .media-wrap,
  .story-media,
  .short-media,
  picture
){
  aspect-ratio:auto!important;
  height:auto!important;
  max-height:none!important;
}

:is(
  .ps-post,
  [data-ps-post="1"],
  .short-card,
  .shorts-card,
  .progress-short-card,
  .story-card,
  .latest-story-card,
  article.story
) :is(
  .ps-media,
  .feature-media,
  .featured-media,
  .media-wrap,
  .story-media,
  .short-media,
  picture
) :is(img,video){
  width:100%!important;
  height:auto!important;
  object-fit:cover!important;
}

/* Keep feed-level controls full width. */
:is(
  .load-more,
  .load-more-wrap,
  .shorts-load-more,
  [data-load-more],
  .feed-status,
  .feed-empty
){
  width:100%!important;
  max-width:980px!important;
  margin-inline:auto!important;
}

/* Mobile */
@media(max-width:700px){
  :is(
    .progress-shorts-social,
    .progress-shorts-grid,
    .shorts-grid,
    .shorts-feed,
    .progress-shorts-feed,
    .latest-stories-grid,
    .stories-grid,
    [data-shorts-feed]
  ){
    max-width:100%!important;
    gap:16px!important;
  }
}