@layer pages {
  /* Ownership: Community landing-page presentation only.
     Masthead layout, typography and breadcrumbs are shared by every
     pillar/series/season landing page in pillar-landing-masthead.css
     (this pillar uses the shared default image saturation, so nothing
     to override here). This file only needs its own below-the-fold
     section styles and must not redefine shared masthead, card or access rules. */
  .community-page { padding-top: clamp(2.25rem, 5vw, 4rem); padding-bottom: clamp(1.25rem, 3vw, 2rem); }
  .community-page:has(> .landing-pitch) { padding-top: 0; }
  .community-guide-page { padding-bottom: clamp(1.75rem, 4vw, 3rem); }
  .community-section { margin: 0 0 clamp(3.5rem, 8vw, 7rem); }
  .community-section__header { max-width: 72rem; margin-bottom: clamp(1.25rem, 2.6vw, 2rem); }
  .community-section__eyebrow { margin: 0 0 0.6rem; color: var(--text-accent); font-family: var(--font-ui); font-size: var(--type-eyebrow-size); font-weight: var(--type-weight-bold, 700); letter-spacing: var(--type-tracking-eyebrow, 0.12em); line-height: var(--type-eyebrow-line, 1.35); text-transform: uppercase; }
  .community-section__header .section-heading { margin: 0 0 0.75rem; padding: 0; border: 0; font-size: var(--type-section-heading-size, clamp(1.8rem, 3vw, 2.7rem)); }
  .community-section__header .lead { max-width: 68ch; margin: 0; }
  .community-intro { margin: 0 0 clamp(3.5rem, 8vw, 7rem); }
  .community-utility-rail > p { margin: 0; padding: var(--space-sm) var(--space-md); color: var(--text-secondary); line-height: 1.55; }
  .community-utility-rail > p + p { border-left: 1px solid color-mix(in srgb, var(--section-border) 72%, var(--highlight) 18%); }
  .community-utility-rail strong { color: var(--text-primary); }
  .community-about__copy { max-width: 70ch; color: var(--text-secondary); font-size: var(--type-supporting-copy-size, clamp(1rem, 1.35vw, 1.12rem)); line-height: var(--type-supporting-copy-line, 1.7); }
  .community-about__copy p { margin: 0 0 1rem; }
  .community-page:has(> .community-membership .join-cta.is-hidden) { padding-bottom: clamp(1.25rem, 3vw, 2rem); }
  .community-membership .join-cta { margin-top: 0; }

  @media (max-width: 767px) {
    .community-page { padding-top: 2rem; }
    .community-page:has(> .landing-pitch) { padding-top: 0; }
    .community-section { margin-bottom: clamp(3rem, 12vw, 4.5rem); }
    .community-intro { margin-bottom: clamp(3rem, 12vw, 4.5rem); }
    .community-utility-rail > p + p { border-top: 1px solid color-mix(in srgb, var(--section-border) 72%, var(--highlight) 18%); border-left: 0; }
    .community-section__header .section-heading { font-size: clamp(1.55rem, 7vw, 2rem); }
  }
}