.social-hero{padding:5rem 0 4rem;max-width:880px}
.social-hero h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.94;margin:1.4rem 0}
.social-hero h1 em{color:var(--burst-orange);font-style:normal}
.social-intro{font-size:1.15rem;line-height:1.7;max-width:40rem;color:var(--muted,#726c66)}
.social-note{font-size:.9rem;line-height:1.7;max-width:40rem;color:var(--muted,#726c66);margin:1.4rem 0 0}
.social-rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;border-top:1px solid var(--burst-border);padding:3.5rem 0}
.social-rooms article{border:1px solid var(--burst-border);background:var(--burst-surface);padding:1.8rem}
.social-rooms code,.social-rules code,.social-note code{color:var(--burst-link)}
.social-rooms p{color:var(--muted,#726c66)}
.social-rooms a,.social-links a{color:var(--burst-link)}
.social-rules{border-top:1px solid var(--burst-border);padding:3.5rem 0 4.5rem;max-width:880px}
.social-rules h2{font-size:clamp(2rem,4vw,3rem)}
.social-rules li{margin-bottom:.8rem;line-height:1.7}
.social-links{color:var(--muted,#726c66)}
@media(max-width:650px){.social-hero{padding:3rem 0}.social-rooms{grid-template-columns:1fr}.public-nav nav{gap:14px}}