/*!
 * ブロックエディタ（Gutenberg）用スタイル
 * エディタ上とフロントエンドの両方で適用
 *
 * @package lesson
 */

/* グループブロック */
.wp-block-group {
  border-radius: 1.5rem;          /* rounded-2xl */
  background-color: #f9fafb;      /* bg-gray-50 */
  padding: 2.5rem;                /* p-10 */
  margin-bottom: 2rem;
}

/* 背景色が設定されているグループは角丸のみ適用 */
.wp-block-group.has-background {
  border-radius: 1.5rem;
  padding: 2.5rem;
}

/* 白背景グループ */
.wp-block-group.has-white-background-color {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* 見出しブロック（センタリング） */
.wp-block-heading {
  text-align: center;
}

.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3,
.wp-block-heading h4 {
  text-align: center;
}

/* 見出しのサイズと太さ */
h1.wp-block-heading {
  font-size: 2.5rem;
  font-weight: 700;
}

h2.wp-block-heading {
  font-size: 2rem;
  font-weight: 700;
}

h3.wp-block-heading {
  font-size: 1.5rem;
  font-weight: 600;
}

/* 段落ブロック（センタリング） */
.wp-block-paragraph {
  text-align: center;
  color: #4b5563;       /* text-gray-600 */
  line-height: 1.8;
  font-size: 1rem;
}

/* ボタンブロック（中央配置 ＋ 角丸） */
.wp-block-buttons {
  justify-content: center;
}

.wp-block-button__link {
  border-radius: 9999px !important;  /* 完全な丸ボタン */
  padding: 0.75rem 2rem;
  font-weight: 600;
}

/* カバーブロック（角丸） */
.wp-block-cover {
  border-radius: 1.5rem;
  overflow: hidden;
}