/* ============================================================
   _title.css - 새 판(batu-landing-next) 화면 제목 정본. 규칙 둘뿐이다.
   신설 2026-09-08 (t-614 · SWAN 결정)
   ============================================================

   왜 있나
   ------------------------------------------------------------
   새 판 화면 여덟이 제목을 담는 이름을 저마다 따로 갖고 있었다. 이름이 다섯이고 값이 여섯이었다.
   심지어 같은 이름(.ptitle)이 화면 여섯에 각각 적혀 있는데 그 여섯이 서로 다른 두 값이었다
   (굵기 700 대 800, 여백이 제목 아래 대 제목 위). 그래서 화면을 오갈 때 제목이 튀었다.
   실측 = 브라우저에서 잰 제목 윗자리가 155픽셀과 163픽셀로 8픽셀 어긋났다.

   갈래는 둘이다. 섞지 않는다.
     .ptitle    내용 흐름 안에 놓인 화면 제목 (뒤로가기 아래에 온다)
     .bartitle  뒤로가기 옆에 붙어 화면 위에 늘 떠 있는 띠 안 제목

   왜 _parts.css 가 아닌가 (2026-09-08 실측)
   ------------------------------------------------------------
   제목도 부품이니 _parts.css 가 제자리로 보였다. 그런데 대상 화면 열 가운데
   _parts.css 를 싣는 곳이 둘뿐이라, 나머지 여덟에 그 파일을 실어야 했다.
   실어 보고 재었더니 여덟 중 여섯은 아무것도 안 바뀌는데 둘이 흔들렸다.
     · bible.html   = _parts.css 의 .row 가 밑줄(border-bottom)을 더해 줄마다 1픽셀씩 커진다
     · modules.html = _parts.css 의 .card 가 바탕·테두리·그림자를 더한다
   제목을 맞추려다 그 두 화면의 다른 자리를 바꾸게 되므로, 제목만 담는 이 파일을 따로 두었다.
   ⚠️ 화면들을 _parts.css 위로 옮기는 일은 그 자체로 화면이 바뀌는 일이라 따로 다룬다.

   SWAN 결정 (2026-09-08 16:47)
   ------------------------------------------------------------
   목업 `docs/superpowers/mockups/2026-09-08-제목머리-통일-3안.html` 에서
   묶음 1(내용 안 제목)은 「나」 24픽셀, 묶음 2(띠 제목)는 「가」 17픽셀을 고르셨다.

   ⚠️ .bartitle 의 17픽셀은 크기 사다리(--fs-1~6 = 12·16·20·24·28·32) 밖의 값이다.
      세션은 16픽셀(--fs-2)을 추천했으나 SWAN 이 17픽셀을 고르셨다. 사다리 밖인 줄 알고 남긴 값이다.
      바꿀 일이 생기면 이 파일 한 줄만 고치면 된다. 예전처럼 화면마다 흩어져 있지 않다.
   ============================================================ */

.ptitle {
  font-family: var(--serif);
  font-weight: 700;
  font-size: var(--fs-4); /* 24px */
  margin: 0 0 var(--sp-2);
  color: var(--ink);
}

.bartitle {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 17px; /* 크기 사다리 밖 · SWAN 결정 2026-09-08 */
  color: var(--ink);
}