/* WordPress で書いた記事（ブロック）と、お問い合わせの確認画面だけで読む小さな補い。手書き（生成物ではない）
   数値は tokens.css のトークンだけ。記事の基本の見た目は sub.css の .prose--article */

/* 画像・キャプション */
.prose--article img { max-width: 100%; height: auto; }
.prose--article figure figcaption, .prose--article .wp-element-caption { margin-top: var(--space-sm); font-size: var(--fs-sm); color: var(--color-text-sub); }
.prose--article .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.prose--article .alignleft { float: left; margin: 0 var(--space-lg) var(--space-md) 0; max-width: 50%; }
.prose--article .alignright { float: right; margin: 0 0 var(--space-md) var(--space-lg); max-width: 50%; }
.prose--article::after { content: ""; display: block; clear: both; }
.prose--article ol { padding-left: var(--space-lg); list-style: decimal; }

/* 表 */
.prose--article .wp-block-table { overflow-x: auto; }
.prose--article table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.prose--article th, .prose--article td { padding: var(--space-sm) var(--space-md); border: 1px solid var(--color-line); text-align: left; vertical-align: top; }
.prose--article thead th, .prose--article tbody th { background: var(--color-bg-alt); }

/* 埋め込み（YouTube など）と段組み */
.prose--article .wp-block-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
.prose--article .wp-block-columns { display: flex; gap: var(--space-lg); }
.prose--article .wp-block-column { flex: 1; min-width: 0; }
@media (max-width: 767px) { .prose--article .wp-block-columns { flex-direction: column; } .prose--article .alignleft, .prose--article .alignright { float: none; margin: 0 0 var(--space-md); max-width: 100%; } }

/* お問い合わせ：確認画面のエラー */
.form-errors { padding: var(--space-md) var(--space-lg); border: 1px solid var(--color-error); border-radius: 4px; background: var(--color-bg); color: var(--color-text); }
.form-errors p { font-weight: 700; color: var(--color-error); }
.form-errors ul { margin-top: var(--space-sm); padding-left: var(--space-lg); list-style: disc; }
.form-actions button[disabled] { opacity: .4; cursor: not-allowed; }