/*!
 * 奇譚之巻・改(kitankai)だけの追加スタイル。
 * 共通の style.css の直後に読み込まれ、body.theme-kitankai の配色と、この巻にしか出てこない
 * 部品(字幕・残り日数・消えた言葉・本歌取り一覧)を足す。共通ファイルは書き換えない。
 */

/* 配色。奇譚之巻の紫紺に対して、軌道事業所の深い青緑。警告色は裏之巻と同じ段階を保つ。 */
body.theme-kitankai {
  --color-bg: #fbfcfd;
  --color-bg-alt: #eef3f6;
  --color-surface: #ffffff;
  --color-surface-alt: #f5f8fa;
  --color-border: #dbe4ea;
  --color-border-strong: #b9c8d2;
  --color-text: #14202b;
  --color-text-muted: #4a5a68;
  --color-text-faint: #56677a;
  --color-primary: #0f6b78;
  --color-primary-dark: #0a515b;
  --color-primary-soft: #e6f3f5;
  --color-primary-border: #a9d3d9;
  --color-on-primary: #ffffff;
  --color-accent: #8a4f00;
  --color-accent-soft: #fdf3e4;
  --color-accent-border: #efd2a6;
  --color-success: #1f7a58;
  --color-success-soft: #e8f7f0;
  --color-warning: #b02a44;
  --color-warning-soft: #fdeaef;
  --color-warning-border: #efb3c0;
  --color-code-bg: #eef3f6;
  --color-code-text: #1d2b37;
}

@media (prefers-color-scheme: dark) {
  body.theme-kitankai {
    --color-bg: #0b1017;
    --color-bg-alt: #101722;
    --color-surface: #141d2a;
    --color-surface-alt: #192433;
    --color-border: #233144;
    --color-border-strong: #34475f;
    --color-text: #e8eef5;
    --color-text-muted: #aebccb;
    --color-text-faint: #93a4b7;
    --color-primary: #6fd3df;
    --color-primary-dark: #8fe0e9;
    --color-primary-soft: #11303a;
    --color-primary-border: #245564;
    --color-on-primary: #0b1017;
    --color-accent: #ffc46b;
    --color-accent-soft: #2e2414;
    --color-accent-border: #4f3d1f;
    --color-success: #63d3a6;
    --color-success-soft: #17342a;
    --color-warning: #ff8b9d;
    --color-warning-soft: #3a1f26;
    --color-warning-border: #63333d;
    --color-code-bg: #172131;
    --color-code-text: #dbe5ef;
  }

  /* 暗い面にだけ、まばらな星を置く。文字の背後には密度を上げない。 */
  body.theme-kitankai .hero {
    background-image:
      radial-gradient(1px 1px at 12% 18%, rgba(255, 255, 255, .55), transparent 60%),
      radial-gradient(1px 1px at 78% 12%, rgba(255, 255, 255, .45), transparent 60%),
      radial-gradient(1.5px 1.5px at 91% 64%, rgba(255, 214, 150, .55), transparent 60%),
      radial-gradient(1px 1px at 55% 86%, rgba(255, 255, 255, .35), transparent 60%),
      radial-gradient(1px 1px at 33% 72%, rgba(255, 255, 255, .3), transparent 60%);
  }
}

/* 散文。物語之巻ほど行間を広げず、場面の見出しは控えめにする。 */
body.theme-kitankai .article-body p { line-height: 2; }
body.theme-kitankai .article-body h2 {
  margin-top: 44px;
  font-size: 1.08rem;
  letter-spacing: .04em;
  color: var(--color-text-muted);
}

/* 場面転換。二つの月。 */
body.theme-kitankai .scene-break { margin: 30px 0; }
body.theme-kitankai .scene-break::before {
  content: "◐\3000\3000◑";
  font-size: .9rem;
  letter-spacing: .2em;
}

/* 作中の文書・画面 */
body.theme-kitankai .doc { border-left: 3px solid var(--color-primary-border); }
body.theme-kitankai .doc p.doc-label {
  margin-bottom: 10px;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--color-text-faint);
}

/* 日報の表。日付と記載欄は短いので折り返さず、質問の列に幅を譲る */
body.theme-kitankai .article-body td:first-child,
body.theme-kitankai .article-body th:first-child,
body.theme-kitankai .article-body td:last-child,
body.theme-kitankai .article-body th:last-child { white-space: nowrap; }

/* 会議の字幕(役職と氏名を画面に焼き込む、あの字幕) */
.telop {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 4px 0 12px;
  padding: 4px 12px;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.6;
  color: #ffffff;
  background: #1a2530;
  border-radius: 2px;
}
.telop small { font-size: .74rem; font-weight: 400; opacity: .9; }
/* 本文の段落指定(行間2・下余白)より強くして、字幕どうしを詰めて並べる */
body.theme-kitankai .article-body p.telop { margin: 0 0 6px; line-height: 1.6; }
body.theme-kitankai .article-body p.telop + p:not(.telop) { margin-top: 18px; }

/* 頭上の残り日数 */
.countdown {
  display: inline-block;
  padding: 0 .4em;
  font-family: var(--font-mono);
  font-weight: 700;
  color: var(--color-accent);
  border: 1px solid var(--color-accent-border);
  border-radius: 4px;
  background: var(--color-accent-soft);
}

/* 辞書から消えた言葉の残像 */
.erased {
  color: var(--color-text-faint);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

/* 本歌取り一覧(トップ) */
.homage-list {
  margin: 28px 0 0;
  padding: 14px 18px;
  background: var(--color-surface-alt);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}
.homage-list summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--color-primary-dark);
}
.homage-list[open] summary { margin-bottom: 12px; }
.homage-list > p { font-size: .9rem; color: var(--color-text-muted); }

@media (forced-colors: active) {
  .telop { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }
  .countdown { border-color: CanvasText; }
}

@media print {
  .telop { color: #000; background: none; border: 1px solid #000; }
  .homage-list { border: 0; padding: 0; }
}