.community-panel { display: grid; grid-template-columns: minmax(0, 1fr) 224px; align-items: center; gap: 40px; padding: clamp(24px, 5vw, 56px); border: 1px solid var(--line); border-radius: 28px; background: #fff; }
.community-panel h2 { margin-top: 0; }
.community-panel p { max-width: 640px; line-height: 1.75; }
.community-panel .community-button { background: #06783d; color: #fff; margin-top: 8px; }
.community-panel .community-button:hover { background: #056332; }
.community-panel a:focus-visible { outline: 3px solid #1178db; outline-offset: 5px; }
.community-note { color: var(--muted); font-size: .875rem; }
.community-qr { margin: 0; text-align: center; }
.community-qr img { display: block; width: 224px; height: auto; max-width: 100%; padding: 12px; box-sizing: border-box; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.community-qr figcaption { margin-top: 12px; font-size: .875rem; color: var(--muted); }
@media (max-width: 640px) { .community-panel { grid-template-columns: minmax(0, 1fr); gap: 28px; } .community-qr { justify-self: center; } .community-panel .community-button { width: 100%; box-sizing: border-box; } }