.community-trigger { border: 0; background: transparent; padding: 0; cursor: pointer; font: 14px ui-sans-serif, system-ui, sans-serif; color: var(--muted); }
.community-trigger:hover { color: var(--accent); }
.community-panel { background: var(--paper); padding: 26px; border: 1px solid var(--line); box-shadow: 16px 16px 0 #212a2640; position: relative; text-align: center; }
.community-panel h2 { margin: 0 0 16px; font: 700 26px ui-sans-serif, system-ui, sans-serif; }
.community-panel img { display: block; width: min(100%, 390px); margin: auto; border: 1px solid var(--line); background: #fff; }
.community-panel p { margin: 12px 0 0; color: var(--muted); font: 14px ui-sans-serif, system-ui, sans-serif; }
@media (max-width: 700px) { .community-trigger { display: block; } .community-panel { padding: 21px 14px; } }