/* =========================================================
   page_fixed.css  ── 固定ページ（カテゴリ入口）のスタイル

   【このファイルの責務】
   - /management/ /engineering/ などカテゴリ入口の固定ページ
   - entry-content > p > a:only-child（1行リンクをカード状に表示）

   【触るべきとき】
   ・リンクカードデザインを変えたい
     → .page .entry-content > p > a:only-child
     → カード背景・ボーダーは tokens.css の --card-bg / --card-border も参照

   【HTML構造の前提】
   固定ページ本文に「p タグ1個の中に a タグのみ」が並んでいる形式。
   例: <p><a href="/consensus/">合意形成シリーズ...</a></p>
========================================================= */

/* p タグの下余白をリセット */
.page .entry-content > p:has(> a:only-child) {
  margin-bottom: 0;
}

/* リンクをカード状に */
.page .entry-content > p > a:only-child {
  display: block;
  padding: 18px 22px;
  margin-bottom: 14px;
  border: 1.5px solid rgba(210,185,100,.38);
  border-radius: var(--radius-sm);
  background: var(--card-bg);
  box-shadow:
    0 2px 0 rgba(255,255,255,.92) inset,
    var(--shadow-xs);
  color: var(--ink);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .01em;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
  position: relative;
}

/* 右矢印 */
.page .entry-content > p > a:only-child::after {
  content: "→";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted);
  font-size: 14px;
  transition: transform .2s ease, color .2s ease;
}

/* ホバー */
.page .entry-content > p > a:only-child:hover {
  transform: translateY(-2px);
  border-color: rgba(190,165,60,.50);
  box-shadow:
    0 2px 0 rgba(255,255,255,.92) inset,
    var(--shadow-sm);
  text-decoration: none;
}

.page .entry-content > p > a:only-child:hover::after {
  transform: translateY(-50%) translateX(3px);
  color: var(--ink);
}