/* 固定ページ（WordPress の page-template-default）用の差分スタイル。
 *
 * ★なぜ要るか
 *   記事用の bundle（bundle-0〜2）には c-pageTitle が入っていない。
 *   本番の固定ページの見出しは c-pageTitle[data-style=b_bottom]（下線つきの見出し）で、
 *   記事の c-postTitle とは見た目が違う。記事用の並びをそのまま使うと
 *   見出しだけ記事の体裁になる（実測: /webinar-thanks/）。
 *
 * ★生成物を触らない理由
 *   public/css/bundle-*.css は scripts/fetch-wp-assets.mjs の生成物で「手で編集しない」決まり。
 *   差分だけをここに置き、固定ページの描画時だけ追加で読む。
 *   値は本番の子テーマCSS（bundle-category-0.css に同梱されているもの）からそのまま転記。
 *
 * ★並び順
 *   記事の bundle より後に読む（--color_border / --color_main は bundle-0.css が定義）。
 */

.c-pageTitle {
  font-size: 1.3em;
  line-height: 1.4;
  position: relative;
}

.c-pageTitle:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.c-pageTitle[data-style="b_bottom"] {
  border-bottom: 1px solid var(--color_border);
}

.c-pageTitle[data-style="b_bottom"] .c-pageTitle__inner {
  border-bottom: 1px solid var(--color_main);
  float: left;
  margin-bottom: -1px;
  padding: 0.25em 0.5em;
}

.c-pageTitle__inner {
  display: block;
  padding-top: 0.5em;
}

@media (min-width: 600px) {
  .c-pageTitle {
    font-size: 1.5em;
  }
}