.layout.svelte-1w567vk{display:grid;grid-template-columns:1fr var(--sidebar-w);gap:var(--gap)}.page-header.svelte-1w567vk{margin-bottom:24px}.page-header-row.svelte-1w567vk{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-header.svelte-1w567vk h1:where(.svelte-1w567vk){font-size:1.6rem;font-weight:var(--font-weight-heading);letter-spacing:-.02em;margin:0 0 4px}.page-subtitle.svelte-1w567vk{font-size:.9rem;color:var(--text-secondary)}.create-community-btn.svelte-1w567vk{flex-shrink:0;margin-top:4px}.community-grid.svelte-1w567vk{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.community-card.svelte-1w567vk{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:border-color var(--transition, .18s ease),box-shadow var(--transition, .18s ease)}.community-card.svelte-1w567vk:hover{border-color:var(--border-accent);box-shadow:var(--shadow-elevated);transition-duration:0s}.community-card-top.svelte-1w567vk{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.community-card-name.svelte-1w567vk{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.community-card-members.svelte-1w567vk{font-size:.75rem;font-weight:700;color:var(--accent);white-space:nowrap;flex-shrink:0}.community-card-desc.svelte-1w567vk{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar.svelte-1w567vk{display:flex;flex-direction:column;gap:1rem}.sidebar-card.svelte-1w567vk{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.sidebar-footer.svelte-1w567vk{padding:16px;font-size:.72rem;color:var(--text-tertiary);line-height:1.8;display:flex;flex-wrap:wrap;gap:12px}.sidebar-footer.svelte-1w567vk a:where(.svelte-1w567vk){color:var(--text-tertiary);text-decoration:none}.sidebar-footer.svelte-1w567vk a:where(.svelte-1w567vk):hover{text-decoration:underline}@media(max-width:960px){.layout.svelte-1w567vk{grid-template-columns:1fr}.sidebar.svelte-1w567vk{display:none}}
