@charset "UTF-8";
/* =========================================================================
   base.css — 基本タイポグラフィ・レイアウト
   出典：design-spec.md §3,§5 ／ 実装指示書 §4
   依存：variables.css（var() を参照）
   方針：白基調。見出しは游明朝体（h1〜h3 / .kc-macouleur-heading 限定）。
        本文は Noto Sans JP・line-height 1.8。本文2行以上の段落は justify。
   ========================================================================= */

/* --- 本文タイポ ---------------------------------------------------------- */
body {
  font-family: var(--kc-font-base);
  color: var(--kc-color-ink);
  line-height: 1.8;
  background-color: var(--kc-color-base);
  /* 純黒は使わない。文字色はくすみプラム（--kc-color-ink）。 */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* --- 見出し：游明朝体を h1〜h3 と .kc-macouleur-heading に限定 ----------------
   本文へ波及させない。weight は本文より重め（M〜D 目安）。 */
h1,
h2,
h3,
.kc-macouleur-heading {
  font-family: var(--kc-font-display);
  color: var(--kc-color-ink);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.02em;
}

/* --- 本文 justify -------------------------------------------------------
   本文2行以上の段落は両端揃え（design-spec §3「きらくにの流儀」）。
   見出し・短文・中央寄せ・リストは対象外。
   - 投稿/固定ページ本文（.entry-content）内の段落に限定適用
   - 中央寄せ（has-text-align-center）・右寄せは除外
   - 日本語の字間最適化に text-justify: inter-ideograph を使用 */
.entry-content p:not(.has-text-align-center):not(.has-text-align-right) {
  text-align: justify;
  text-justify: inter-ideograph;
}

/* 明示的に両端揃えを当てたい任意要素に使うユーティリティ。 */
.kc-macouleur-justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

/* --- リンクの既定（機能ピンク） ------------------------------------------ */
a {
  color: inherit;
  text-decoration-color: var(--kc-color-pink);
  text-underline-offset: 0.18em;
}
a:hover {
  color: var(--kc-color-pink);
}