/* V30: changes ONLY posts with BOTH pictures and descriptions in the For You feed. */
.feed-mode #content > article.post-card.ll30-photo-post .ll30-picture-row {
  display:grid;
  grid-template-columns:minmax(0, 53fr) minmax(0, 47fr);
  gap:9px;
  height:clamp(280px, 44dvh, 400px);
  min-width:0;
  flex:none;
  margin:12px 0 3px;
  align-items:stretch;
}
.feed-mode #content > article.post-card.ll30-photo-post .ll30-photo-frame {
  background:#29132f;
  overflow:hidden;
  min-width:0;
  height:100%;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
}
/* The original photo keeps its proportions; touching it opens the already-existing lightbox. */
.feed-mode #content > article.post-card.ll30-photo-post .ll30-photo-frame img.post-image,
.feed-mode #content > article.post-card.ll30-photo-post .ll30-photo-frame img.post-image.live-post-photo {
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:#29132f!important;
  cursor:zoom-in;
}
.feed-mode #content > article.post-card.ll30-photo-post .ll30-caption-col {
  min-width:0;
  min-height:0;
  height:100%;
  padding:12px 10px 10px;
  background:#ffe3ef;
  color:#390a45;
  border-radius:15px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  overflow:hidden;
}
.feed-mode #content > article.post-card.ll30-photo-post .ll30-caption-col .post-body {
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:var(--ll30-preview-lines, 10);
  line-clamp:var(--ll30-preview-lines, 10);
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  flex:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:pre-line!important;
  text-align:left!important;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;
  font-size:clamp(12px,3.45vw,14px)!important;
  line-height:1.46!important;
  font-weight:400!important;
  color:#390a45!important;
  background:transparent!important;
  border-radius:0!important;
}
.feed-mode #content > article.post-card.ll30-photo-post .ll30-caption-col.ll30-open .post-body {
  display:block!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  flex:1 1 auto!important;
  max-height:100%!important;
  scrollbar-width:thin;
  scrollbar-color:#b86c9c transparent;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.feed-mode #content > article.post-card.ll30-photo-post .ll30-caption-col .ll30-see-more {
  appearance:none;
  background:none;
  border:0;
  padding:7px 0 3px;
  margin: auto 0 0;
  min-height:34px;
  flex:0 0 auto;
  align-self:flex-start;
  text-align:left;
  color:#8a246f;
  font-size:clamp(12px,3.45vw,14px);
  line-height:1.35;
  font-weight:750;
  cursor:pointer;
}
.feed-mode #content > article.post-card.ll30-photo-post .ll30-caption-col .ll30-see-more[hidden] {display:none!important;}
@media(max-width:355px) {
  .feed-mode #content > article.post-card.ll30-photo-post .ll30-picture-row {gap:7px;grid-template-columns:minmax(0,52fr) minmax(0,48fr);}
  .feed-mode #content > article.post-card.ll30-photo-post .ll30-caption-col {padding:9px 7px;}
}
