@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** kingdom-daisuki.com（キングダム考察）
** 正本: ClaudeCode/事業部/17_考察サイト/wordpress/child-style.css
** 配色の根拠: docs/research/20261029_キングダム考察ライバルデザイン.md
**   上位のライバル11サイトは Cocoon / SWELL / AFFINGER の白地・2カラム・濃紺〜黒の帯見出しが主流。
**   アイキャッチの「黒＋赤の大きな話数」が共通の記号なので、赤をアクセントにする。
** 色・見出し以外の設定（キーカラー等）は Cocoon 設定側（theme_mods）。
************************************/
:root{
  --kd-ink:#1b2a38;      /* 濃紺（ヘッダー・h2・フッター） */
  --kd-ink-dark:#111c26;
  --kd-red:#c1272d;      /* アクセント（話数・注意） */
  --kd-gold:#b8913a;     /* 細い飾り線 */
  --kd-paper:#f6f4ef;    /* 囲み枠の地 */
}

/* 本文: ライバルは16〜18px・行間1.8前後 */
.entry-content{ line-height:1.9; }
.entry-content p{ margin-bottom:1.6em; }

/* サイト名: 明朝の太字で歴史漫画らしく */
.site-name-text{
  font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-weight:700;
  letter-spacing:.08em;
}
.tagline{ letter-spacing:.05em; opacity:.85; }
.header-container{ border-bottom:3px solid var(--kd-red); }

/* 見出し: h2 は濃紺の帯＋左に赤（SWELL系ライバルと同じ帯型） */
.article h2{
  background:var(--kd-ink);
  color:#fff;
  border-left:6px solid var(--kd-red);
  border-radius:2px;
  padding:.8em 1em;
  line-height:1.5;
}
.article h3{
  background:none;
  border:none;
  border-left:5px solid var(--kd-red);
  border-bottom:1px solid #d9d4c7;
  padding:.4em .8em;
}
.article h4{
  border:none;
  border-bottom:2px dotted var(--kd-gold);
  padding:.3em 0;
}

/* サイドバー見出し */
.sidebar h3{
  background:var(--kd-ink);
  color:#fff;
  border-left:4px solid var(--kd-red);
  border-radius:2px;
}

/* 記事冒頭の定型枠（サイト設計図: 冒頭に対象読者とネタバレ範囲を固定） */
.kd-spoiler{
  border:2px solid var(--kd-red);
  background:#fff7f6;
  border-radius:4px;
  padding:1em 1.2em;
  margin:0 0 1.8em;
}
.kd-spoiler::before{
  content:"ネタバレ範囲";
  display:inline-block;
  background:var(--kd-red);
  color:#fff;
  font-weight:700;
  font-size:.85em;
  padding:.15em .7em;
  border-radius:2px;
  margin-bottom:.5em;
}
.kd-conclusion{
  border:2px solid var(--kd-ink);
  background:var(--kd-paper);
  border-radius:4px;
  padding:1em 1.2em;
  margin:0 0 1.8em;
}
.kd-conclusion::before{
  content:"結論";
  display:inline-block;
  background:var(--kd-ink);
  color:#fff;
  font-weight:700;
  font-size:.85em;
  padding:.15em .7em;
  border-radius:2px;
  margin-bottom:.5em;
}
.kd-spoiler > :last-child,
.kd-conclusion > :last-child{ margin-bottom:0; }

/* 記事一覧のカード: カテゴリラベルを赤に */
.cat-label{ background-color:var(--kd-red); border:none; }

/* 目次 */
.toc{ border:1px solid #d9d4c7; background:#fff; }
.toc-title{ color:var(--kd-ink); font-weight:700; }

/* 本文リンク */
.entry-content a{ color:#1d5fa8; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
  .article h2{ padding:.7em .8em; }
}

/*480px以下*/
@media screen and (max-width: 480px){
  .site-name-text{ letter-spacing:.04em; }
  .entry-content{ line-height:1.85; }
}