/* ブログ記事ページ専用（is_singular('post') のときだけ読み込み） */

/* ブログ個別ページの本文（文字色・行間・サイズ） */
.single-post .entry-content,
.single-post .post-content {
    color: #222222 !important; /* 深く落ち着いたダークグレー */
    line-height: 1.85 !important; /* ゆったりとした上品な行間 */
    font-size: 15px !important; /* 読みやすい本文サイズ */
}

/* ブログ個別ページの見出し（H2） */
.single-post .entry-content h2,
.single-post .post-content h2 {
    color: #222222 !important; /* 深いダークグレー */
    font-size: 1.25rem !important; /* 主張しすぎない上品なサイズ */
    font-weight: 600 !important;
    margin-top: 2.5em !important; /* 上部にしっかり余白をとる */
    margin-bottom: 1em !important;
    border-bottom: 1px solid #e5e5e5; /* 薄い下線で区切る */
    padding-bottom: 0.5em;
}

/* 写真の上下余白 */
.single-post .entry-content figure.wp-block-image,
.single-post .post-content figure.wp-block-image {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
}

/* ─── 記事セクション（管理画面の「記事セクション」で入力した内容） ─── */

/* 本文はブロック体（ゴシック）、見出しは明朝 */
/* style.css の「* { 明朝 !important }」より優先させるため、本文内の全要素に指定 */
.single-post .entry-content,
.single-post .entry-content * { font-family: var(--ff-gothic) !important; }
.single-post .entry-content h2 {
    font-family: var(--ff-mincho) !important;
    display: block;
    width: 100%; /* 下線を本文の幅いっぱいに引く（色は上の #e5e5e5） */
}
.single-post .blog-section + .blog-section { margin-top: 2.5em; }
.single-post .blog-section > h2:first-child { margin-top: 0 !important; }
.single-post .entry-content figure.wp-block-image img { display: block; width: 100%; height: auto; }

/* リンク：アクセントカラー＋下線、マウスを乗せると色を反転 */
.single-post .entry-content a {
    color: var(--c-gold-deep);
    text-decoration: underline;
    text-underline-offset: .2em;
    padding: 0 .1em;
    transition: background-color .2s, color .2s;
}
.single-post .entry-content a:hover,
.single-post .entry-content a:focus-visible {
    background: var(--c-gold);
    color: #fff;
    text-decoration: underline;
}

/* タイトル下の日付・カテゴリと、概要（リード文） */
.single-post__cat { margin-left: 1em; padding-left: 1em; border-left: 1px solid var(--c-line); }
.single-post__lead {
    font-family: var(--ff-gothic) !important;
    font-size: 15px;
    line-height: 1.85;
    color: #4a4b50;
    margin: 0 0 2.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #e5e5e5;
}
.single-post .blog-section__body ul,
.single-post .blog-section__body ol { padding-left: 1.5em; margin: 1em 0; }
.single-post .blog-section__body ul { list-style: disc; }
.single-post .blog-section__body ol { list-style: decimal; }
.single-post .blog-section__body li { margin: .3em 0; }

/* 段落ごとに読みやすく：
   - 行間はゆったり（上の 1.85 を 2 に上書き）
   - サイト全体の word-break: keep-all（句読点でしか折り返さない）をやめ、
     文字単位で折り返して行の右端を揃える（禁則処理は strict）
   - 段落と段落の間はちょうど1行分あける */
.single-post .entry-content {
    line-height: 2 !important;
    word-break: normal;
    line-break: strict;
    overflow-wrap: anywhere;
}
.single-post .entry-content p { margin: 0 0 2em; }
.single-post .entry-content p:last-child { margin-bottom: 0; }