.member-community-page{display:grid;gap:1.1rem;width:min(1180px,calc(100% - 48px));margin:auto;padding:var(--ui-space-6) 0 var(--ui-space-12)}
.member-community-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(17rem,.55fr);gap:2rem;align-items:end;padding:clamp(1.6rem,4vw,3.4rem);border:1px solid var(--ui-color-border);border-radius:var(--radius-hero,var(--ui-radius-xl));background:radial-gradient(circle at 88% 12%,rgba(168,85,247,.19),transparent 24rem),var(--ui-color-surface);box-shadow:var(--ui-shadow-md)}
.member-community-hero h1{max-width:15ch;margin:.35rem 0 .8rem;font-size:clamp(2.35rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em}.member-community-hero>div>p:last-of-type{max-width:43rem;color:var(--ui-color-muted);line-height:1.6}.member-community-actions,.member-community-card-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}
.member-community-hero aside{display:grid;gap:.45rem;padding:1.25rem;border-radius:var(--radius-card,var(--ui-radius-lg));color:#fff;background:#171414}.member-community-hero aside span,.member-community-hero aside p{color:rgba(255,255,255,.68)}.member-community-hero aside strong{font-size:1.25rem}
.member-community-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.member-community-overview article,.member-community-grid article,.member-community-boundary{border:1px solid var(--ui-color-border);border-radius:var(--radius-card,var(--ui-radius-lg));background:var(--ui-color-surface)}
.member-community-overview article{display:grid;align-content:start;min-height:9rem;padding:1.15rem}.member-community-overview span,.member-community-number{color:var(--ui-color-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.member-community-overview strong{margin:.55rem 0 .25rem;font-size:clamp(1.15rem,2vw,1.65rem)}.member-community-overview p,.member-community-grid p,.member-community-boundary p{color:var(--ui-color-muted);line-height:1.5}
.member-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.member-community-grid article{display:grid;align-content:start;padding:clamp(1.3rem,3vw,2rem)}.member-community-grid h2{margin:.55rem 0 .35rem}.member-community-grid article>a{justify-self:start;margin-top:auto}
.member-community-boundary{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:clamp(1.3rem,3vw,2rem)}.member-community-boundary h2{margin:.25rem 0}.member-community-boundary div{max-width:48rem}.member-community-boundary>span{display:inline-flex;padding:.55rem .8rem;border-radius:999px;color:#fff;background:#171414;font-weight:800;white-space:nowrap}
.member-community-updates{padding:clamp(1.3rem,3vw,2rem);border:1px solid var(--ui-color-border);border-radius:var(--radius-card,var(--ui-radius-lg));background:var(--ui-color-surface)}
.member-community-updates>header{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.member-community-updates h2{margin:.25rem 0 0}.member-community-updates>header>span{color:var(--ui-color-muted);font-size:.85rem}
.member-community-update-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.member-community-update{display:grid;gap:.55rem;padding:1.1rem;border:1px solid var(--ui-color-border);border-radius:var(--radius-card,var(--ui-radius-md));background:var(--ui-color-surface-raised)}.member-community-update[data-unread]{border-left:3px solid var(--ui-color-primary)}.member-community-update>div{display:flex;justify-content:space-between;gap:1rem;color:var(--ui-color-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.member-community-update h3{margin:0}.member-community-update p{margin:0;color:var(--ui-color-muted);line-height:1.5}.member-community-update>a{justify-self:start;margin-top:.35rem}.member-community-update-state{grid-column:1/-1;margin:0;padding:1.5rem;border:1px dashed var(--ui-color-border);border-radius:var(--radius-card,var(--ui-radius-md));color:var(--ui-color-muted);text-align:center}.member-community-update-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
@media(max-width:800px){.member-community-hero,.member-community-grid{grid-template-columns:1fr}.member-community-overview{grid-template-columns:1fr}.member-community-overview article{min-height:auto}}
@media(max-width:620px){.member-community-page{width:calc(100% - 20px)}.member-community-boundary,.member-community-updates>header{align-items:flex-start;flex-direction:column}.member-community-update-list{grid-template-columns:1fr}.member-community-update-actions>*{width:100%;text-align:center}}