/* Archive Inline Expand — no popup, no fixed/absolute card positioning. */
body.category #category-post,
body.archive #category-post { --ptv-aie-expanded-media: 70%; }

/* Animate just the media column. The rest of the document flows normally. */
body.category #category-post > article.ptv-ad-entry > .page-box.ptv-ad-card > .box-image,
body.archive #category-post > article.ptv-ad-entry > .page-box.ptv-ad-card > .box-image {
  transition: flex-basis 460ms cubic-bezier(.22,1.12,.34,1),
              width 460ms cubic-bezier(.22,1.12,.34,1),
              box-shadow 300ms ease !important;
}
body.category #category-post > article.ptv-ad-entry.ptv-aie-expanded > .page-box.ptv-ad-card > .box-image,
body.archive #category-post > article.ptv-ad-entry.ptv-aie-expanded > .page-box.ptv-ad-card > .box-image {
  flex: 0 0 var(--ptv-aie-expanded-media) !important;
  width: var(--ptv-aie-expanded-media) !important;
  min-width: 0 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.15) !important;
}
body.category #category-post > article.ptv-ad-entry.ptv-aie-expanded > .page-box.ptv-ad-card > .box-content,
body.archive #category-post > article.ptv-ad-entry.ptv-aie-expanded > .page-box.ptv-ad-card > .box-content {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
}
/* The existing player sets fixed inline dimensions based on the original
   thumbnail. Override them ONLY for the selected, expanded archive card. */
body.category #category-post article.ptv-aie-expanded .box-image .ptvw5-playing .ptvw5-frame,
body.archive #category-post article.ptv-aie-expanded .box-image .ptvw5-playing .ptvw5-frame {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
}
/* Image and player keep their original ratio on normal cards; an Instagram
   embed retains whatever native proportions the theme currently supplies. */
body.category #category-post article.ptv-aie-expanded .box-image .ptvw5-playing,
body.archive #category-post article.ptv-aie-expanded .box-image .ptvw5-playing {
  overflow: hidden !important;
}
@media (max-width: 1024px) and (min-width: 768px) {
  body.category #category-post,
  body.archive #category-post { --ptv-aie-expanded-media: 65%; }
}
/* On narrow devices, archive images already occupy the full card width.
   Never push them beyond the viewport or cover the next post. */
@media (max-width: 767px) {
  body.category #category-post > article.ptv-ad-entry.ptv-aie-expanded > .page-box.ptv-ad-card > .box-image,
  body.archive #category-post > article.ptv-ad-entry.ptv-aie-expanded > .page-box.ptv-ad-card > .box-image {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.category #category-post > article.ptv-ad-entry > .page-box.ptv-ad-card > .box-image,
  body.archive #category-post > article.ptv-ad-entry > .page-box.ptv-ad-card > .box-image {
    transition: none !important;
  }
}