/* Community page. Shared tokens and components live in site.css; the hero comes from enterprise.css, the join card, channel list and cells from home.css. */
.c-hero { padding-bottom: clamp(40px, 5vw, 72px); }
.c-first .join { align-items: center; }

/* Four ways to take part on GitHub; a whole cell is one link. */
.gh-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.gh-grid .cell { color: inherit; }
/* The repository's name with its star count, as one link under the section's opening line. */
.repo-line { justify-self: start; display: inline-flex; align-items: center; gap: 12px; height: 40px; padding: 0 18px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--line-strong); font-family: var(--mono); font-size: 14px; white-space: nowrap; transition: box-shadow 200ms; }
.repo-line:hover { box-shadow: inset 0 0 0 1px var(--ink); }
.repo-line .stars { margin-left: 0; }

/* The channel list outside the green card: rules in the page's own line colours. */
.c-channels { margin-top: 0; border-top: 1px solid var(--ink); }

@media (max-width: 1100px) {
  .gh-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
  .gh-grid { grid-template-columns: 1fr; }
}