.single .c-postTerms {
  display: none;
}
/* =========
  本文（基準）
========= */
@media (min-width: 768px){
  body{
    font-size: 20px;
    line-height: 1.85;
  }
}
@media (max-width: 767px){
  body{
    font-size: 17px;
    line-height: 1.85;
  }
}

/* =========
  ブロック見出し（投稿・固定ページ）を本文サイズに揃える
  ※wp-block-heading を追加
========= */
.wp-block-heading,
.ark-block-heading{
  font-size: inherit;
  line-height: inherit; /* 不要なら消してOK */
}

/* =========
  装飾（あなたの意図のまま）
  ※single縛りを外して、ブロック見出しにも刺さるようにする
========= */
h2.wp-block-heading,
h2.ark-block-heading,
h2{
  position: relative;
  padding-bottom: 0.6em;
	padding-top: 0.8em;
}

h2.wp-block-heading::after,
h2.ark-block-heading::after,
h2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 10em;          /* 長めにする（好みで調整） */
  height: 3px;         /* 1px→2pxで格が出る */
  background-color: #4DA3FF;
  border-radius: 999px; /* 角を丸めると洗練される */
}

h3.wp-block-heading,
h3.ark-block-heading,
h3{
  position: relative;
  padding-bottom: 0.6em;
	padding-top: 0.8em;
  border-left: none;   /* 左線を廃止 */
  padding-left: 0;     /* 左余白も廃止 */
}

h3.wp-block-heading::after,
h3.ark-block-heading::after,
h3::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5em;          /* 短い下線 */
  height: 2px;
  background-color: #5A5A5A; /* 無色（グレー） */
}

/* 記事一覧タイトルだけ、上paddingを打ち消す */
.c-postList__title,
.p-postList__title {
  padding-top: 0;
}

/* =========================================================
   Arkhe: Related / BoxLink Card Modernization (Dark UI)
   対象DOM: .arkb-boxLink
   ========================================================= */

/* 0) 影響範囲を boxLink だけに限定（副作用防止） */
.arkb-boxLink * {
  box-sizing: border-box;
}

/* 1) ブロック全体の余白（詰まり感の解消） */
.arkb-boxLink {
  margin: 24px 0;
}

/* 2) カード本体：白ベタをやめ、暗背景に馴染ませる */
.arkb-boxLink__inner[data-type="external"] {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  overflow: hidden;

  /* 「テンプレ箱感」を消す：影は薄く広く or なし */
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);

  transition:
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

/* 3) hover：派手にしない（明度差で上品に） */
.arkb-boxLink__inner[data-type="external"]:hover {
  background: rgba(255, 255, 255, 0.085);
  border-color: rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
  box-shadow: 0 14px 38px rgba(0,0,0,0.22);
}

/* 4) 画像：カード角丸と一致させる */
.arkb-boxLink__figure {
  overflow: hidden;
}

/* 画像が内部でimgになってる前提の保険 */
.arkb-boxLink__figure img {
  display: block;
  width: 100%;
  height: auto;
}

/* 5) 本文レイアウト：余白を増やして現代化 */
.arkb-boxLink__body {
  padding: 16px 18px;
  gap: 10px;
}

/* 6) タイトル：青リンクをやめて「サイト側のタイポ」に寄せる */
a.arkb-boxLink__title {
  color: rgba(255,255,255,0.92);
  text-decoration: none;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .01em;

  /* 長文タイトルの可読性（2〜3行で止める） */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* hoverで色だけ少し変える（控えめ） */
.arkb-boxLink__inner:hover a.arkb-boxLink__title {
  color: rgba(255,255,255,0.98);
}

/* 7) 抜粋（snippet）：白カード感の原因なのでトーン統一 */
.arkb-boxLink__content,
.arkb-boxLink__content * {
  color: rgba(255,255,255,0.72);
  line-height: 1.75;
}

/* 8) more（右側のエリア）も馴染ませる */
.arkb-boxLink__more {
  opacity: 0.9;
}

/* 9) キーボード操作の見やすさ（アクセシビリティ） */
.arkb-boxLink a:focus-visible {
  outline: 2px solid rgba(255,255,255,0.35);
  outline-offset: 3px;
  border-radius: 10px;
}

/* 10) 外部リンクのクリック感：カード全体に“触れる”印象を付ける */
.arkb-boxLink__inner[data-type="external"] {
  cursor: pointer;
}

/* 右下のサイト名（重複メタ）を消す */
.arkb-boxLink__more {
  display: none !important;
}

/* 関連記事カード内タイトルも本文サイズへ */
.single .c-postList__title,
.single .p-postList__title,
.single .c-postList a {
  font-size: 1em;
  line-height: 1.55;
}

/* Arkhe: 関連記事 見出し（h2）を本文サイズに揃える */
.single .c-bottomSection__title {
  font-size: inherit;
  line-height: inherit;
}