/* prose.css — リード（大見出し）＋本文のプロセスブロック
   Figma: p-fv__bottom / p-about / p-intro などで繰り返し使われる共通パターン

   リード＝42.667px Black、本文＝18.29px Bold（両端揃え）。
   最大幅640px。行間などはトークン参照。余白の違いはモディファイアで吸収する。 */

.c-prose {
  display: flex;
  flex-direction: column;
  gap: var(--space-40); /* 既定（p-fv / p-intro）。about は --gap-lg で64pxに */
  align-items: flex-start;
  width: 100%;
  max-width: 40rem; /* Figma: 640px */
  color: var(--color-text);
}

.c-prose--center { align-items: center; text-align: center; }
.c-prose--gap-lg { gap: var(--space-64); } /* p-about */
.c-prose--wide { max-width: none; }        /* 中央寄せセクションで幅いっぱいに使う場合 */

.c-prose__lead {
  width: 100%;
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-body);
}

.c-prose__text {
  width: 100%;
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-loose);
  text-align: justify;
}

.c-prose--center .c-prose__text { text-align: center; }

/* ==========================================================================
   SP（767px以下）— リードは p-fv__lead / p-about__lead と同じバランス
   ========================================================================== */
@media (max-width: 767px) {
  .c-prose,
  .c-prose--gap-lg {
    gap: var(--space-32);
  }

  .c-prose__lead {
    font-size: var(--font-size-h2);
    text-align: center;
  }
}