{"compiledCode":"\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);\n\n function CommunityBuildingPage() {\n  const css = `\n    .tr-page.tr-community-building {\n      --tr-ink: #15212e;\n      --tr-ink-soft: #41525f;\n      --tr-bg: #ffffff;\n      --tr-bg-soft: #f4f7fa;\n      --tr-band: #eef3f8;\n      --tr-line: #d8e1ea;\n      --tr-accent: #1f6f8b;\n      --tr-accent-deep: #144a5e;\n      --tr-accent-soft: #e3f0f4;\n      color: var(--tr-ink);\n      background: var(--tr-bg);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      line-height: 1.6;\n      font-size: 17px;\n    }\n    .tr-community-building * { box-sizing: border-box; }\n    .tr-community-building .tr-wrap {\n      max-width: 960px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    .tr-community-building a { color: var(--tr-accent); text-decoration: underline; text-underline-offset: 2px; }\n    .tr-community-building a:hover { color: var(--tr-accent-deep); }\n    .tr-community-building a:focus-visible { outline: 3px solid var(--tr-accent); outline-offset: 2px; border-radius: 3px; }\n    .tr-community-building .tr-hero {\n      background: linear-gradient(160deg, #163b4a 0%, #1f6f8b 100%);\n      color: #fff;\n      padding: 56px 0 48px;\n    }\n    .tr-community-building .tr-hero .tr-eyebrow {\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      font-size: 13px;\n      font-weight: 700;\n      color: #bfe2ec;\n      margin: 0 0 12px;\n    }\n    .tr-community-building .tr-hero h1 {\n      font-size: 38px;\n      line-height: 1.15;\n      margin: 0 0 16px;\n      font-weight: 800;\n      letter-spacing: -0.01em;\n    }\n    .tr-community-building .tr-hero p { font-size: 19px; margin: 0 0 14px; color: #eaf4f7; max-width: 60ch; }\n    .tr-community-building .tr-hero a { color: #fff; }\n    .tr-community-building .tr-cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }\n    .tr-community-building .tr-btn {\n      display: inline-block;\n      background: #fff;\n      color: var(--tr-accent-deep);\n      font-weight: 700;\n      padding: 13px 22px;\n      border-radius: 8px;\n      text-decoration: none;\n      border: 2px solid #fff;\n    }\n    .tr-community-building .tr-btn:hover { background: #eaf4f7; color: var(--tr-accent-deep); }\n    .tr-community-building .tr-btn.tr-btn-ghost { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.7); }\n    .tr-community-building .tr-btn.tr-btn-ghost:hover { background: rgba(255,255,255,0.12); color: #fff; }\n    .tr-community-building section { padding: 44px 0; border-bottom: 1px solid var(--tr-line); }\n    .tr-community-building section.tr-band { background: var(--tr-bg-soft); }\n    .tr-community-building h2 {\n      font-size: 28px;\n      line-height: 1.2;\n      margin: 0 0 14px;\n      font-weight: 800;\n      letter-spacing: -0.01em;\n    }\n    .tr-community-building h3 { font-size: 20px; margin: 0 0 8px; font-weight: 700; }\n    .tr-community-building p { margin: 0 0 16px; }\n    .tr-community-building .tr-lead { font-size: 19px; color: var(--tr-ink-soft); max-width: 68ch; }\n    .tr-community-building ul, .tr-community-building ol { margin: 0 0 16px; padding-left: 22px; }\n    .tr-community-building li { margin-bottom: 8px; }\n    .tr-community-building .tr-summary {\n      background: var(--tr-accent-soft);\n      border: 1px solid var(--tr-line);\n      border-left: 5px solid var(--tr-accent);\n      border-radius: 10px;\n      padding: 22px 24px;\n    }\n    .tr-community-building .tr-summary h2 { font-size: 22px; }\n    .tr-community-building .tr-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 18px;\n      margin-top: 8px;\n    }\n    .tr-community-building .tr-card {\n      background: var(--tr-bg);\n      border: 1px solid var(--tr-line);\n      border-radius: 10px;\n      padding: 20px 20px 18px;\n    }\n    .tr-community-building section.tr-band .tr-card { background: #fff; }\n    .tr-community-building .tr-card h3 { margin-bottom: 6px; }\n    .tr-community-building .tr-card p { font-size: 15.5px; color: var(--tr-ink-soft); margin-bottom: 12px; }\n    .tr-community-building .tr-card a.tr-card-link { font-weight: 600; font-size: 15px; }\n    .tr-community-building .tr-stage {\n      border: 1px solid var(--tr-line);\n      border-radius: 10px;\n      padding: 18px 20px;\n      background: #fff;\n      margin-bottom: 14px;\n    }\n    .tr-community-building section.tr-band .tr-stage { background: var(--tr-bg); }\n    .tr-community-building .tr-stage .tr-tag {\n      display: inline-block;\n      background: var(--tr-accent-soft);\n      color: var(--tr-accent-deep);\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      padding: 3px 10px;\n      border-radius: 999px;\n      margin-bottom: 8px;\n    }\n    .tr-community-building table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 8px 0 16px;\n      font-size: 15.5px;\n    }\n    .tr-community-building th, .tr-community-building td {\n      text-align: left;\n      padding: 11px 12px;\n      border-bottom: 1px solid var(--tr-line);\n      vertical-align: top;\n    }\n    .tr-community-building th { background: var(--tr-band); font-weight: 700; }\n    .tr-community-building .tr-table-scroll { overflow-x: auto; }\n    .tr-community-building .tr-faq-item {\n      border-bottom: 1px solid var(--tr-line);\n      padding: 16px 0;\n    }\n    .tr-community-building .tr-faq-item:last-child { border-bottom: none; }\n    .tr-community-building .tr-faq-item h3 { margin-bottom: 6px; }\n    .tr-community-building .tr-callout {\n      background: var(--tr-accent-soft);\n      border: 1px solid var(--tr-line);\n      border-radius: 10px;\n      padding: 26px 24px;\n      text-align: center;\n    }\n    .tr-community-building .tr-callout h2 { margin-bottom: 8px; }\n    .tr-community-building .tr-callout p { max-width: 60ch; margin-left: auto; margin-right: auto; }\n    .tr-community-building .tr-callout .tr-btn { background: var(--tr-accent); color: #fff; border-color: var(--tr-accent); }\n    .tr-community-building .tr-callout .tr-btn:hover { background: var(--tr-accent-deep); border-color: var(--tr-accent-deep); }\n    .tr-community-building .tr-inline-links { list-style: none; padding: 0; }\n    .tr-community-building .tr-inline-links li { margin-bottom: 10px; }\n    .tr-community-building .tr-muted { color: var(--tr-ink-soft); font-size: 15px; }\n    @media (max-width: 640px) {\n      .tr-community-building { font-size: 16px; }\n      .tr-community-building .tr-hero { padding: 40px 0 34px; }\n      .tr-community-building .tr-hero h1 { font-size: 29px; }\n      .tr-community-building .tr-hero p { font-size: 17px; }\n      .tr-community-building h2 { font-size: 23px; }\n      .tr-community-building section { padding: 34px 0; }\n    }\n  `;\n\n  return (\n    _react2.default.createElement('main', { className: [\"np-triberocket\",\"tr-page tr-community-building\"].join(\" \"),}\n, _react2.default.createElement('header', { className: \"np-topbar\",}, _react2.default.createElement('a', { className: \"np-brand\", href: \"/\",}, \"Tribe Rocket\" ), _react2.default.createElement('nav', { 'aria-label': \"Site navigation\" ,}, _react2.default.createElement('a', { href: \"/\",}, \"Home\"), _react2.default.createElement('a', { href: \"/social-media-strategy\",}, \"Build your strategy\"  ), _react2.default.createElement('a', { href: \"/blog\",}, \"Articles\")))\n\n      , _react2.default.createElement('style', null, \"\\n    .np-triberocket.tr-page.tr-community-building {\\n      --tr-ink: #15212e;\\n      --tr-ink-soft: #41525f;\\n      --tr-bg: #ffffff;\\n      --tr-bg-soft: #f4f7fa;\\n      --tr-band: #eef3f8;\\n      --tr-line: #d8e1ea;\\n      --tr-accent: #1f6f8b;\\n      --tr-accent-deep: #144a5e;\\n      --tr-accent-soft: #e3f0f4;\\n      color: var(--tr-ink);\\n      background: var(--tr-bg);\\n      font-family: -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Roboto, Helvetica, Arial, sans-serif;\\n      line-height: 1.6;\\n      font-size: 17px;\\n    }\\n    .np-triberocket.tr-community-building * { box-sizing: border-box; }\\n    .np-triberocket.tr-community-building .tr-wrap {\\n      max-width: 960px;\\n      margin: 0 auto;\\n      padding: 0 20px;\\n    }\\n    .np-triberocket.tr-community-building a { color: var(--tr-accent); text-decoration: underline; text-underline-offset: 2px; }\\n    .np-triberocket.tr-community-building a:hover { color: var(--tr-accent-deep); }\\n    .np-triberocket.tr-community-building a:focus-visible { outline: 3px solid var(--tr-accent); outline-offset: 2px; border-radius: 3px; }\\n    .np-triberocket.tr-community-building .tr-hero {\\n      background: linear-gradient(160deg, #163b4a 0%, #1f6f8b 100%);\\n      color: #fff;\\n      padding: 56px 0 48px;\\n    }\\n    .np-triberocket.tr-community-building .tr-hero .tr-eyebrow {\\n      text-transform: uppercase;\\n      letter-spacing: 0.08em;\\n      font-size: 13px;\\n      font-weight: 700;\\n      color: #bfe2ec;\\n      margin: 0 0 12px;\\n    }\\n    .np-triberocket.tr-community-building .tr-hero h1 {\\n      font-size: 38px;\\n      line-height: 1.15;\\n      margin: 0 0 16px;\\n      font-weight: 800;\\n      letter-spacing: -0.01em;\\n    }\\n    .np-triberocket.tr-community-building .tr-hero p { font-size: 19px; margin: 0 0 14px; color: #eaf4f7; max-width: 60ch; }\\n    .np-triberocket.tr-community-building .tr-hero a { color: #fff; }\\n    .np-triberocket.tr-community-building .tr-cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }\\n    .np-triberocket.tr-community-building .tr-btn {\\n      display: inline-block;\\n      background: #fff;\\n      color: var(--tr-accent-deep);\\n      font-weight: 700;\\n      padding: 13px 22px;\\n      border-radius: 8px;\\n      text-decoration: none;\\n      border: 2px solid #fff;\\n    }\\n    .np-triberocket.tr-community-building .tr-btn:hover { background: #eaf4f7; color: var(--tr-accent-deep); }\\n    .np-triberocket.tr-community-building .tr-btn.tr-btn-ghost { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.7); }\\n    .np-triberocket.tr-community-building .tr-btn.tr-btn-ghost:hover { background: rgba(255,255,255,0.12); color: #fff; }\\n    .np-triberocket.tr-community-building section { padding: 44px 0; border-bottom: 1px solid var(--tr-line); }\\n    .np-triberocket.tr-community-building section.tr-band { background: var(--tr-bg-soft); }\\n    .np-triberocket.tr-community-building h2 {\\n      font-size: 28px;\\n      line-height: 1.2;\\n      margin: 0 0 14px;\\n      font-weight: 800;\\n      letter-spacing: -0.01em;\\n    }\\n    .np-triberocket.tr-community-building h3 { font-size: 20px; margin: 0 0 8px; font-weight: 700; }\\n    .np-triberocket.tr-community-building p { margin: 0 0 16px; }\\n    .np-triberocket.tr-community-building .tr-lead { font-size: 19px; color: var(--tr-ink-soft); max-width: 68ch; }\\n    .np-triberocket.tr-community-building ul, .np-triberocket.tr-community-building ol { margin: 0 0 16px; padding-left: 22px; }\\n    .np-triberocket.tr-community-building li { margin-bottom: 8px; }\\n    .np-triberocket.tr-community-building .tr-summary {\\n      background: var(--tr-accent-soft);\\n      border: 1px solid var(--tr-line);\\n      border-left: 5px solid var(--tr-accent);\\n      border-radius: 10px;\\n      padding: 22px 24px;\\n    }\\n    .np-triberocket.tr-community-building .tr-summary h2 { font-size: 22px; }\\n    .np-triberocket.tr-community-building .tr-grid {\\n      display: grid;\\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\n      gap: 18px;\\n      margin-top: 8px;\\n    }\\n    .np-triberocket.tr-community-building .tr-card {\\n      background: var(--tr-bg);\\n      border: 1px solid var(--tr-line);\\n      border-radius: 10px;\\n      padding: 20px 20px 18px;\\n    }\\n    .np-triberocket.tr-community-building section.tr-band .tr-card { background: #fff; }\\n    .np-triberocket.tr-community-building .tr-card h3 { margin-bottom: 6px; }\\n    .np-triberocket.tr-community-building .tr-card p { font-size: 15.5px; color: var(--tr-ink-soft); margin-bottom: 12px; }\\n    .np-triberocket.tr-community-building .tr-card a.tr-card-link { font-weight: 600; font-size: 15px; }\\n    .np-triberocket.tr-community-building .tr-stage {\\n      border: 1px solid var(--tr-line);\\n      border-radius: 10px;\\n      padding: 18px 20px;\\n      background: #fff;\\n      margin-bottom: 14px;\\n    }\\n    .np-triberocket.tr-community-building section.tr-band .tr-stage { background: var(--tr-bg); }\\n    .np-triberocket.tr-community-building .tr-stage .tr-tag {\\n      display: inline-block;\\n      background: var(--tr-accent-soft);\\n      color: var(--tr-accent-deep);\\n      font-size: 12px;\\n      font-weight: 700;\\n      text-transform: uppercase;\\n      letter-spacing: 0.05em;\\n      padding: 3px 10px;\\n      border-radius: 999px;\\n      margin-bottom: 8px;\\n    }\\n    .np-triberocket.tr-community-building table {\\n      width: 100%;\\n      border-collapse: collapse;\\n      margin: 8px 0 16px;\\n      font-size: 15.5px;\\n    }\\n    .np-triberocket.tr-community-building th, .np-triberocket.tr-community-building td {\\n      text-align: left;\\n      padding: 11px 12px;\\n      border-bottom: 1px solid var(--tr-line);\\n      vertical-align: top;\\n    }\\n    .np-triberocket.tr-community-building th { background: var(--tr-band); font-weight: 700; }\\n    .np-triberocket.tr-community-building .tr-table-scroll { overflow-x: auto; }\\n    .np-triberocket.tr-community-building .tr-faq-item {\\n      border-bottom: 1px solid var(--tr-line);\\n      padding: 16px 0;\\n    }\\n    .np-triberocket.tr-community-building .tr-faq-item:last-child { border-bottom: none; }\\n    .np-triberocket.tr-community-building .tr-faq-item h3 { margin-bottom: 6px; }\\n    .np-triberocket.tr-community-building .tr-callout {\\n      background: var(--tr-accent-soft);\\n      border: 1px solid var(--tr-line);\\n      border-radius: 10px;\\n      padding: 26px 24px;\\n      text-align: center;\\n    }\\n    .np-triberocket.tr-community-building .tr-callout h2 { margin-bottom: 8px; }\\n    .np-triberocket.tr-community-building .tr-callout p { max-width: 60ch; margin-left: auto; margin-right: auto; }\\n    .np-triberocket.tr-community-building .tr-callout .tr-btn { background: var(--tr-accent); color: #fff; border-color: var(--tr-accent); }\\n    .np-triberocket.tr-community-building .tr-callout .tr-btn:hover { background: var(--tr-accent-deep); border-color: var(--tr-accent-deep); }\\n    .np-triberocket.tr-community-building .tr-inline-links { list-style: none; padding: 0; }\\n    .np-triberocket.tr-community-building .tr-inline-links li { margin-bottom: 10px; }\\n    .np-triberocket.tr-community-building .tr-muted { color: var(--tr-ink-soft); font-size: 15px; }\\n    @media (max-width: 640px) {\\n      .np-triberocket.tr-community-building { font-size: 16px; }\\n      .np-triberocket.tr-community-building .tr-hero { padding: 40px 0 34px; }\\n      .np-triberocket.tr-community-building .tr-hero h1 { font-size: 29px; }\\n      .np-triberocket.tr-community-building .tr-hero p { font-size: 17px; }\\n      .np-triberocket.tr-community-building h2 { font-size: 23px; }\\n      .np-triberocket.tr-community-building section { padding: 34px 0; }\\n    }\\n  \")\n\n      , _react2.default.createElement('div', { className: \"tr-hero\",}\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('p', { className: \"tr-eyebrow\",}, \"Community Building Hub\"  )\n          , _react2.default.createElement('h1', null, \"Community Building for Creators and Founders\"     )\n          , _react2.default.createElement('p', null, \"Build belonging, not just a bigger follower count. This hub teaches the durable systems behind a real community: shared purpose, participation, rituals, and a lifecycle that takes you from your first few members to a group that runs partly on its own.\"\n\n\n\n\n          )\n          , _react2.default.createElement('p', null, \"No coercive tactics, no manufactured scarcity, no fake hype. Just a healthy, repeatable way to turn attention into people who actually belong.\"\n\n\n\n          )\n          , _react2.default.createElement('div', { className: \"tr-cta-row\",}\n            , _react2.default.createElement('a', { className: \"tr-btn\", href: \"/blog/community-launch-checklist\",}, \"Read the community launch checklist\"\n\n            )\n            , _react2.default.createElement('a', { className: \"tr-btn tr-btn-ghost\" , href: \"/blog/what-is-community-building\",}, \"Read the cornerstone guide\"\n\n            )\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('h2', null, \"Community over follower counts\"   )\n          , _react2.default.createElement('p', { className: \"tr-lead\",}, \"A following is people who watch you. A community is people who show up for each other because of you. The first is reach you rent on a platform; the second is belonging you build and can keep serving.\"\n\n\n\n          )\n          , _react2.default.createElement('p', null, \"Most growth advice optimizes for the wrong number. You can have a large audience and a quiet business, or a small group of thirty engaged people who refer, buy, give feedback, and stick around for years. Community building is the work of moving people from passive watching to active belonging, on purpose and ethically.\"\n\n\n\n\n\n          )\n          , _react2.default.createElement('p', null, \"Three ideas hold this whole pillar together, and every guide below comes back to them:\"\n\n\n          )\n          , _react2.default.createElement('div', { className: \"tr-grid\",}\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Belonging\")\n              , _react2.default.createElement('p', null, \"People stay where they feel seen and where the group stands for something they care about. A clear purpose and shared identity do more for retention than any growth hack.\"\n\n\n\n              )\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Participation\")\n              , _react2.default.createElement('p', null, \"A community is defined by what members do, not how many joined. Your job is to make the first contribution easy and the next one worth coming back for.\"\n\n\n\n              )\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Rituals\")\n              , _react2.default.createElement('p', null, \"Predictable, recurring moments give people a reason and a rhythm to participate. Rituals turn engagement from something you chase into something the group expects.\"\n\n\n\n              )\n            )\n          )\n          , _react2.default.createElement('p', { className: \"tr-muted\", style: { marginTop: 18 },}, \"New to the concept? Start with\"\n                 , \" \"\n            , _react2.default.createElement('a', { href: \"/blog/what-is-community-building\",}, \"What is community building: belonging, rituals, and the community lifecycle\"\n\n            ), \", then come back here to find the stage you are in.\"\n\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', { className: \"tr-band\",}\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('div', { className: \"tr-summary\",}\n            , _react2.default.createElement('h2', null, \"Plain-language summary\" )\n            , _react2.default.createElement('p', { style: { marginBottom: 10 },}, \"Community building means turning an audience into people who participate and belong, not just numbers who follow. Tribe Rocket treats it as a lifecycle with clear stages, each with its own work:\"\n\n\n\n            )\n            , _react2.default.createElement('ul', { style: { marginBottom: 6 },}\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('strong', null, \"Pre-audience:\"), \" get clear on who the community is for and the one problem or interest it organizes around.\"\n\n              )\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('strong', null, \"First members:\" ), \" start small, invite intentionally, and welcome people so they participate quickly.\"\n\n              )\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('strong', null, \"Active:\"), \" run weekly rituals, moderate with a light touch, and keep contributing value.\"\n\n              )\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('strong', null, \"Quiet or stalled:\"  ), \" diagnose the cause before posting more, then re-activate in stages.\"\n\n              )\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('strong', null, \"Scaling:\"), \" protect the culture, share leadership, and measure health, not just headcount.\"\n\n              )\n            )\n            , _react2.default.createElement('p', { style: { marginBottom: 0 }, className: \"tr-muted\",}, \"Use the lifecycle map below to jump to the guides, templates, and checklists for your current stage.\"\n\n\n            )\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('h2', null, \"Who this is for and when to use it\"        )\n          , _react2.default.createElement('div', { className: \"tr-grid\",}\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Who this is for\"   )\n              , _react2.default.createElement('ul', { style: { marginBottom: 0 },}\n                , _react2.default.createElement('li', null, \"Community builders starting or running a group\"      )\n                , _react2.default.createElement('li', null, \"Course creators and newsletter operators adding belonging and retention\"        )\n                , _react2.default.createElement('li', null, \"Coaches and consultants turning clients and followers into a community\"         )\n                , _react2.default.createElement('li', null, \"Creators ready to move from passive followers to active members\"         )\n                , _react2.default.createElement('li', null, \"Founders who want customers who stay, refer, and give feedback\"         )\n              )\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"When to use this\"   )\n              , _react2.default.createElement('ul', { style: { marginBottom: 0 },}\n                , _react2.default.createElement('li', null, \"You have an audience but it feels one-directional\"       )\n                , _react2.default.createElement('li', null, \"You are about to open a group, cohort, or membership\"         )\n                , _react2.default.createElement('li', null, \"Your community went quiet and you want it back\"        )\n                , _react2.default.createElement('li', null, \"New members join, lurk, and quietly disappear\"      )\n                , _react2.default.createElement('li', null, \"You want to measure whether the group is actually healthy\"         )\n              )\n            )\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', { className: \"tr-band\",}\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('h2', null, \"The community lifecycle: find your stage\"     )\n          , _react2.default.createElement('p', { className: \"tr-lead\",}, \"Community is not one task; it is a sequence of stages, each with its own job to be done. Find where you are, then follow the linked guides and templates for that stage.\"\n\n\n\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-stage\",}\n            , _react2.default.createElement('span', { className: \"tr-tag\",}, \"Stage 1 - Pre-audience and foundation\"     )\n            , _react2.default.createElement('h3', null, \"Decide what the community is actually for\"      )\n            , _react2.default.createElement('p', null, \"Before you invite anyone, get specific about who the community serves and the single problem or shared interest it organizes around. A blurry purpose is the most common reason a group never gains momentum. Compare what you are building against a passive following so you are clear on the goal.\"\n\n\n\n\n\n            )\n            , _react2.default.createElement('ul', { className: \"tr-inline-links\",}\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/followers-vs-community\",}, \"Followers vs. community: what is the difference and why it matters\"\n\n                )\n              )\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/what-is-community-building\",}, \"What is community building (cornerstone guide)\"\n\n                )\n              )\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-stage\",}\n            , _react2.default.createElement('span', { className: \"tr-tag\",}, \"Stage 2 - First members\"    )\n            , _react2.default.createElement('h3', null, \"Start small and invite on purpose\"     )\n            , _react2.default.createElement('p', null, \"You do not need thousands of followers to start a community. Thirty engaged people who show up for each other beat a large, silent audience. Invite intentionally with a permission-first approach, and never resort to mass-DM spam.\"\n\n\n\n\n            )\n            , _react2.default.createElement('ul', { className: \"tr-inline-links\",}\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/how-to-start-a-community-from-a-small-audience\",}, \"How to start a community when you only have a small audience\"\n\n                )\n              )\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/turn-followers-into-community-members\",}, \"How to turn followers into community members (without spam)\"\n\n                )\n              )\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-stage\",}\n            , _react2.default.createElement('span', { className: \"tr-tag\",}, \"Stage 3 - Onboarding\"   )\n            , _react2.default.createElement('h3', null, \"Welcome people so they actually stay\"     )\n            , _react2.default.createElement('p', null, \"The first days after someone joins often decide whether they participate or fade. A clear welcome ritual and an easy first contribution turn new joiners into active members instead of lurkers.\"\n\n\n\n            )\n            , _react2.default.createElement('ul', { className: \"tr-inline-links\",}\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/how-to-welcome-new-community-members\",}, \"How to welcome new members so they actually stick around\"\n\n                )\n              )\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-stage\",}\n            , _react2.default.createElement('span', { className: \"tr-tag\",}, \"Stage 4 - Active and healthy\"     )\n            , _react2.default.createElement('h3', null, \"Keep the rhythm with rituals and light-touch moderation\"       )\n            , _react2.default.createElement('p', null, \"An active community runs on predictable rituals and a culture people want to protect. Recurring weekly moments give members a reason to return, while clear guidelines and gentle moderation keep the space welcoming without draining its energy.\"\n\n\n\n\n            )\n            , _react2.default.createElement('ul', { className: \"tr-inline-links\",}\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/weekly-community-rituals-planner\",}, \"Weekly community rituals: a planner for predictable engagement\"\n\n                )\n              )\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/how-to-moderate-a-community-without-killing-the-vibe\",}, \"How to moderate a community without killing the vibe\"\n\n                )\n              )\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/community-guidelines-template\",}, \"Community guidelines, with examples by community type\"\n\n                )\n              )\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-stage\",}\n            , _react2.default.createElement('span', { className: \"tr-tag\",}, \"Stage 5 - Quiet or stalled\"     )\n            , _react2.default.createElement('h3', null, \"Diagnose before you post more\"    )\n            , _react2.default.createElement('p', null, \"When a group goes quiet, posting more rarely fixes it. Find the real cause first - drifting purpose, missing rituals, absent leadership, or a fit problem - then re-activate in stages instead of forcing activity.\"\n\n\n\n\n            )\n            , _react2.default.createElement('ul', { className: \"tr-inline-links\",}\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/how-to-revive-a-quiet-community\",}, \"How to revive a quiet community (a diagnostic playbook)\"\n\n                )\n              )\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-stage\",}\n            , _react2.default.createElement('span', { className: \"tr-tag\",}, \"Stage 6 - Scaling and measuring\"     )\n            , _react2.default.createElement('h3', null, \"Grow without losing the culture\"    )\n            , _react2.default.createElement('p', null, \"As a community grows, the work shifts to protecting culture, sharing leadership, and measuring health signals rather than raw member count. Track participation and belonging so you know the group is thriving, not just larger.\"\n\n\n\n\n            )\n            , _react2.default.createElement('ul', { className: \"tr-inline-links\",}\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/blog/community-health-metrics\",}, \"Community health metrics: what to track beyond member count\"\n\n                )\n              )\n              , _react2.default.createElement('li', null\n                , _react2.default.createElement('a', { href: \"/analytics\",}, \"Build your measurement system in the Analytics hub\"\n\n                )\n              )\n            )\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('h2', null, \"Templates and checklists to use today\"     )\n          , _react2.default.createElement('p', { className: \"tr-lead\",}, \"Pair the strategy above with ready-to-use assets. Each one is built to be filled in and shipped, not just read.\"\n\n\n          )\n          , _react2.default.createElement('div', { className: \"tr-grid\",}\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Community launch checklist\"  )\n              , _react2.default.createElement('p', null, \"A readiness gate covering purpose, rituals, seed members, guidelines, and welcome flow so you do not open the doors to silence.\"\n\n\n\n              )\n              , _react2.default.createElement('a', { className: \"tr-card-link\", href: \"/blog/community-launch-checklist\",}, \"Get the checklist\"\n\n              )\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Community welcome post structure\"   )\n              , _react2.default.createElement('p', null, \"A fill-in welcome and first-week onboarding ritual that turns new joiners into participants instead of lurkers.\"\n\n\n              )\n              , _react2.default.createElement('a', { className: \"tr-card-link\", href: \"/blog/how-to-welcome-new-community-members\",}, \"Use the template\"\n\n              )\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Community guidelines, written from scratch\"    )\n              , _react2.default.createElement('p', null, \"Plug-and-fill guidelines with examples by community type, written to set a tone rather than read like corporate policy.\"\n\n\n              )\n              , _react2.default.createElement('a', { className: \"tr-card-link\", href: \"/blog/community-guidelines-template\",}, \"Read the template\"\n\n              )\n            )\n          )\n          , _react2.default.createElement('p', { className: \"tr-muted\", style: { marginTop: 16 },}, \"Want the full library? Browse the\"\n                 , \" \"\n            , _react2.default.createElement('a', { href: \"/resources\",}, \"resource library\" ), \" for calendars, worksheets, checklists, and prompt packs.\"\n\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', { className: \"tr-band\",}\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('h2', null, \"Our stance: healthy communities only\"    )\n          , _react2.default.createElement('p', { className: \"tr-lead\",}, \"A community is a position of trust. We teach methods that respect the people inside it. Belonging should never depend on pressure, fear of missing out, or tactics that erode trust.\"\n\n\n\n          )\n          , _react2.default.createElement('div', { className: \"tr-table-scroll\",}\n            , _react2.default.createElement('div', { className: \"np-table\", tabIndex: 0, role: \"region\", 'aria-label': \"Scrollable reference table\"  ,}, _react2.default.createElement('table', null\n              , _react2.default.createElement('thead', null\n                , _react2.default.createElement('tr', null\n                  , _react2.default.createElement('th', null, \"What we teach\"  )\n                  , _react2.default.createElement('th', null, \"What we never teach\"   )\n                )\n              )\n              , _react2.default.createElement('tbody', null\n                , _react2.default.createElement('tr', null\n                  , _react2.default.createElement('td', null, \"Permission-first invitations to people who opted in\"      )\n                  , _react2.default.createElement('td', null, \"Mass-DM spam or unsolicited bulk outreach\"     )\n                )\n                , _react2.default.createElement('tr', null\n                  , _react2.default.createElement('td', null, \"Honest reasons to join and stay\"     )\n                  , _react2.default.createElement('td', null, \"Manufactured scarcity and fake urgency\"    )\n                )\n                , _react2.default.createElement('tr', null\n                  , _react2.default.createElement('td', null, \"Light-touch moderation that protects the vibe\"     )\n                  , _react2.default.createElement('td', null, \"Cult-like loyalty pressure or shaming\"    )\n                )\n                , _react2.default.createElement('tr', null\n                  , _react2.default.createElement('td', null, \"Real participation from real members\"    )\n                  , _react2.default.createElement('td', null, \"Bots, fake engagement, or engagement pods\"     )\n                )\n                , _react2.default.createElement('tr', null\n                  , _react2.default.createElement('td', null, \"Measuring genuine community health\"   )\n                  , _react2.default.createElement('td', null, \"Chasing vanity metrics to look bigger than you are\"        )\n                )\n              )\n            ))\n          )\n          , _react2.default.createElement('p', { className: \"tr-muted\",}, \"Read more in our\"\n               , \" \"\n            , _react2.default.createElement('a', { href: \"/responsible-use\",}, \"responsible-use policy\" ), \" and\" , \" \"\n            , _react2.default.createElement('a', { href: \"/editorial-policy\",}, \"editorial policy\" ), \".\"\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('h2', null, \"Where community building connects\"   )\n          , _react2.default.createElement('p', { className: \"tr-lead\",}, \"Community does not live in a silo. It is part of a larger system that turns attention into trust and owned business value. These hubs pick up where this one leaves off.\"\n\n\n\n          )\n          , _react2.default.createElement('div', { className: \"tr-grid\",}\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Launches and campaigns\"  )\n              , _react2.default.createElement('p', null, \"Opening a community is a launch. Plan the run-up so you open to a room with people in it, not an empty space.\"\n\n\n              )\n              , _react2.default.createElement('a', { className: \"tr-card-link\", href: \"/launches\",}, \"Visit the launches hub\"\n\n              )\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Owned audience\" )\n              , _react2.default.createElement('p', null, \"A community you control needs a home you own - a hub, a join flow, and a way to reach members off any single platform.\"\n\n\n              )\n              , _react2.default.createElement('a', { className: \"tr-card-link\", href: \"/owned-audience\",}, \"Visit the owned-audience hub\"\n\n              )\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Analytics\")\n              , _react2.default.createElement('p', null, \"Measure participation, ritual attendance, and newcomer activation so you know whether the group is genuinely healthy.\"\n\n\n              )\n              , _react2.default.createElement('a', { className: \"tr-card-link\", href: \"/analytics\",}, \"Visit the analytics hub\"\n\n              )\n            )\n            , _react2.default.createElement('div', { className: \"tr-card\",}\n              , _react2.default.createElement('h3', null, \"Creator and founder growth\"   )\n              , _react2.default.createElement('p', null, \"Your personal credibility seeds the community. Build trust before you sell and people will want to gather around what you make.\"\n\n\n              )\n              , _react2.default.createElement('a', { className: \"tr-card-link\", href: \"/creator-growth\",}, \"Visit the creator-growth hub\"\n\n              )\n            )\n          )\n          , _react2.default.createElement('p', { className: \"tr-muted\", style: { marginTop: 16 },}, \"Not sure where to begin? The\"\n                 , \" \"\n            , _react2.default.createElement('a', { href: \"/start-here\",}, \"Start Here guide\"  ), \" routes you by goal.\"\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', { className: \"tr-band\",}\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('h2', null, \"Frequently asked questions\"  )\n\n          , _react2.default.createElement('div', { className: \"tr-faq-item\",}\n            , _react2.default.createElement('h3', null, \"What is the difference between an audience and a community?\"         )\n            , _react2.default.createElement('p', null, \"An audience watches you; a community participates with each other. Followers consume what you post one at a time, while community members talk, help, and show up around a shared purpose. You can grow an audience through reach, but a community is built through belonging and repeated participation. See\"\n\n\n\n\n                  , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/followers-vs-community\",}, \"followers vs. community\"  ), \" \", \"for the full breakdown.\"\n\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-faq-item\",}\n            , _react2.default.createElement('h3', null, \"Do I need a big following before I start a community?\"          )\n            , _react2.default.createElement('p', null, \"No. A small, engaged group is often easier to activate than a large, passive one, because every member can be seen and welcomed. Starting small lets you set the culture and rituals before scale makes them harder to change. Our guide on\"\n\n\n\n                   , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/how-to-start-a-community-from-a-small-audience\",}, \"starting from a small audience\"\n\n              ), \" \", \"walks through the first-members blueprint.\"\n\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-faq-item\",}\n            , _react2.default.createElement('h3', null, \"Where should my community live - a platform group or my own space?\"            )\n            , _react2.default.createElement('p', null, \"Start where your people already are if that lowers the barrier to join, but plan to connect the community to a destination you own so you can reach members even if a platform changes. The\"\n\n\n                       , \" \"\n              , _react2.default.createElement('a', { href: \"/owned-audience\",}, \"owned-audience hub\" ), \" covers join flows, member hubs, and the sections a community space needs.\"\n\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-faq-item\",}\n            , _react2.default.createElement('h3', null, \"How do I keep a community active week to week?\"         )\n            , _react2.default.createElement('p', null, \"Replace random posting with rituals: predictable, recurring moments that give members a reason and a rhythm to participate. Pair that with a quick welcome for newcomers and light-touch moderation. Use the\"\n\n\n\n              , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/weekly-community-rituals-planner\",}, \"weekly rituals planner\"\n\n              ), \" \", \"to design a cadence you can keep.\"\n\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-faq-item\",}\n            , _react2.default.createElement('h3', null, \"My community went quiet. What should I do first?\"        )\n            , _react2.default.createElement('p', null, \"Diagnose before you post more. Quiet usually points to a drifting purpose, a missing ritual, absent leadership, or a fit problem, and each has a different fix. Work through the\"\n\n\n                     , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/how-to-revive-a-quiet-community\",}, \"quiet-community diagnostic playbook\"\n\n              ), \" \", \"to find the cause and re-activate in stages.\"\n\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-faq-item\",}\n            , _react2.default.createElement('h3', null, \"How do I moderate without making the space feel policed?\"         )\n            , _react2.default.createElement('p', null, \"Set expectations early with clear, human guidelines, then moderate with a light touch and a simple escalation ladder. Most issues are prevented by culture, not punished after the fact. See\"\n\n\n                      , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/how-to-moderate-a-community-without-killing-the-vibe\",}, \"how to moderate without killing the vibe\"\n\n              ), \" \", \"and the\"\n               , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/community-guidelines-template\",}, \"community guidelines template\"\n\n              ), \".\"\n\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-faq-item\",}\n            , _react2.default.createElement('h3', null, \"How do I know if my community is actually healthy?\"         )\n            , _react2.default.createElement('p', null, \"Look past member count to participation signals: active members, ritual attendance, replies per thread, newcomer activation, and the ratio of quiet members. These tell you whether people belong, not just whether they joined. Start with\"\n\n\n\n                   , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/community-health-metrics\",}, \"community health metrics\"  ), \" \", \"and build a system in the\"\n                   , \" \"\n              , _react2.default.createElement('a', { href: \"/analytics\",}, \"analytics hub\" ), \".\"\n            )\n          )\n\n          , _react2.default.createElement('div', { className: \"tr-faq-item\",}\n            , _react2.default.createElement('h3', null, \"Is it ethical to build a community for my business?\"         )\n            , _react2.default.createElement('p', null, \"Yes, when the community genuinely serves its members. A healthy community creates value for the people in it and for you because they trust and refer you. It crosses a line when you use coercion, manufactured scarcity, or manipulation. Our\"\n\n\n\n                  , \" \"\n              , _react2.default.createElement('a', { href: \"/responsible-use\",}, \"responsible-use policy\" ), \" lists the tactics we will never teach.\"\n\n            )\n          )\n        )\n      )\n\n      , _react2.default.createElement('section', null\n        , _react2.default.createElement('div', { className: \"tr-wrap\",}\n          , _react2.default.createElement('div', { className: \"tr-callout\",}\n            , _react2.default.createElement('h2', null, \"Ready to open the doors?\"    )\n            , _react2.default.createElement('p', null, \"Read the community launch checklist so you set up purpose, rituals, seed members, guidelines, and a welcome flow before you go public - and open to a room with people in it.\"\n\n\n\n            )\n            , _react2.default.createElement('div', { className: \"tr-cta-row\", style: { justifyContent: \"center\" },}\n              , _react2.default.createElement('a', { className: \"tr-btn\", href: \"/blog/community-launch-checklist\",}, \"Read the community launch checklist\"\n\n              )\n            )\n            , _react2.default.createElement('p', { className: \"tr-muted\", style: { marginTop: 14, marginBottom: 0 },}, \"Prefer to read the philosophy first?\"\n                   , \" \"\n              , _react2.default.createElement('a', { href: \"/blog/what-is-community-building\",}, \"Start with the cornerstone guide\"\n\n              ), \".\"\n\n            )\n          )\n        )\n      )\n\n, _react2.default.createElement('style', null, \"\\n.np-triberocket{--np-paper:#eef0e8;--np-ink:#2f3937;--np-accent:#bfcfd1;box-sizing:border-box;max-width:none!important;width:100%;min-height:100vh;background:var(--np-paper)!important;color:var(--np-ink)!important;margin:0!important;padding:0 clamp(20px,5vw,72px) 72px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;line-height:1.75!important;overflow-wrap:anywhere}\\n.np-triberocket *{box-sizing:border-box;min-width:0}.np-triberocket>*{max-width:1080px;margin-left:auto;margin-right:auto}.np-triberocket .np-topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;margin-bottom:52px;border-bottom:1px solid var(--np-ink)}.np-triberocket .np-brand{font-family:Georgia,serif;font-size:22px;letter-spacing:-.5px;text-decoration:none}.np-triberocket .np-topbar nav{display:flex;flex-wrap:wrap;gap:10px 22px}.np-triberocket .np-topbar nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;border-bottom:1px solid transparent}.np-triberocket .np-topbar nav a:hover{border-bottom-color:currentColor}\\n.np-triberocket h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;font-size:clamp(36px,5.2vw,66px)!important;line-height:1.08!important;letter-spacing:-1.8px!important;max-width:960px;margin-top:0!important;margin-bottom:28px!important;text-wrap:balance;color:var(--np-ink)!important}.np-triberocket h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;font-size:clamp(25px,3vw,35px)!important;line-height:1.25!important;letter-spacing:-.5px!important;color:var(--np-ink)!important;margin-top:38px!important;margin-bottom:18px!important;text-wrap:balance}.np-triberocket h3{font-size:19px!important;line-height:1.4!important;color:var(--np-ink)!important;margin-top:24px!important;margin-bottom:10px!important}.np-triberocket p,.np-triberocket li{line-height:1.8!important;max-width:78ch}.np-triberocket p{margin-bottom:18px!important}.np-triberocket p,.np-triberocket li,.np-triberocket label{color:var(--np-ink)!important}.np-triberocket main,.np-triberocket article,.np-triberocket section{max-width:100%}.np-triberocket section{padding-top:8px!important;padding-bottom:24px!important;background:transparent!important}.np-triberocket section+section{border-top:1px solid color-mix(in srgb,var(--np-ink) 22%,transparent);margin-top:32px!important}.np-triberocket ul,.np-triberocket ol{padding-left:24px;max-width:78ch}.np-triberocket li{margin-bottom:10px!important}\\n.np-triberocket a{color:var(--np-ink);text-underline-offset:4px;text-decoration-thickness:1px}.np-triberocket a:hover{text-decoration:underline}.np-triberocket a:focus-visible,.np-triberocket button:focus-visible,.np-triberocket input:focus-visible,.np-triberocket select:focus-visible,.np-triberocket textarea:focus-visible,.np-triberocket summary:focus-visible{outline:3px solid var(--np-ink);outline-offset:5px}.np-triberocket button,.np-triberocket input,.np-triberocket select,.np-triberocket textarea{font:inherit;max-width:100%;min-height:44px;border-radius:3px!important}.np-triberocket button{cursor:pointer}.np-triberocket [class*=\\\"cta\\\"] a,.np-triberocket [class*=\\\"button\\\"]{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px!important;background:var(--np-ink)!important;color:var(--np-paper)!important;border:1px solid var(--np-ink)!important;border-radius:3px!important;text-decoration:none!important;font-size:14px!important;font-weight:600!important;white-space:normal;line-height:1.45!important}.np-triberocket details{border:1px solid color-mix(in srgb,var(--np-ink) 28%,transparent)!important;border-radius:3px!important;padding:0 18px!important;background:transparent!important;margin-bottom:12px!important}.np-triberocket summary{min-height:48px;padding:14px 0;cursor:pointer;font-weight:600;line-height:1.5}.np-triberocket details>p{padding-bottom:12px}.np-triberocket blockquote{border-left:3px solid var(--np-ink)!important;background:var(--np-accent)!important;color:var(--np-ink)!important;padding:18px 22px!important;margin:24px 0!important;max-width:78ch}.np-triberocket .np-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:24px 0;outline-offset:4px}.np-triberocket table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.65;display:table!important;overflow:visible!important}.np-triberocket th{background:var(--np-accent)!important;color:var(--np-ink)!important;text-align:left;padding:15px!important;font-weight:600}.np-triberocket td{color:var(--np-ink)!important;background:transparent!important;padding:15px!important;border-bottom:1px solid color-mix(in srgb,var(--np-ink) 22%,transparent)!important;vertical-align:top}.np-triberocket pre{max-width:100%;overflow-x:auto;padding:20px;background:var(--np-ink)!important;color:var(--np-paper)!important;line-height:1.6;font-size:14px}.np-triberocket pre code{color:inherit!important;background:transparent!important}.np-triberocket img,.np-triberocket svg{max-width:100%;height:auto}\\n@media(max-width:680px){.np-triberocket{font-size:16px!important;padding-left:20px!important;padding-right:20px!important}.np-triberocket .np-topbar{display:block;margin-bottom:36px;padding-top:20px}.np-triberocket .np-topbar nav{margin-top:12px;gap:4px 18px}.np-triberocket h1{letter-spacing:-1px!important}.np-triberocket [style*=\\\"grid-template-columns\\\"]{grid-template-columns:minmax(0,1fr)!important}.np-triberocket [class*=\\\"cta\\\"]{flex-wrap:wrap!important;gap:12px!important}.np-triberocket .np-table table{min-width:580px}.np-triberocket th,.np-triberocket td{padding:12px!important}.np-triberocket blockquote{padding:16px!important}}\\n@media(prefers-reduced-motion:reduce){.np-triberocket *{scroll-behavior:auto!important;transition:none!important}}\\n\")\n)\n  );\n} exports.default = CommunityBuildingPage;"}