/**
 * Search results layout
 *
 * Tea World の検索結果ページを辞典タグ風に整えるスタイル。
 *
 * 内容:
 * - 縦棒付きリスト
 * - 項目間余白の圧縮
 * - タイトル・本文の行間調整
 * - dense 表示用の追加調整
 * ver.1.0.0 2025.06.21
 * ver.2.0.0 2026.04.20
 * 2025.12.31 style.css から移設
 * 2026.04.20 tea-layout.css から分離・3ブロック1本化
 */
/* ======================================
   📖 /* Search page: dictionary-style layout
   検索結果を辞典タグ風に統一 
   ====================================== */
body.search{
  --tw-accent: #7b4d2a; /* 茶色（辞典ページに合わせて調整可） */
  --tw-font: clamp(14px, 1.45vw, 16px); /* 項目の文字サイズ */
  --tw-search-gap: 1px;
  --tw-search-line: 1.32;
}

/* 1) リスト全体に縦棒を1本だけ描く */
body.search .search-results,
body.search .site-main .search-results,
body.search .content ul.search-results{
  position: relative;
  margin: 0;
  padding: 0 0 0 14px;  /* 縦棒とテキストの間 */
  list-style: none;
  line-height: var(--tw-search-line);
}

/* 2) 箇条点消去＆余白を詰める */
body.search .search-results::before,
body.search .site-main .search-results::before,
body.search .content ul.search-results::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--tw-accent);
}

/* 3) 箇条点と疑似要素の保険解除 */
body.search .search-results li::marker,
body.search .search-results li::before{
  content: none !important;
}

/* 4) 各項目の基本スタイル */
body.search .search-results > li,
body.search .search-results > article,
body.search .search-results > div,
body.search .search-results li,
body.search .search-results .hentry,
body.search .search-results article{
  margin: 0 !important;
  padding: 1px 6px 1px 8px !important;
  font-size: var(--tw-font);
  line-height: var(--tw-search-line) !important;
}

/* 5) 隣接項目の間だけ少し開ける */
body.search .search-results > li + li,
body.search .search-results > article + article,
body.search .search-results > div + div,
body.search .search-results li + li,
body.search .search-results article + article{
  margin-top: var(--tw-search-gap) !important;
}

/* 6) タイトル・段落・リンクの余白を圧縮 */
body.search .search-results h2,
body.search .search-results h3,
body.search .search-results .entry-title,
body.search .search-results p,
body.search .search-results a{
  margin: 0 !important;
  padding: 0 !important;
  line-height: var(--tw-search-line) !important;
}

/* 7) リンクの見た目 */
body.search .search-results a{
  color: var(--tw-accent);
  text-decoration: none;
  font-weight: 700;
  font-size: var(--tw-font);
  display: inline;
}

body.search .search-results a:hover{
  text-decoration: underline;
}