/* ==========================================================================
   typography.css - タイポグラフィ専用 (gColors-rev2 クレンジング版)
   ========================================================================== */

/* -----------------------------------------------------
   1. 見出し (文字の表情)
   ----------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-weight: 600;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1rem; /* 段落との間隔のみ保持 */
}

h1 { font-size: clamp(2rem, 4vw, 2.5rem); letter-spacing: 0.02em; }
h2 { font-size: clamp(1.75rem, 3.5vw, 2rem); }
h3 { font-size: clamp(1.5rem, 3vw, 1.5rem); }
h4, h5, h6 { 
  font-size: clamp(1rem, 2vw, 1.25rem);
}

/* -----------------------------------------------------
   2. 引用 (装飾に特化)
   ----------------------------------------------------- */
blockquote,
.wp-block-quote {
  padding: 1.5rem 2rem;
  border-left: 4px solid;
  font-style: italic;
}

/* -----------------------------------------------------
   3. 日本語タイポグラフィ最適化
   ----------------------------------------------------- */
body {
  font-feature-settings: "palt" 1;
  word-break: normal;
  overflow-wrap: break-word;
  line-break: strict;
}

/* -----------------------------------------------------
   4. 強調・装飾 (インライン)
   ----------------------------------------------------- */
mark {
  background: linear-gradient(transparent 60%, var(--gc-12-yamabuki-iro) 60%);
  padding: 0 0.2em;
}

u, ins {
  text-decoration-color: var(--gc-12-ai-iro);
}