.community-document { color-scheme: dark; background: var(--ink); color: var(--white); }
.community-document .site-header { background: rgba(2, 7, 11, .96); border-bottom: 1px solid rgba(155, 178, 188, .12); }
.community-document .site-header .brand-wordmark b { color: var(--white); }
.community-document .site-header .brand-wordmark em { color: var(--cyan); }
.community-document .site-nav > a, .community-document .nav-drop-trigger { color: rgba(241, 248, 250, .72); }
.community-document .site-nav a[aria-current="page"], .community-document .lang-switch button[aria-pressed="true"] { color: var(--cyan); }
.community-document .site-nav a::after { background: var(--cyan); }
.community-document .lang-switch button, .community-document .lang-sep { color: var(--muted); }
.community-document .site-nav-divider { background: rgba(155, 178, 188, .25); }
.community-document main { font-family: var(--type-font-family); }
.community-document .community-overview { padding-block: 72px 56px; }
.community-document main .overview-heading h1, .community-document main .community-cta h2 { color: var(--white); }
.community-document main .overview-heading p, .community-document main .community-cta p { color: var(--muted); }
.community-document :is(.stage-detail, .community-collaboration, .community-editor, .community-faq, .data-section) {
 color-scheme: light;
 color: var(--community-text);
 background: #fff;
 border: 0;
 border-radius: 18px;
 padding: 56px 40px;
 margin-block: 24px;
}
.community-document .data-section { width: min(1160px, calc(100% - 96px)); margin-inline: auto; }
.community-document .data-section > .wrap { width: 100%; }
.community-document .stage-two-column, .community-document .data-layout { gap: 40px; }
.community-document .stage-two-column > *, .community-document .data-layout > * { min-width: 0; }
.community-document .community-cta { border-top: 0; padding-block: 80px 90px; }
.community-document .community-button.primary { color: var(--ink); background: var(--cyan); border-color: var(--cyan); border-radius: 8px; font-weight: 600; }
.community-document .community-button.primary:hover { background: #a0efff; border-color: #a0efff; }
.community-document .cta-email { color: var(--muted); }
.community-document :is(a, button, summary, [tabindex]):focus-visible { outline-color: var(--blue); }
.community-overview .stream-stage > g { fill: var(--white); }
.community-overview .stream-stage[data-journey-stage="3"] > g { fill: var(--community-text); }
.community-overview [data-i18n="community.streamSource"], .community-overview [data-i18n="community.streamVersion"] { fill: var(--muted); }
.community-overview .stream-stage[data-journey-stage="1"] > g > path { stroke: #263844; }
.community-overview .stream-stage > a > text { fill: var(--muted); }
.community-overview .stream-stage.is-active > a > text, .community-overview .flow-stage-link:hover text { fill: var(--cyan); }
.community-overview .stream-rail, .community-overview .stream-branch { stroke: #263844; }
.community-overview .stream-trail { stroke: #416370; }
.community-overview .stream-particles, .community-overview .stream-signal, .community-overview .stream-halo { stroke: var(--cyan); }
.community-overview .stream-signal-haze { stroke: var(--blue); }
.community-overview .stream-spark { fill: var(--cyan); stroke: var(--ink); }
.community-overview .stream-node { fill: var(--ink); stroke: #52707e; }
.community-overview .stream-stage.is-active .stream-node, .community-overview .stream-stage.is-complete .stream-node { fill: var(--ink); stroke: var(--cyan); }
.community-overview .stream-stage.is-active .stream-core, .community-overview .stream-stage.is-complete .stream-core { fill: var(--cyan); }
.community-overview .stream-stage [data-source-progress], .community-overview .stream-stage [data-write] { stroke: var(--cyan); }
.community-overview .stream-stage [data-reveal] circle, .community-overview .stream-stage [data-member-cursor] { fill: var(--cyan); }
@media (max-width: 1024px) {
 .community-document .data-section { width: calc(100% - 64px); }
 .community-document :is(.stage-detail, .community-collaboration, .community-editor, .community-faq, .data-section) { padding: 40px 28px; }
}
@media (max-width: 760px) {
 .community-document .community-overview { padding-block: 42px 28px; }
 .community-document .data-section { width: calc(100% - 40px); }
 .community-document :is(.stage-detail, .community-collaboration, .community-editor, .community-faq, .data-section) { padding: 32px 16px; border-radius: 12px; margin-block: 16px; }
 .community-document main .phrase-heading { font-size: clamp(24px, 6vw, 32px); }
 .community-document .community-cta { padding-block: 52px 60px; }
}

.community-document .community-editor { padding-block: 36px; }
.community-editor .section-heading { margin-bottom: 24px; }
.community-editor .sheet-toolbar { padding-top: 16px; }
.community-editor .sheet-demo { padding-bottom: 14px; }
.community-editor .sheet-scroll th { padding-block: 9px; }
.community-editor .sheet-scroll td { height: 58px; padding-block: 7px; }
.community-editor .sheet-change { padding-block: 5px; }
.community-editor .sheet-notes { padding-block: 18px; row-gap: 16px; }
@media (max-width: 760px) {
 .community-document .community-editor { padding-block: 28px; }
}

.community-document .overview-heading .hero-lead { max-width: none; width: 100%; text-wrap: wrap; }
@media (min-width: 761px) {
 .community-document .overview-heading { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; }
}

.community-reveal { opacity: 0; transform: translate3d(0, 24px, 0); transition: opacity 620ms var(--ease-reveal), transform 760ms var(--ease-reveal); }
.community-reveal.is-revealed { opacity: 1; transform: none; }
.community-reveal > :is(.section-heading, .stage-two-column, .data-layout, h2) { opacity: 0; transform: translate3d(0, 9px, 0); transition: opacity 620ms var(--ease-reveal) 120ms, transform 760ms var(--ease-reveal) 120ms; }
.community-reveal > figure { opacity: 0; transform: translate3d(0, 9px, 0); transition: opacity 620ms var(--ease-reveal) 220ms, transform 760ms var(--ease-reveal) 220ms; }
.community-reveal.is-revealed > :is(.section-heading, .stage-two-column, .data-layout, h2, figure) { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
 .community-reveal, .community-reveal > :is(.section-heading, .stage-two-column, .data-layout, h2, figure) { opacity: 1; transform: none; transition: none; }
}
@media print {
 .community-reveal, .community-reveal > :is(.section-heading, .stage-two-column, .data-layout, h2, figure) { opacity: 1; transform: none; transition: none; }
}