/* ========================================
   場面をまたいで使う部品（章の札・見出し）
   各場面の CSS で大きさを変えてよい。色と形はここでそろえる。
   ======================================== */

.chapter {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  justify-self: start;
  color: var(--alert);
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.chapter-no {
  padding: 4px 16px;
  background: var(--alert);
  color: #fff;
  font-family: var(--font-en);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.06em;
  border-radius: 999px;
}

.title {
  font-size: 60px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

/* 蛍光ペンの線（文字の下半分だけ塗る） */
.marker {
  background: linear-gradient(transparent 58%, var(--marker) 58%);
  font-style: normal;
}