/**
 * ちゃんこSEO記事ページ共通スタイル
 * 対象: /mito-delivery-health/ 以下のSEO記事ページ
 */

/* ========================================
   ハブカード（ハブページのリンクカード）
   ======================================== */
.hub-card {
  background: #fff;
  border: 1px solid #ddd;
  border-left: 4px solid #5cc3ea;
  border-radius: 6px;
  padding: 16px 20px;
  margin-bottom: 14px;
  transition: box-shadow 0.2s, border-color 0.2s;
}

.hub-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-left-color: #3aadda;
}

.hub-card h3 {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.5;
}

.hub-card h3 a {
  text-decoration: none;
}

.hub-card h3 a:hover {
  text-decoration: underline;
}

.hub-card p {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.6;
}

/* ========================================
   FAQ セクション
   ======================================== */
.entry-content h2 + h3[class],
.entry-content h3:first-of-type {
  /* FAQのQ見出しにはクラスがないのでパターンで対応 */
}

/* Q&Aの見た目を整える（h3がQ、pがA） */
.entry-content h3 {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 20px;
  margin-bottom: 6px;
  padding: 0;
}

/* FAQ Q&A ペアのスタイル */
.entry-content h3:nth-last-of-type(n) {
  /* 一般h3のスタイル */
}

/* ========================================
   CTA セクション（在籍一覧誘導）
   ======================================== */
.entry-content h2:last-of-type + p + p a[href="/cast/"],
.entry-content a[href="/cast/"] {
  display: inline-block;
  background: #5cc3ea;
  color: #fff;
  padding: 12px 32px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  transition: background 0.2s;
}

.entry-content a[href="/cast/"]:hover {
  background: #3aadda;
  color: #fff;
}

/* ========================================
   記事本文の全体的な読みやすさ向上
   ======================================== */
.entry-content h2 {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 32px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid #5cc3ea;
}

.entry-content p {
  line-height: 1.8;
  margin-bottom: 16px;
}

.entry-content ul {
  padding-left: 20px;
  margin-bottom: 16px;
}

.entry-content ul li {
  line-height: 1.7;
  margin-bottom: 6px;
}

/* 内部リンクのスタイル */
.entry-content a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.entry-content a:hover {
  text-decoration: none;
}