/*
 Theme Name:   OceanWP Child (hellowork-walk)
 Template:     oceanwp
 Theme URI:    https://hellowork-walk.com/
 Author:       hellowork-walk
 Description:  hellowork-walk.com 用の OceanWP 子テーマ。見出し装飾と AdSense 記事内広告自動挿入を提供する。
 Version:      0.1.0
 Text Domain:  oceanwp-child
*/

/* ==========================================================================
   1. 単一記事の見出し装飾
   - スキャナビリティを上げて読了率（→広告ビュー）を底上げする
   - 全 .single-post .entry-content 配下のみに限定（TOP/カテゴリには波及させない）
   ========================================================================== */

.single-post .entry-content h2 {
  font-size: 22px;
  font-weight: 700;
  color: #1a3d6e;
  background: linear-gradient(90deg, #eaf4fd 0%, #ffffff 100%);
  border-left: 6px solid #2a73c0;
  padding: 14px 16px;
  margin: 2.4em 0 1em;
  border-radius: 2px;
  line-height: 1.5;
}

.single-post .entry-content h3 {
  font-size: 18px;
  font-weight: 700;
  color: #233;
  border-bottom: 2px solid #2a73c0;
  padding: 0 0 8px 4px;
  margin: 2em 0 0.8em;
  line-height: 1.5;
}

.single-post .entry-content h4 {
  font-size: 16px;
  font-weight: 700;
  color: #2a73c0;
  padding-left: 14px;
  position: relative;
  margin: 1.6em 0 0.6em;
  line-height: 1.5;
}
.single-post .entry-content h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2a73c0;
}

/* ==========================================================================
   2. 本文の可読性（モバイル離脱防止）
   ========================================================================== */

.single-post .entry-content p,
.single-post .entry-content li {
  font-size: 16px;
  line-height: 1.85;
  color: #1f1f1f;
}

.single-post .entry-content blockquote {
  border-left: 4px solid #2a73c0;
  background: #f6fafe;
  padding: 14px 18px;
  margin: 1.5em 0;
  border-radius: 4px;
  color: #1f1f1f;
}

.single-post .entry-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.5em 0;
  font-size: 15px;
}
.single-post .entry-content table th {
  background: #eaf4fd;
  color: #1a3d6e;
  font-weight: 700;
  border: 1px solid #cfe1f4;
  padding: 10px 12px;
  text-align: left;
}
.single-post .entry-content table td {
  border: 1px solid #e3e8ee;
  padding: 10px 12px;
}

/* ==========================================================================
   3. 記事内 AdSense 広告（functions.php から差し込まれるラッパー）
   ========================================================================== */

.hw-inarticle-ad {
  margin: 2.2em auto;
  padding: 0;
  text-align: center;
  max-width: 100%;
  min-height: 100px;
  clear: both;
}

.hw-inarticle-ad::before {
  content: "スポンサーリンク";
  display: block;
  font-size: 11px;
  color: #888;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

/* ==========================================================================
   4. モバイル微調整
   ========================================================================== */

@media (max-width: 768px) {
  .single-post .entry-content h2 {
    font-size: 19px;
    padding: 12px 12px;
    margin: 2em 0 0.8em;
  }
  .single-post .entry-content h3 {
    font-size: 17px;
  }
  .single-post .entry-content p,
  .single-post .entry-content li {
    font-size: 15.5px;
    line-height: 1.8;
  }
}