/*
 * 編集画面のブロックで書いた記事のための補足CSS。
 *
 * 段落・見出し・箇条書き・表・注記・導入の囲み・よくある質問は、親テーマの articles.css が
 * そのまま当たります（公開ページでは、ブロックのHTMLに親テーマのクラスを付けています）。
 * ここには、親テーマに対応する指定がない部品だけを書きます。
 * 記事ページと編集画面の両方で読み込まれます。
 */

/* 番号付きリスト */
ol.wp-block-list {
  margin: 1.2rem 0 2rem;
  padding-left: 1.6rem;
  line-height: 1.8;
}

ol.wp-block-list > li {
  margin: 0 0 10px;
}

/* 表：WordPress標準の見出し行の太線を消し、既存記事の表と同じ罫線にする。 */
figure.wp-block-table thead,
figure.wp-block-table tfoot {
  border: 0;
}

/* 表の説明文 */
.wp-block-table figcaption {
  padding: .7rem 1.2rem;
  color: var(--muted);
  font-size: .85rem;
}

/* 画像 */
figure.wp-block-image {
  margin: 2rem 0;
}

figure.wp-block-image img {
  max-width: 100%;
  height: auto;
}

figure.wp-block-image figcaption {
  margin-top: .6rem;
  color: var(--muted);
  font-size: .85rem;
}

/* よくある質問：ブロックの入れ物が1段はさまるので、見出しの上の余白を既存記事にそろえる。 */
.article-faq .wp-block-group__inner-container > h2:first-child {
  margin-top: 0;
}