/* recipe.css */

/* 全体のフォントを明朝体に */
.recipe-article {
  font-family: "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "MS PMincho", serif;
  color: #333;
  line-height: 1.8;
  padding: 2rem;
  background-color: #fff;
}

/* タイトル h1（24pt ≒ 32px）*/
.recipe-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 1rem;
  border-bottom: 2px solid #ccc;
  padding-bottom: 0.3rem;
}

/* サブタイトル（小さめのテキスト） */
.recipe-subtitle {
  font-size: 20px;
  margin-bottom: 2rem;
  color: #666;
}

/* セクション見出し h2（20pt ≒ 26.7px） */
.recipe-section-title {
  font-size: 26.7px;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-left: 5px solid #999;
  padding-left: 0.7rem;
}

/* 材料リスト */
.recipe-ingredients {
  font-size: 18.7px; /* ≒ 14pt */
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}

/* 手順リスト */
.recipe-steps {
  font-size: 18.7px; /* ≒ 14pt */
  padding-left: 1.5rem;
  counter-reset: step;
}

.recipe-steps li {
  margin-bottom: 1rem;
  position: relative;
  list-style: none;
  padding-left: 1.5em;
}

.recipe-steps li::before {
  counter-increment: step;
  content: counter(step) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #555;
  font-weight: bold;
}