/* 1. 指定記事限定：タイトルが入っている白いエリア全体を黒にする */
:is(.postid-14, .postid-75, .postid-91,  .postid-1161,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) .has-tertiary-background-color,
:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) div[class*="has-tertiary-background-color"],
:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) .has-background {
  background-color: #121417 !important;
}

/* 2. 指定記事限定：サイト最上部のヘッダー（メニューやサイト名）を黒にする */
:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) header.wp-block-template-part,
:is(.dragonball-lab, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) .wp-site-blocks > header {
  background-color: #121417 !important;
}

/* 3. 指定記事限定：ヘッダー内のサイト名・リンク文字を白にする */
:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) header.wp-block-template-part a,
:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) header.wp-block-template-part p,
:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) header.wp-block-template-part span {
  color: #f0f2f5 !important;
}

/* 4. 指定記事限定：大見出しタイトル文字を白にする */
:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) .wp-block-post-title,
:is(.postid-14, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) h1.wp-block-post-title,
:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) h2.wp-block-post-title,
:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) .has-foreground-color {
  color: #ffffff !important;
}

/* 5. 指定記事限定：ページ全体の基底背景を黒にする */
body:is(.postid-14, .postid-75, .postid-91,  .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188),
:is(.postid-14, .postid-91, .postid-116,  .postid-131,  .postid-146,  .postid-158,  .postid-164,  .postid-175,  .postid-188) .wp-site-blocks {
  background-color: #121417 !important;
}



/* 1. タイトルエリア・背景付きブロックを黒にする */
.has-tertiary-background-color,
div[class*="has-tertiary-background-color"],
.has-background {
  background-color: #121417 !important;
}

/* 2. サイト最上部のヘッダー（メニューやサイト名）を黒にする */
header.wp-block-template-part,
.wp-site-blocks > header {
  background-color: #121417 !important;
}

/* 3. ヘッダー内のサイト名・リンク文字を白にする */
header.wp-block-template-part a,
header.wp-block-template-part p,
header.wp-block-template-part span {
  color: #f0f2f5 !important;
}

/* 4. 大見出しタイトル文字を白にする */
.wp-block-post-title,
h1.wp-block-post-title,
h2.wp-block-post-title,
.has-foreground-color {
  color: #ffffff !important;
}

/* 5. ページ全体の基底背景を黒にする */
body,
.wp-site-blocks {
  background-color: #121417 !important;
}



/* サイドバー・共通ブロック内のテキストを白色系にする */
.wp-block-template-part .wp-block-paragraph,
.wp-block-template-part .wp-block-heading,
.wp-block-template-part p,
.wp-block-template-part h1,
.wp-block-template-part h2,
.wp-block-template-part h3,
.wp-block-template-part h4,
.wp-block-template-part h5,
.wp-block-template-part h6 {
  color: #f0f2f5 !important;
}

/* サイドバー内のリンク文字（通常時・ホバー時） */
.wp-block-template-part a {
  color: #e2e8f0 !important;
}

.wp-block-template-part a:hover {
  color: #ffd700 !important; /* ホバー時にゴールド */
}

/* 念のためサイト全体の基本文字色もライトカラーに統一 */
body, 
.wp-site-blocks p,
.wp-block-post-content p {
  color: #e2e8f0;
}



















/* ===================================================
   1. 個別記事ページ（単体表示）のメイン見出しのみ適用
      ※ .single (投稿ページ) または 一覧ブロック外の見出しに限定
=================================================== */
.single .entry-title,
.single .wp-block-post-title,
body:not(.page) > .wp-block-post-title,
main > .wp-block-post-title {
  /* 文字サイズと行間 */
  font-size: clamp(1.3rem, 2.8vw, 1.85rem) !important;
  line-height: 1.55 !important;
  letter-spacing: 0.03em !important;
  font-weight: 800 !important;
  color: #f8fafc !important;
  
  /* 左側のグラデーションアクセントバー */
  position: relative;
  padding: 14px 18px 14px 20px !important;
  margin-top: 10px !important;
  margin-bottom: 24px !important;
  border-left: 5px solid transparent !important;
  border-image: linear-gradient(180deg, #ffd700 0%, #00e5ff 100%) 1 !important;
  
  /* 背景プレート */
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
  border-radius: 0 10px 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-sizing: border-box;
}


/* ===================================================
   2. 固定ページ・最新記事一覧（カード・サイドバー）用デザイン
      ※ クエリーループ内のタイトルをカード用に最適化
=================================================== */
.wp-block-post-template .wp-block-post-title,
.wp-block-query .wp-block-post-title,
.wp-block-latest-posts__post-title {
  /* 不要な装飾・背景・枠線をリセット */
  background: transparent !important;
  border: none !important;
  border-left: none !important;
  border-image: none !important;
  padding: 8px 4px 4px 4px !important;
  margin: 6px 0 10px 0 !important;
  border-radius: 0 !important;
  
  /* カード内に収まる最適なフォントサイズと行間 */
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  box-sizing: border-box;
}

/* 一覧カード内のリンクテキスト装飾 */
.wp-block-post-template .wp-block-post-title a,
.wp-block-query .wp-block-post-title a,
.wp-block-latest-posts__post-title a {
  color: #e2e8f0 !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;           /* タイトルが長すぎるときは3行で「...」にする */
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.25s ease, transform 0.2s ease;
}

/* ホバー時にゴールド〜シアン寄りに発光 */
.wp-block-post-template .wp-block-post-title a:hover,
.wp-block-query .wp-block-post-title a:hover {
  color: #00e5ff !important;
}

/* カード全体の余白と見た目の微調整（画像とタイトルのバランス） */
.wp-block-post-template li,
.wp-block-post-template .wp-block-post {
  box-sizing: border-box;
}


/* ===================================================
   3. スマホ表示時の微調整
=================================================== */
@media screen and (max-width: 768px) {
  .single .wp-block-post-title {
    padding: 10px 14px 10px 16px !important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
  }
  
  .wp-block-post-template .wp-block-post-title {
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
  }
}