.community-identity{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start;gap:22px;padding:26px 28px 0;min-height:0}
.community-identity-mark{grid-column:1;grid-row:1;align-self:start}
.community-identity-main{grid-column:2;grid-row:1;min-width:0;align-self:start;padding-top:4px}
.community-identity-main .eyebrow{display:block;margin-bottom:7px}
.community-identity h1{margin:0 0 9px;font-size:38px;overflow-wrap:anywhere}
.community-identity-main>p{max-width:620px;margin:0}

.community-primary-action{grid-column:3;grid-row:1;align-self:start;justify-self:end;display:flex;align-items:center;justify-content:flex-end;min-width:0}
.community-primary-action>a{width:auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;padding:10px 18px}
.community-primary-action .create-post-link{padding-inline:20px}

.community-footer{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:4px;padding:18px 0 20px;border-top:1px solid rgba(132,183,176,.2)}
.community-footer-left,.community-footer-right{display:flex;align-items:center;min-width:0}
.community-footer-left{justify-content:flex-start}
.community-footer-right{justify-content:flex-end;margin-left:auto}
.community-footer a,.community-footer button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;padding:9px 13px}

.community-membership-state{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.community-membership-state form{margin:0}
.community-member-count{display:flex;gap:4px;align-items:baseline;color:var(--muted);font-size:11px;white-space:nowrap}
.community-member-count strong{color:#cbd5d4;font-size:12px}

@media(max-width:960px){
    .community-identity{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start}
    .community-identity-mark{grid-column:1;grid-row:1;width:62px;height:62px}
    .community-identity-main{grid-column:2;grid-row:1}
    .community-primary-action{grid-column:2;grid-row:2;justify-self:start;margin-top:2px}
    .community-footer{grid-column:1/-1;grid-row:3}
}

@media(max-width:780px){
    .community-identity{grid-template-columns:52px minmax(0,1fr);padding:18px 18px 0;gap:14px;min-height:0}
    .community-identity-mark{width:50px;height:50px}
    .community-identity h1{font-size:30px}
    .community-primary-action{grid-column:1/-1;width:100%;margin-top:4px}
    .community-primary-action>a{width:100%}
    .community-footer{align-items:stretch;gap:14px;padding:16px 0 18px}
    .community-footer-left{flex:0 0 auto}
    .community-footer-right{min-width:0;margin-left:auto}
    .community-membership-state{min-width:0}
    .community-member-count{padding-inline:4px}
}

@media(max-width:560px){
    .community-footer{flex-direction:column;align-items:stretch}
    .community-footer-left,.community-footer-right{width:100%;margin-left:0}
    .community-footer-left{justify-content:flex-start}
    .community-footer-right{justify-content:flex-end}
    .community-membership-state{width:100%;justify-content:space-between}
}

@media(max-width:460px){
    .community-primary-action>a{width:100%}
    .community-membership-state form{flex:1}
    .community-membership-state button{width:100%}
}