/* ============================================
   記事詳細ページ（single-news）専用スタイル
   ============================================ */
/* -----------------------------------------
   1. 箇条書き内の太字（strong）をブラックに
   ----------------------------------------- */
body.single-news .wp-block-list li strong {
    color: #000 !important;
}

/* -----------------------------------------
   2. 見出し h3 のみ左線アクセント
   ----------------------------------------- */
body.single-news article h3.wp-block-heading {
    border-left: 3px solid #937960;
    padding-left: 10px;
}

/* -----------------------------------------
   3. 医師コメントボックス
   ----------------------------------------- */
body.single-news article .wp-block-columns.has-background {
    border: 1px solid #c4b9a8;
    border-radius: 8px;
    padding: 24px 20px;
    margin-top: 32px;
    margin-bottom: 32px;
}

/* 画像・名前を中央揃え */
body.single-news article .wp-block-columns.has-background .is-vertically-aligned-center {
    text-align: center;
}

body.single-news article .wp-block-columns.has-background .is-vertically-aligned-center .wp-block-image {
    text-align: center;
}

body.single-news article .wp-block-columns.has-background .is-vertically-aligned-center .wp-block-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body.single-news article .wp-block-columns.has-background .is-vertically-aligned-center figcaption {
    text-align: center;
}

/* -----------------------------------------
   4. テーブル：左列（項目名）に背景色
   ----------------------------------------- */
body.single-news article table td:first-child {
    background-color: #f0ece4;
    font-weight: 600;
    color: #5a4a3a;
    white-space: nowrap;
}

/* ========================================
   テーブル横スクロールヒント
   ======================================== */
/* ラッパー */
.table-scroll-wrapper {
    position: relative;
}

/* 右端グラデーション影 */
.table-scroll-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(147, 121, 96, .15) 100%);
    pointer-events: none;
    transition: opacity .3s ease;
    z-index: 2;
}

/* 右端までスクロールしたら影を消す */
.table-scroll-wrapper.is-scrolled-end::after {
    opacity: 0;
}

/* スクロールバー常時表示＆スタイリング（WebKit系） */
.post_content figure.wp-block-table {
    -webkit-overflow-scrolling: touch;
}

.post_content figure.wp-block-table::-webkit-scrollbar {
    height: 6px;
}

.post_content figure.wp-block-table::-webkit-scrollbar-track {
    background: #f0ece4;
    border-radius: 3px;
}

.post_content figure.wp-block-table::-webkit-scrollbar-thumb {
    background: #937960;
    border-radius: 3px;
}

.post_content figure.wp-block-table::-webkit-scrollbar-thumb:hover {
    background: #7a6450;
}

/* スクロールバー（Firefox） */
.post_content figure.wp-block-table {
    scrollbar-width: thin;
    scrollbar-color: #937960 #f0ece4;
}

/* 「スクロールできます」ラベル（モバイルのみ） */
@media (max-width: 767px) {
    .table-scroll-wrapper::before {
        content: "← スクロールできます →";
        display: block;
        text-align: right;
        font-size: 12px;
        color: #937960;
        padding: 0 0 6px;
        letter-spacing: .05em;
    }
}