/* v25.22.31 — canonical Conversation UI layout shared by Pop Quest and publisher embeds. */
#pqv3-app .pqu-comment{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;column-gap:14px!important;align-items:start!important}
#pqv3-app .pqu-comment>.pqu-avatar{grid-column:1!important;grid-row:1!important}
#pqv3-app .pqu-comment__main{grid-column:2!important;min-width:0!important;width:100%!important}
#pqv3-app .pqu-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:2px!important;align-items:center!important;width:100%!important;min-width:0!important;line-height:1.2!important}
#pqv3-app .pqu-author-identity{grid-column:1!important;grid-row:1!important;display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;width:max-content!important;max-width:100%!important}
#pqv3-app .pqu-author{min-width:0!important;max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
#pqv3-app .pqu-verified{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin:0!important}
#pqv3-app .pqu-time{grid-column:1!important;grid-row:2!important;display:block!important;white-space:nowrap!important;color:var(--pq-muted,#756b88)!important;font-size:11px!important;line-height:1.25!important;margin-top:1px!important}
#pqv3-app .pqu-vote-chip{grid-column:2!important;grid-row:1 / span 2!important;align-self:center!important;justify-self:end!important;margin:0!important;flex:0 0 auto!important}
#pqv3-app .pqu-body{margin-top:13px!important}
#pqv3-app .pqu-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;margin-top:15px!important;gap:12px!important;flex-wrap:nowrap!important}
#pqv3-app .pqu-actions__left{display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important;max-width:calc(100% - 48px)!important}
#pqv3-app .pqu-origin{display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--pq-muted,#756b88)!important;font-size:11px!important;font-weight:650!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;pointer-events:none!important}
#pqv3-app .pqu-origin__icon{width:13px!important;height:13px!important;flex:0 0 13px!important}
#pqv3-app .pqu-action--report{margin:0!important;flex:0 0 auto!important;order:initial!important}
#pqv3-app .pqu-reply{margin:0!important;margin-left:auto!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important;font-weight:850!important;line-height:1!important;order:initial!important}
#pqv3-app .pqu-mobile-context,#pqv3-app .pqu-mobile-divider,#pqv3-app .pqu-mobile-origin-icon,#pqv3-app .pqu-mobile-origin-name{display:none!important}
@media(max-width:680px){
 #pqv3-app .pqu-comment{grid-template-columns:42px minmax(0,1fr)!important;column-gap:12px!important;padding:16px 14px!important}
 #pqv3-app .pqu-author{font-size:16px!important;font-weight:750!important;line-height:1.2!important}
 #pqv3-app .pqu-time{font-size:10.5px!important}
 #pqv3-app .pqu-body{font-size:16px!important;line-height:1.42!important}
 #pqv3-app .pqu-actions{gap:9px!important}
 #pqv3-app .pqu-actions__left{gap:7px!important;max-width:calc(100% - 49px)!important}
 #pqv3-app .pqu-origin{font-size:10.5px!important}
 #pqv3-app .pqu-reply{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;font-size:20px!important}
}
@media(max-width:380px){
 #pqv3-app .pqu-comment{grid-template-columns:38px minmax(0,1fr)!important;column-gap:10px!important;padding-left:11px!important;padding-right:11px!important}
 #pqv3-app .pqu-actions__left{align-items:flex-start!important}
 #pqv3-app .pqu-origin{font-size:10px!important}
}

/* v25.22.32 — bottom metadata order: report flag first, then publication source. */
#pqv3-app .pqu-actions__left .pqu-action--report,
.popquest-comments #pqv3-app .pqu-actions__left .pqu-action--report{
  order:0!important;
}
#pqv3-app .pqu-actions__left .pqu-origin,
.popquest-comments #pqv3-app .pqu-actions__left .pqu-origin{
  order:1!important;
}
#pqv3-app .pqu-actions__left .pqu-manage,
.popquest-comments #pqv3-app .pqu-actions__left .pqu-manage{
  order:2!important;
}

/* v25.22.33 — measured reply target and true centred mobile source identity. */
.popquest-comments #pqv3-app .pqu-reply,
#pqv3-app .pqu-reply{
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  font-size:18px!important;
  line-height:1!important;
}
@media(max-width:680px){
  #pqv3-app .pqu-actions{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:38px!important}
  #pqv3-app .pqu-actions__left{display:flex!important;align-items:center!important;min-width:0!important;max-width:calc(100% - 46px)!important}
  #pqv3-app .pqu-actions__left .pqu-action--report{margin-right:0!important}
  #pqv3-app .pqu-actions__left .pqu-origin{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    max-width:calc(100% - 128px)!important;
    justify-content:center!important;
    text-align:center!important;
    z-index:1!important;
  }
  #pqv3-app .pqu-reply{
    flex-basis:38px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    font-size:19px!important;
    position:relative!important;
    z-index:2!important;
  }
}

/* v25.22.34 — source globe moves beside timestamp; publisher name is tooltip-only. */
#pqv3-app .pqu-submeta{
  grid-column:1!important;
  grid-row:2!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  margin-top:1px!important;
}
#pqv3-app .pqu-submeta .pqu-time{
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0!important;
}
#pqv3-app .pqu-submeta .pqu-origin{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 15px!important;
  width:15px!important;
  min-width:15px!important;
  height:15px!important;
  min-height:15px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--pq-brand,#7c3aed)!important;
  cursor:pointer!important;
  overflow:visible!important;
  pointer-events:auto!important;
  z-index:4!important;
}
#pqv3-app .pqu-submeta .pqu-origin__icon{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
}
#pqv3-app .pqu-origin__tooltip{
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 7px)!important;
  transform:translate(-50%,3px)!important;
  width:max-content!important;
  max-width:min(220px,70vw)!important;
  padding:6px 9px!important;
  border:1px solid color-mix(in srgb,var(--pq-brand,#7c3aed) 22%,transparent)!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--pq-brand,#7c3aed) 10%,white)!important;
  color:var(--pq-brand,#7c3aed)!important;
  box-shadow:0 8px 22px rgba(61,35,94,.12)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:normal!important;
  text-align:center!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important;
  z-index:30!important;
}
#pqv3-app .pqu-origin__tooltip:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:100%!important;
  transform:translateX(-50%)!important;
  border:5px solid transparent!important;
  border-top-color:color-mix(in srgb,var(--pq-brand,#7c3aed) 10%,white)!important;
}
#pqv3-app .pqu-origin:hover .pqu-origin__tooltip,
#pqv3-app .pqu-origin:focus-visible .pqu-origin__tooltip,
#pqv3-app .pqu-origin.is-open .pqu-origin__tooltip{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0)!important;
}
#pqv3-app .pqu-actions__left .pqu-origin{display:none!important}
@media(max-width:680px){
  #pqv3-app .pqu-submeta{gap:4px!important}
  #pqv3-app .pqu-submeta .pqu-origin{flex-basis:14px!important;width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important}
  #pqv3-app .pqu-submeta .pqu-origin__icon{width:11px!important;height:11px!important;flex-basis:11px!important}
  #pqv3-app .pqu-actions__left{max-width:calc(100% - 46px)!important}
}

/* v25.22.35 — desktop origin tooltip opens right across timestamp; mobile flag baseline alignment. */
@media (min-width:681px){
  #pqv3-app .pqu-origin__tooltip{
    left:calc(100% + 6px)!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(3px,-50%)!important;
    text-align:left!important;
  }
  #pqv3-app .pqu-origin__tooltip:after{
    left:auto!important;
    right:100%!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    border:5px solid transparent!important;
    border-right-color:color-mix(in srgb,var(--pq-brand,#7c3aed) 10%,white)!important;
    border-top-color:transparent!important;
  }
  #pqv3-app .pqu-origin:hover .pqu-origin__tooltip,
  #pqv3-app .pqu-origin:focus-visible .pqu-origin__tooltip,
  #pqv3-app .pqu-origin.is-open .pqu-origin__tooltip{
    transform:translate(0,-50%)!important;
  }
}
@media (max-width:680px){
  #pqv3-app .pqu-actions,
  #pqv3-app .pqu-actions__left{
    align-items:flex-end!important;
  }
  #pqv3-app .pqu-actions__left .pqu-action--report{
    position:relative!important;
    top:1px!important;
  }
}