/*
Theme Name: Cocoon Child - Career
Template: cocoon-master
Version: 1.0
Description: キャリアコンサルタント比較サイト用チャイルドテーマ
*/

/* ===================================================
   グローバルリセット・共通スタイル
=================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

body,
.entry-content,
.page-content {
  font-family: 'Noto Sans JP', sans-serif !important;
}

/* 比較ページ・記事本文内のHTMLブロック余白調整 */
.entry-content .wp-block-html {
  margin-bottom: 24px;
}

/* ===================================================
   比較ページ専用：サイドバーなし全幅レイアウト
   （page-hikaku.php テンプレート使用時）
=================================================== */
.page-template-page-hikaku #content {
  max-width: 100%;
  padding: 0;
}

.page-template-page-hikaku .entry-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ===================================================
   記事（ブログ）用スタイル
=================================================== */
.entry-content h2 {
  font-size: clamp(18px, 4vw, 22px);
  font-weight: 900;
  color: #1B3A5C;
  border-left: 4px solid #C9971E;
  padding-left: 12px;
  margin: 32px 0 16px;
}

.entry-content h3 {
  font-size: clamp(16px, 3.5vw, 19px);
  font-weight: 700;
  color: #1B3A5C;
  margin: 24px 0 12px;
}

.entry-content p {
  font-size: 15px;
  line-height: 1.85;
  color: #3A4A5C;
  margin-bottom: 16px;
}

.entry-content a {
  color: #2196B0;
  text-decoration: underline;
}

.entry-content strong {
  color: #1B3A5C;
  font-weight: 700;
}

/* ===================================================
   レスポンシブ調整
=================================================== */
@media (max-width: 768px) {
  .page-template-page-hikaku .entry-content {
    padding: 0 12px;
  }
}