@charset "UTF-8";
/*
  gutenberg.css — ブロックエディタ標準クラス向けの最低限のスタイル
  本文はクラシックエディタ前提だが、Gutenbergで書かれた記事が混ざっても
  表示が崩れないための保険。single.php でのみ読み込む。
*/

/* 画像ブロック */
.post-content .wp-block-image {
  margin-block: 1.5em;
}

.post-content .wp-block-image figcaption {
  margin-top: 8px;
  font-size: 0.8125rem;
  color: var(--color-muted);
  text-align: center;
}

/* 引用ブロック */
.post-content .wp-block-quote {
  padding: 16px 20px;
  border-left: 4px solid var(--color-border);
  background: var(--color-surface);
}

.post-content .wp-block-quote cite {
  display: block;
  margin-top: 8px;
  font-size: 0.8125rem;
  color: var(--color-muted);
}

/* テーブルブロック */
.post-content .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

/* ボタンブロック */
.post-content .wp-block-button__link {
  display: inline-block;
  padding: 12px 32px;
  border-radius: var(--radius);
  background: var(--color-primary);
  color: var(--color-on-primary);
  font-weight: 700;
  text-decoration: none;
}

/* カラムブロック（スマホは縦積み） */
.post-content .wp-block-columns {
  display: flex;
  gap: 24px;
}

@media (max-width: 767px) {
  .post-content .wp-block-columns {
    flex-direction: column;
  }
}

/* 埋め込み・動画 */
.post-content .wp-block-embed iframe,
.post-content .wp-block-video video {
  max-width: 100%;
}

/* 配置クラス（コンテナ幅を超えない範囲で） */
.post-content .alignwide,
.post-content .alignfull {
  width: 100%;
  max-width: 100%;
}

.post-content .aligncenter {
  margin-inline: auto;
  text-align: center;
}