/* ============================================
   c-card-22 — ヘッダー帯付きカード
   Figma: 施術詳細「保証・アフターケア」3カード／料金表の価格説明カードと同型
   ============================================ */

:is(.c-card-22 *) {
  margin: 0;
}

/* wp:group に :root :where(.wp-block-group){padding:0} を確実に上書き */
.c-card-22.wp-block-group,
.c-card-22 {
  display: flex;
  flex-direction: column;
  background: var(--color-white);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.c-card-22 .c-card-22__title,
.c-card-22__title {
  padding: var(--space-xs) var(--space-md);
  background: var(--color-primary);
  color: var(--color-white);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
  text-align: center;
}

.c-card-22 .c-card-22__body,
.c-card-22__body {
  flex: 1;
  padding: var(--space-2-xl) var(--space-3-xl);
  font-size: var(--font-size-md);
  color: var(--color-text);
  line-height: var(--line-height-tight);
}

.c-card-22 .c-card-22__note,
.c-card-22__note {
  padding: 0 var(--space-3-xl) var(--space-2-xl);
  font-size: var(--font-size-2-xs);
  color: var(--color-text-light);
  line-height: var(--line-height-relaxed);
}

/* カード内CTAボタン行（下端密着防止・グリッド内で下揃え） */
.c-card-22 > .wp-block-buttons {
  margin-top: auto;
  padding: 0 var(--space-3-xl) var(--space-2-xl);
}