/* Communities final alignment v310 — loaded last on purpose */

/* Normalize the status badge regardless of any older/global .chip rules. */
.content .community227-card .chip,
.content .community246-card .chip{
  all:unset!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  flex:0 0 auto!important;
  position:static!important;
  width:max-content!important;
  min-width:0!important;
  max-width:max-content!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #6f591c!important;
  border-radius:999px!important;
  background:#1a160b!important;
  color:var(--gold2,#ffd55a)!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  vertical-align:top!important;
}

/* The real title/status row generated by communityCard(). */
.content .community227-card > div:not(.community246-cover):has(> div > h3),
.content .community246-card > div:not(.community246-cover):has(> div > h3){
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  height:auto!important;
  min-height:48px!important;
}

.content .community227-card > div:not(.community246-cover):has(> div > h3) > div:first-child,
.content .community246-card > div:not(.community246-cover):has(> div > h3) > div:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
}

.content .community227-card h3,
.content .community246-card h3{
  margin:0!important;
  line-height:1.18!important;
  overflow-wrap:anywhere!important;
}

.content .community227-card .small.muted,
.content .community246-card .small.muted{
  margin-top:5px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}

/* Remove the old access banner that is already replaced by the v246 cover. */
.content .community246-card > .community227-mark{
  display:none!important;
}

.content .community227-grid{
  align-items:stretch!important;
}

.content .community227-grid > .community227-card,
.content .community227-grid > .community246-card{
  align-self:stretch!important;
  min-width:0!important;
}

@media(max-width:620px){
  .content .community227-card .chip,
  .content .community246-card .chip{
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    padding:0 8px!important;
    font-size:9px!important;
  }
}
