/* Stage 2 card system: spacing, hierarchy, borders, shadows and metadata. */
#pqv3-app .pq-clean-feed-card,
#pqv3-app .pq-feed-card,
#pqv3-app .pq-story-card,
#pqv3-app .pq-poll-card,
#pqv3-app .pq-one-question-card,
#pqv3-app .pq-home-quiz-card,
#pqv3-app .pq-discussion-feed-card,
#pqv3-app .pq-home-discussion-card,
#pqv3-app .pq-quiz-tile{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  background:var(--pq-ui-surface)!important;
  border:1px solid var(--pq-ui-line)!important;
  border-radius:var(--pq-ui-radius)!important;
  box-shadow:var(--pq-ui-shadow-soft)!important;
  color:var(--pq-ui-ink)!important;
  overflow:hidden!important;
}
#pqv3-app .pq-clean-feed-card:hover,
#pqv3-app .pq-feed-card:hover,
#pqv3-app .pq-story-card:hover,
#pqv3-app .pq-poll-card:hover{
  box-shadow:var(--pq-ui-shadow)!important;
}
#pqv3-app .pq-story-card{
  display:grid!important;
  grid-template-columns:var(--pq-ui-media-width) minmax(0, 1fr)!important;
  grid-template-areas:"media copy" "actions actions"!important;
  gap:0!important;
  align-items:stretch!important;
  padding:0!important;
}
#pqv3-app .pq-story-img{
  grid-area:media!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  background:var(--pq-ui-soft)!important;
}
#pqv3-app .pq-story-img img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:250px!important;
  object-fit:cover!important;
}
#pqv3-app .pq-story-body,
#pqv3-app .pq-clean-feed-copy,
#pqv3-app .pq-feed-main-copy{
  min-width:0!important;
  max-width:100%!important;
}
#pqv3-app .pq-story-card .pq-story-body{
  grid-area:copy!important;
  padding:28px 30px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  justify-content:center!important;
}
#pqv3-app .pq-clean-feed-meta,
#pqv3-app .pq-story-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:0!important;
  margin:0!important;
}
#pqv3-app .pq-clean-feed-meta > *,
#pqv3-app .pq-story-meta > *{
  display:inline!important;
  margin:0!important;
}
#pqv3-app .pq-clean-feed-meta > * + *::before,
#pqv3-app .pq-story-meta > * + *::before{
  content:"•";
  margin:0 8px;
  color:var(--pq-ui-faint);
  font-weight:700;
}
#pqv3-app .pq-clean-feed-pill,
#pqv3-app .pq-topic-chip,
#pqv3-app .pq-feed-card-inner > span{
  display:inline!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--pq-ui-muted)!important;
  font-size:var(--pq-ui-meta)!important;
  line-height:1.3!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#pqv3-app .pq-clean-feed-summary,
#pqv3-app .pq-story-summary{
  margin:0!important;
}
#pqv3-app .pq-clean-feed-actions,
#pqv3-app .pq-poll-actions,
#pqv3-app .pq-feed-actions,
#pqv3-app .pq-story-actions,
#pqv3-app .pq-q-card-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  min-width:0!important;
  border-top:1px solid var(--pq-ui-line)!important;
  padding:12px 18px!important;
  background:#fff!important;
}
#pqv3-app .pq-story-actions{
  grid-area:actions!important;
}
#pqv3-app .pq-clean-feed-actions > *,
#pqv3-app .pq-poll-actions > *,
#pqv3-app .pq-feed-actions > *,
#pqv3-app .pq-story-actions > *,
#pqv3-app .pq-q-card-actions > *{
  min-height:var(--pq-ui-tap-target)!important;
}
#pqv3-app .pq-poll-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  padding:0!important;
}
#pqv3-app .pq-poll-card .pq-clean-feed-copy{
  padding:28px 30px 26px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
#pqv3-app .pq-poll-options,
#pqv3-app .pq-q-card-options{
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  gap:10px!important;
  margin:4px 0 0!important;
}
#pqv3-app .pq-poll-option,
#pqv3-app .pq-q-card-options button{
  width:100%!important;
  min-height:var(--pq-ui-tap-target)!important;
  border:1px solid var(--pq-ui-line-strong)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
  padding:14px 16px!important;
  color:var(--pq-ui-ink)!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
#pqv3-app .pq-poll-option b{
  opacity:.08!important;
}
#pqv3-app .pq-poll-option.picked,
#pqv3-app .pq-q-card-options button.picked{
  border-color:rgba(105, 46, 194, .34)!important;
  background:#fbf9ff!important;
}
#pqv3-app .pq-feed-card{
  margin:0!important;
  padding:0!important;
}
#pqv3-app .pq-feed-card-shell{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#pqv3-app .pq-feed-card-inner{
  padding:28px 30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px 24px!important;
  align-items:center!important;
}
#pqv3-app .pq-feed-card .pq-feed-actions{
  border-top:0!important;
  padding:0!important;
  background:transparent!important;
}
@media (max-width: 760px){
  #pqv3-app .pq-story-card{
    grid-template-columns:minmax(0, 1fr)!important;
    grid-template-areas:"media" "copy" "actions"!important;
  }
  #pqv3-app .pq-story-img img{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
  }
  #pqv3-app .pq-story-card .pq-story-body,
  #pqv3-app .pq-poll-card .pq-clean-feed-copy,
  #pqv3-app .pq-feed-card-inner{
    padding:22px!important;
  }
  #pqv3-app .pq-clean-feed-actions,
  #pqv3-app .pq-poll-actions,
  #pqv3-app .pq-feed-actions,
  #pqv3-app .pq-story-actions,
  #pqv3-app .pq-q-card-actions{
    justify-content:flex-start!important;
    padding:10px 14px!important;
  }
  #pqv3-app .pq-clean-feed-card,
  #pqv3-app .pq-feed-card,
  #pqv3-app .pq-story-card,
  #pqv3-app .pq-poll-card,
  #pqv3-app .pq-one-question-card,
  #pqv3-app .pq-home-quiz-card,
  #pqv3-app .pq-discussion-feed-card,
  #pqv3-app .pq-home-discussion-card,
  #pqv3-app .pq-quiz-tile{
    border-radius:22px!important;
  }
}


/* Stage 7 final UI QA: card hierarchy and spacing normalisation. */
#pqv3-app .pq-clean-feed-card,
#pqv3-app .pq-feed-card,
#pqv3-app .pq-story-card,
#pqv3-app .pq-poll-card,
#pqv3-app .pq-one-question-card,
#pqv3-app .pq-home-quiz-card,
#pqv3-app .pq-discussion-feed-card,
#pqv3-app .pq-home-discussion-card,
#pqv3-app .pq-quiz-tile{
  contain:layout paint;
}
#pqv3-app .pq-clean-feed-card h1,
#pqv3-app .pq-clean-feed-card h2,
#pqv3-app .pq-story-card h1,
#pqv3-app .pq-story-card h2,
#pqv3-app .pq-poll-card h1,
#pqv3-app .pq-poll-card h2,
#pqv3-app .pq-home-quiz-card h2{
  margin-top:0!important;
  text-wrap:balance;
}
#pqv3-app .pq-clean-feed-card p,
#pqv3-app .pq-story-card p,
#pqv3-app .pq-poll-card p,
#pqv3-app .pq-home-quiz-card p{
  overflow-wrap:anywhere;
}
#pqv3-app .pq-clean-feed-card :where(a,button),
#pqv3-app .pq-story-card :where(a,button),
#pqv3-app .pq-poll-card :where(a,button),
#pqv3-app .pq-home-quiz-card :where(a,button){
  touch-action:manipulation;
}
#pqv3-app .pq-poll-option:focus-visible,
#pqv3-app .pq-q-card-options button:focus-visible{
  outline:0!important;
  box-shadow:var(--pq-ui-focus)!important;
}
@media (max-width:760px){
  #pqv3-app .pq-story-img,
  #pqv3-app .pq-story-img img{
    border-radius:0!important;
  }
  #pqv3-app .pq-clean-feed-card,
  #pqv3-app .pq-feed-card,
  #pqv3-app .pq-story-card,
  #pqv3-app .pq-poll-card,
  #pqv3-app .pq-one-question-card,
  #pqv3-app .pq-home-quiz-card,
  #pqv3-app .pq-discussion-feed-card,
  #pqv3-app .pq-home-discussion-card,
  #pqv3-app .pq-quiz-tile{
    box-shadow:0 8px 22px rgba(17,19,24,.04)!important;
  }
}