/* Pop Quest v22.4.0 — UX consistency and card system polish */
:root{--pq-card-radius:26px;--pq-card-border:#eadcff;--pq-card-shadow:0 18px 44px rgba(24,17,47,.065)}

/* Unified feed-card shell */
#pqv3-app .pq-clean-feed-card,
#pqv3-app .pq-feed-module-card,
#pqv3-app .pq-directory-section{
  border-color:var(--pq-card-border)!important;
  box-shadow:var(--pq-card-shadow)!important;
}
#pqv3-app .pq-story-card,
#pqv3-app .pq-exclusive-card{
  border-radius:var(--pq-card-radius)!important;
  overflow:hidden!important;
}

/* Standard story card: text/actions left, image fills the entire right edge. */
@media(min-width:821px){
  #pqv3-app .pq-story-card.pq-clean-story-card{
    display:grid!important;
    grid-template-columns:minmax(0,65%) minmax(260px,35%)!important;
    grid-template-rows:auto auto auto auto!important;
    align-items:stretch!important;
  }
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-copy{grid-column:1;grid-row:1;padding:30px 32px 24px!important;min-width:0}
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-media{grid-column:2;grid-row:1/-1;min-height:100%!important;height:100%!important;border-radius:0!important;align-self:stretch!important;overflow:hidden!important}
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-media img{width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-story-trend-row{grid-column:1;grid-row:2}
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-actions{grid-column:1;grid-row:3;min-height:72px!important}
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-story-card-sources,
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-admin-rank-debug{grid-column:1;grid-row:auto}
  #pqv3-app .pq-exclusive-card-premium{grid-template-columns:minmax(0,65%) minmax(260px,35%)!important}
  #pqv3-app .pq-exclusive-card-premium .pq-exclusive-card-media{width:100%!important;min-width:0!important}
}

/* Mobile cards use one predictable stack and tighter spacing. */
@media(max-width:820px){
  #pqv3-app .pq-story-card.pq-clean-story-card,
  #pqv3-app .pq-exclusive-card-premium{display:flex!important;flex-direction:column!important}
  #pqv3-app .pq-story-card .pq-clean-feed-media,
  #pqv3-app .pq-exclusive-card-media{order:-1;width:100%!important;min-height:220px!important;max-height:310px!important;border-radius:0!important}
  #pqv3-app .pq-story-card .pq-clean-feed-media img,
  #pqv3-app .pq-exclusive-card-media img{width:100%!important;height:100%!important;min-height:220px!important;object-fit:cover!important;display:block!important}
  #pqv3-app .pq-story-card .pq-clean-feed-copy,
  #pqv3-app .pq-exclusive-card-copy{padding:22px 20px 18px!important}
  #pqv3-app .pq-clean-feed-actions{min-height:62px!important;padding-inline:12px!important}
}

/* Topic pages: content first, creation secondary, mobile spacing fixed. */
#pqv3-app .pq-topic-detail-page{max-width:1120px!important;margin:0 auto!important;padding:30px 18px 64px!important}
#pqv3-app .pq-topic-detail-hero{padding:clamp(32px,5vw,58px)!important;margin-bottom:22px!important}
#pqv3-app .pq-topic-detail-hero h1{font-size:clamp(52px,8vw,92px)!important;line-height:.9!important;letter-spacing:-.06em!important}
#pqv3-app .pq-topic-content-section{margin-top:22px!important;padding:24px!important}
#pqv3-app .pq-topic-creator-ideas{margin-top:30px!important;background:#faf7ff!important}
#pqv3-app .pq-topic-creator-ideas .pq-topic-card{min-height:64px!important}
@media(max-width:760px){
  #pqv3-app .pq-topic-detail-page{padding:14px 12px 44px!important}
  #pqv3-app .pq-topic-detail-hero{padding:26px 20px!important;margin-bottom:14px!important;border-radius:22px!important}
  #pqv3-app .pq-topic-detail-hero h1{font-size:clamp(42px,13vw,62px)!important}
  #pqv3-app .pq-topic-detail-hero p{font-size:16px!important;line-height:1.45!important}
  #pqv3-app .pq-topic-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  #pqv3-app .pq-topic-content-section,
  #pqv3-app .pq-topic-group{padding:20px 16px!important;margin-top:14px!important;border-radius:22px!important}
  #pqv3-app .pq-topic-content-row{gap:12px!important}
  #pqv3-app .pq-topic-cloud{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  #pqv3-app .pq-topic-card{width:100%!important;min-width:0!important;padding:14px 16px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}
}

/* Footer is always the proper Pop Quest finish. */
#pqv3-app .pq-footer-v423,
#pqv3-app .pq-footer{
  background:linear-gradient(135deg,#35108f 0%,#7d2cff 100%)!important;
  color:#fff!important;
  border:0!important;
  border-radius:28px 28px 0 0!important;
  padding:48px clamp(22px,6vw,72px)!important;
  margin-top:42px!important;
}
#pqv3-app .pq-footer-v423 strong,
#pqv3-app .pq-footer-v423 a,
#pqv3-app .pq-footer strong,
#pqv3-app .pq-footer a{color:#fff!important}
#pqv3-app .pq-footer a{opacity:.88!important;text-decoration:none!important}
#pqv3-app .pq-footer a:hover{opacity:1!important}
#pqv3-app .pq-footer-toggle{color:#fff!important;border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.1)!important}

/* Keep admin ranking diagnostics out of the public visual system. */
body:not(.logged-in) #pqv3-app .pq-admin-rank-debug{display:none!important}

/* Story Intelligence CTA aligns to the article/card edge and remains non-sticky. */
.pq-intelligence-trigger-wrap{position:static!important;display:flex!important;justify-content:flex-end!important;width:min(1080px,calc(100vw - 32px))!important;margin:14px auto 18px!important;pointer-events:auto!important}
.pq-intelligence-trigger{position:static!important;inset:auto!important;transform:none!important}
@media(max-width:760px){.pq-intelligence-trigger-wrap{width:calc(100vw - 24px)!important;margin:12px auto 16px!important}.pq-intelligence-trigger{width:100%!important;justify-content:center!important}}

/* v22.4.1 correction: full-height story image rail and square footer */
@media(min-width:821px){
  #pqv3-app .pq-story-card.pq-clean-story-card{
    position:relative!important;
    display:block!important;
    padding-right:32%!important;
    min-height:0!important;
  }
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-copy,
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-story-signal-row,
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-actions,
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-story-card-sources,
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-admin-rank-debug{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-media{
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:32%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-media img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
  }
}

#pqv3-app .pq-footer-v423,
#pqv3-app .pq-footer,
.pq-footer-v423,
.pq-footer{
  border-radius:0!important;
}

/* v22.4.3 — keep the image rail stable when the sources disclosure opens. */
@media(min-width:821px){
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-media{
    bottom:auto!important;
    height:var(--pq-story-media-height,100%)!important;
    max-height:var(--pq-story-media-height,none)!important;
  }
}

/* v22.4.5 — editor recommendations are genuinely swipeable. */
#pqv3-app .pq-ai-editor-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
  scrollbar-width:none!important;
  padding:4px 34px 10px 2px!important;
}
#pqv3-app .pq-ai-editor-grid::-webkit-scrollbar{display:none!important}
#pqv3-app .pq-ai-editor-grid>a{
  flex:0 0 min(360px,82vw)!important;
  width:min(360px,82vw)!important;
  min-width:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
@media(min-width:900px){
  #pqv3-app .pq-ai-editor-grid>a{flex-basis:calc((100% - 28px)/3)!important;width:calc((100% - 28px)/3)!important}
}

/* Keep the media rail at the collapsed-card height when sources expand. */
@media(min-width:821px){
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-media{
    height:var(--pq-collapsed-media-height,auto)!important;
    max-height:var(--pq-collapsed-media-height,none)!important;
    bottom:auto!important;
  }
}

/* v22.4.7 — mobile story media must fully cover the card edge. */
@media(max-width:820px){
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-media,
  #pqv3-app .pq-exclusive-card-premium>.pq-exclusive-card-media{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #pqv3-app .pq-story-card.pq-clean-story-card>.pq-clean-feed-media img,
  #pqv3-app .pq-exclusive-card-premium>.pq-exclusive-card-media img{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:cover!important;
    display:block!important;
  }
}

/* v22.4.9 — pending-source success state: clean black copy, no accidental selection styling. */
#pqv3-app .pq-story-source-logged{
  text-align:center!important;
}
#pqv3-app .pq-story-source-logged p,
#pqv3-app .pq-story-source-logged small{
  color:#17112f!important;
  background:transparent!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#17112f!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
#pqv3-app .pq-story-source-logged p::selection,
#pqv3-app .pq-story-source-logged small::selection,
#pqv3-app .pq-story-source-logged p *::selection{
  color:#17112f!important;
  background:rgba(139,61,255,.14)!important;
}

/* v22.5.3 — Daily Quiz played state and sharing */
#pqv3-app .pq-daily-quiz-cta.pq-played{
  opacity:1!important;
  filter:none!important;
  border-color:#cdeedb!important;
}
#pqv3-app .pq-daily-quiz-cta .pq-feed-module-kicker-played{
  color:#36b86f!important;
  font-weight:900!important;
}
#pqv3-app .pq-daily-quiz-actions{
  display:flex!important;
  align-items:stretch!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#pqv3-app .pq-daily-quiz-share{
  appearance:none!important;
  border:1.5px solid #e4d6ff!important;
  background:#fff!important;
  color:#7d36f4!important;
  border-radius:999px!important;
  min-height:48px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
}
#pqv3-app .pq-daily-quiz-share svg{width:20px!important;height:20px!important;display:block!important;}
@media (max-width:760px){
  #pqv3-app .pq-daily-quiz-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  #pqv3-app .pq-daily-quiz-actions .pq-daily-quiz-button,
  #pqv3-app .pq-daily-quiz-actions .pq-daily-quiz-share{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
}