/* ============================================================
   Bグループ共通CSS
   対象: interview_fujita.html / research_themes.html
   役割: 3ページ横断サブナビ、ページ末尾リンクカードの共通スタイル。
   方針: 旧来インラインstyle直書きだったものをclass化。見た目は現状と同一。
        色は各ページの :root で定義済みの変数（--accent 等）を参照する。
   ============================================================ */

/* ── 3ページ横断サブナビ ── */
.subnav {
  position: sticky; top: 0; z-index: 100;
  background: var(--bg, #fff);
  border-bottom: 1px solid transparent;
  padding: 0 24px;
}
.subnav-inner {
  max-width: 860px; margin: 0 auto;
  display: flex; align-items: center; gap: 4px;
  height: 48px; font-size: 13px;
}
.subnav a {
  color: var(--muted, #6c757d);
  text-decoration: none;
  padding: 4px 10px; border-radius: 4px;
  transition: background 0.15s, color 0.15s;
}
.subnav a:hover {
  background: var(--light-accent, #eaf2fb);
}
/* 現在ページ（b-group.js が自動付与） */
.subnav a.current {
  color: var(--accent, #337ab7);
  font-weight: 700;
  background: var(--light-accent, #eaf2fb);
}
.subnav-sep {
  color: var(--border, #dee2e6);
}

/* ── ページ末尾のリンクカード（2枚組） ── */
.page-nav-cards {
  margin-top: 64px; padding-top: 40px;
  border-top: 1px solid var(--border, #dee2e6);
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
.page-nav-card {
  display: block;
  border-radius: 8px; padding: 20px 22px;
  text-decoration: none;
  transition: box-shadow 0.15s;
}
/* 主リンク（アクセント地）＝インタビューへ誘導する強調カード */
.page-nav-card.accent {
  background: var(--light-accent, #eaf2fb);
  border: 1px solid var(--accent-border, #c3daf0);
}
.page-nav-card.accent:hover {
  box-shadow: 0 4px 14px rgba(51, 122, 183, 0.15);
}
/* 副リンク（中立地）＝プロフィールへ戻るカード */
.page-nav-card.plain {
  background: var(--section-bg, #f8f9fa);
  border: 1px solid var(--border, #dee2e6);
}
.page-nav-card.plain:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.page-nav-card .card-kicker {
  font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; margin-bottom: 6px;
}
.page-nav-card.accent .card-kicker { color: var(--accent, #337ab7); }
.page-nav-card.plain  .card-kicker { color: var(--muted, #6c757d); }
.page-nav-card .card-title {
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'Yu Gothic', Meiryo, sans-serif;
  font-size: 15px; font-weight: 700;
  color: var(--navy, #212529); line-height: 1.5;
}
.page-nav-card .card-desc {
  font-size: 12px; color: var(--muted, #6c757d); margin-top: 6px;
}

@media (max-width: 600px) {
  .page-nav-cards { grid-template-columns: 1fr; }
}