/**
 * Dictionary tag archive styles
 *
 * dictionary_tag タクソノミー一覧ページ専用スタイル。
 *
 * 内容:
 * - 本文＋サイドバーの横並び
 * - 見出し装飾
 * - 用語一覧の縦棒表示
 * - 関連語ブロック
 * - 前後ナビゲーション
 * ver.1.1 2025.07.20
 * ver.2.0 2026.04.20
 * tea-layout.css から分離
 */
/* ======================================
   📗 dictionary_tag ページ全体レイアウト
    タグ検索結果ページ・レイアウト
    ver.1.1 2025.07.20
    ver.2.0 2026.04.20
   ====================================== */

/* ✅ タグページの本文・サイドバーの横並びを完全に制御 */
body.tax-dictionary_tag .content-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  gap: 2rem;
}

/* ✅ タグページの本文エリア幅を指定 */
body.tax-dictionary_tag .site-main-content {
  flex: 0 0 66%;
  max-width: 66%;
  padding-right: 2rem;
}

/* ✅ タグページのサイドバー幅と左境界線を指定 */
body.tax-dictionary_tag .site-sidebar {
  flex: 0 0 34%;
  max-width: 34%;
  padding-left: 1.5rem;
  border-left: 2px solid #a4d6a4;
}

/* ======================================
   🍂 見出し装飾
    ver.1.1 2025.07.20
    ver.2.0 2026.04.20
   ====================================== */

/* ✅ 用語タイトルを紅茶色に */
body.tax-dictionary_tag .archive-title {
  color: #6e350d !important;
}

/* ✅ 見出し語と補足語の間に少し余白を入れる */
body.tax-dictionary_tag .archive-title .term-space {
  display: inline-block;
  width: 0.4em;
}

/* ✅ カッコ書きの補足語を少し控えめに見せる */
body.tax-dictionary_tag .archive-title .term-bracket {
  font-size: 1em;
  opacity: 0.85;
}

/* ======================================
   📚 用語一覧
    ver.1.1 2025.07.20
        移設 2025.12.31
    ver.2.0 2026.04.20
   ====================================== */

/* ✅ 用語一覧全体を縦棒付きリストにする */
body.tax-dictionary_tag .term-post-list {
  position: relative;
  margin: 0;
  padding-left: 1.5em;
  list-style: none;
}

/* ✅ 用語一覧の左に紅茶色の縦棒を表示 */
body.tax-dictionary_tag .term-post-list::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.3em;
  width: 2px;
  background-color: #8B4513;
}

/* ✅ 用語一覧のリンクを紅茶色＋太字に */
body.tax-dictionary_tag .term-post-list li a {
  color: #8B4513;
  text-decoration: none;
  font-weight: bold;
}

/* ======================================
   🌿 関連語ブロック
    ver.1.1 2025.07.20
        移設 2025.12.31
    ver.2.0 2026.04.20
   ====================================== */

/* ✅ 関連語ブロック全体の上余白 */
body.tax-dictionary_tag .tw-related-wrap {
  margin-top: 1.2rem;
}

/* ✅ 関連語見出し */
body.tax-dictionary_tag .tw-related-title {
  margin: 0 0 .4rem;
  font-size: 1rem;
  font-weight: 800;
  color: #7b4d2a;
}

/* ✅ 関連語一覧を縦棒付きで表示 */
body.tax-dictionary_tag .tw-related {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 0 0 12px;
}

/* ✅ 関連語一覧の左に縦棒を表示 */
body.tax-dictionary_tag .tw-related::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #7b4d2a;
}

/* ✅ 関連語項目の行間調整 */
body.tax-dictionary_tag .tw-related li {
  margin: 0;
  padding: 2px 0;
  line-height: 1.34;
}

/* ✅ 関連語リンク */
body.tax-dictionary_tag .tw-related a {
  color: #7b4d2a;
  font-weight: 700;
  text-decoration: none;
}

body.tax-dictionary_tag .tw-related a:hover {
  text-decoration: underline;
}

/* ======================================
   ↔ 前後ナビゲーション
    ver.1.1 2025.07.20
        移設 2025.12.31
    ver.2.0 2026.04.20
   ====================================== */

/* ✅ 前後ナビ全体を左右に配置 */
body.tax-dictionary_tag .tw-adjacent {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: .75rem;
  border-top: 1px solid #e6e6e6;
}

/* ✅ 前後ナビリンク */
body.tax-dictionary_tag .tw-adjacent a {
  color: #7b4d2a;
  font-weight: 700;
  text-decoration: none;
}

body.tax-dictionary_tag .tw-adjacent a:hover {
  text-decoration: underline;
}