/* Communities alignment fix v309 — fix the actual post-cover card structure */
.community246-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%;
  min-width:0;
}

/* v227 inserts this legacy access strip between the decorative cover and the real
   card header. It was the reason the previous selector missed the OFICIAL/VIP badge. */
.community246-card>.community227-mark{
  display:none!important;
}

/* Real title/meta/badge row. */
.community246-card>.community227-mark+div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  align-items:start!important;
  align-content:start!important;
  gap:10px!important;
  min-width:0!important;
  min-height:58px!important;
}
.community246-card>.community227-mark+div>div:first-child{
  min-width:0!important;
}
.community246-card>.community227-mark+div>.chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:start!important;
  justify-self:end!important;
  width:max-content!important;
  min-width:0!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  margin:0!important;
  padding:0 10px!important;
  line-height:26px!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}

.community246-card-title{
  margin:0!important;
  line-height:1.18!important;
  overflow-wrap:anywhere;
}
.community246-card-meta{
  margin-top:5px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere;
}
.community246-card>p{
  margin-top:10px!important;
  margin-bottom:0!important;
  line-height:1.5!important;
}

/* Keep action rows aligned at the bottom of cards with different content lengths. */
.community246-card>div:last-child{
  margin-top:auto!important;
  padding-top:12px!important;
  align-items:center!important;
}
.community246-card>div:last-child .btn{
  align-self:center!important;
}

.community227-grid{
  align-items:stretch!important;
}
.community227-grid>.community246-card{
  align-self:stretch!important;
}

@media(max-width:620px){
  .community246-card>.community227-mark+div{
    grid-template-columns:minmax(0,1fr) max-content!important;
    gap:8px!important;
    min-height:52px!important;
  }
  .community246-card>.community227-mark+div>.chip{
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    line-height:24px!important;
    padding:0 8px!important;
    font-size:9px!important;
  }
}
