/* ============================
   Pi‑Fid Theory™ — Chapter Version CSS (Optimized)
   ============================ */

/* 全体 */
body {
  background-color: black;
  color: rgba(130, 140, 243, 0.88);
  font-family: "Verdana", "Noto Sans JP", sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 40px;
  text-align: left;
  letter-spacing: 0.01em;
}

/* コンテンツ幅（読みやすさ優先） */
.content {
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
}

/* ===== 見出し ===== */

/* 英語 h1 */
.heading {
  font-size: 1.30em;
  font-weight: 700;
  margin-top: 1.4em;
  margin-bottom: 0;
  letter-spacing: 0.02em;
}

/* 日本語 h1（英語と完全一致） */
h1.heading.jp {
  font-size: 1.30em;
  font-weight: 700;
  margin-top: 1.4em;
  margin-bottom: 0;
  letter-spacing: 0.02em;
}

/* h2（章の導入） */
.sub {
  font-size: 1.14em;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 0.03em;
}

/* h3（各セクションタイトル） */
h3.heading,
h3.heading.jp {
  font-size: 1.18em;
  font-weight: 700;
  margin-top: 1.35em;
  margin-bottom: 0;
  letter-spacing: 0.015em;
}

/* ===== 本文 ===== */

/* 英語本文 */
p {
  font-size: 1.05em;
  line-height: 1.64;
  margin: 0;
}

/* 日本語本文 */
.jp {
  font-family: "Noto Sans JP", "Verdana", sans-serif;
  font-size: 1.05em;
  line-height: 1.68;
  font-weight: 300;
}

/* ===== Spacer Units ===== */
.spacer-xxs { height: 0.4rem; }
.spacer-xs  { height: 0.8rem; }
.spacer-s   { height: 1.4rem; }
.spacer-m   { height: 2.2rem; }
.spacer-l   { height: 3.2rem; }
.spacer-xl  { height: 4.6rem; }
.spacer-huge { height: 7rem; }

/* ===== 箇条書き ===== */
.list-block p {
  margin-left: 1.2em;
  text-indent: -1.2em;
}

/* ===== ボタン ===== */
a.button {
  padding: 10px 20px;
  background-color: #222;
  color: rgba(130, 140, 243, 0.88);
  text-decoration: none;
  border-radius: 7px;
  transition: background-color 0.3s;
  font-family: "Noto Sans JP", "Verdana", sans-serif;
  font-weight: 300;
}

.button {
  display: inline-block;
  margin: 0 15px;
}

.button-row {
  margin-top: 2.2rem;
  margin-bottom: 3.0rem;
}

a.button:hover {
  background-color: #444;
}

/* ===== footer ===== */
.footer-text {
  max-width: 700px;
  margin: 2.6rem auto 1.8rem auto;
  font-family: "Noto Sans JP";
  font-size: 11px;
  color: rgba(130, 140, 243, 0.82);
  text-align: left;
  letter-spacing: 0.05em;
}