/* community.html: page-specific touches (tokens from site.css only) */

/* hero side column: bare plate above the spec sheet, edges aligned */
.page--community .page-hero__side { display: grid; gap: var(--s-8); align-content: end; }
.page--community .page-hero__side .frame,
.page--community .page-hero__side .spec { max-width: 440px; }

/* investment: the price anchors the spread */
.page--community .invest__price { font-size: clamp(3rem, 2rem + 3vw, 4.5rem); letter-spacing: -0.02em; line-height: 1; }
.page--community .invest__price small { margin-left: 0.5rem; }

/* related programs: heading column beside a pair of plates */
.page--community #related .container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--grid-gap); align-items: start; }
.page--community #related .section-head { grid-column: 1 / span 4; position: sticky; top: calc(var(--header-h-compact) + 2rem); }
.page--community #related .cards--two { grid-column: 6 / span 7; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; margin-top: 0; }
@media (max-width: 960px) {
  .page--community #related .section-head, .page--community #related .cards--two { grid-column: 1 / -1; position: static; }
  .page--community #related .cards--two { grid-template-columns: 1fr; max-width: 560px; margin-top: var(--s-6); }
}

/* phones: no plate in the hero; the facts come before the call to action */
@media (max-width: 900px) {
  .page--community .page-hero__inner { row-gap: 0; }
  .page--community .page-hero__text, .page--community .page-hero__side { display: contents; }
  .page--community .page-hero__inner > * > * { grid-column: 1 / -1; }
  .page--community .page-hero__side figure { display: none; }
  .page--community .page-hero .spec { margin-top: var(--s-8); max-width: none; }
  .page--community .page-hero .actions { order: 1; }
  .page--community .page-hero .checks { gap: 0.5rem; }
}