/* static/css/03_typography.css */
/*──────────────────────────────────────────────────────────────
  03_typography.css
  ・見出し、段落、リスト、引用など「文字まわり」をまとめる
──────────────────────────────────────────────────────────────*/

/* 見出しサイズ */
h1 { font-size: var(--font-size-xl); margin-bottom: var(--space-md); }
h2 { font-size: var(--font-size-lg); margin-bottom: var(--space-sm); }
h3 { font-size: var(--font-size-base); margin-bottom: var(--space-sm); }
h4 { font-size: var(--font-size-sm); margin-bottom: var(--space-xs); }
h5, h6 { font-size: var(--font-size-sm); margin-bottom: var(--space-xs); }

/* 段落 */
p {
  margin-bottom: var(--space-md);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}

/* リスト */
ul, ol {
  margin-bottom: var(--space-md);
  padding-left: var(--space-lg);
}
li {
  margin-bottom: var(--space-xs);
  line-height: var(--line-height-base);
}

/* 強調と小さめテキスト */
strong { font-weight: 600; }
small { font-size: var(--font-size-sm); }

/* 引用 */
blockquote {
  margin: var(--space-md) var(--space-lg);
  padding-left: var(--space-sm);
  border-left: 4px solid var(--color-primary);
  color: var(--color-text-gray);
  font-style: italic;
}