/* ===========================
   Global Layout
=========================== */

body {
  background-color: black;
  color: rgba(130, 140, 243, 0.801);
  font-family: Georgia, "EB Garamond", "Palatino Linotype", serif;
  font-size: 0.9em;
  line-height: 1.55;
  margin: 0;
  padding: 40px;
  text-align: center;
}

/* Main content wrapper */

.content {
  max-width: 820px;
  margin: 0 auto;
  font-size: 1.25em;
  text-align: left;
  position: relative;
}



/* ===========================
   Headings
=========================== */

.heading,
.en.heading,
.jp.heading {
  font-size: 1.15em;
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: 1em;
  text-align: left;

  /* ⭐ 数字が沈まない魔法の1行 */
  font-variant-numeric: lining-nums;
}

/* ===========================
   English Paragraphs
=========================== */

.en {
  font-family: Georgia, "EB Garamond", serif;
  font-size: 1em;
  line-height: 1.52;
  margin: 0.5em 0;
  text-align: left;
  white-space: pre-line;   /* ← これを追加 */
}

/* ===========================
   Japanese Paragraphs
=========================== */

.jp {
  font-family: 'MS Mincho', 'Hiragino Mincho Pro', 'Noto Serif JP', serif;
  font-size: 0.98em;
  line-height: 1.32;
  font-weight: 300;
  margin: 0.5em 0;
  text-align: left;
  white-space: pre-line;   /* ← これを追加 */
}

/* Smaller Japanese text (optional) */
.jp.small {
  font-size: 0.85em;
}

/* ===========================
   Spacing Helpers
=========================== */

.space-s { height: 0.4em; }
.space-m { height: 0.6em; }
.space-l { height: 1.4em; }
.space-xl { height: 2.4em; }


/* ===========================
   Brand / About Section
=========================== */

.brand {
  display: block;
  font-weight: normal;
  font-size: 1.1em;
  letter-spacing: 0.03em;
  text-align: left;
  line-height: 0.8;
  margin-bottom: 0;
}

.brand + em {
  display: block;
  font-size: 1em;
  line-height: 0.8 !important;
  margin-top: -0.2em;
}

/* ===========================
   Support / Amazon Section
=========================== */

.support-section {
  font-size: 0.8em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.support-section p {
  margin: 0.5em 0;
}

/* ===========================
   Buttons
=========================== */

a.button {
  font-family: Georgia, "EB Garamond", serif;
  font-size: 0.9em;
  letter-spacing: 0.03em;
  padding: 10px 20px;
  background-color: #222;
  color: rgba(130, 140, 243, 0.801);
  text-decoration: none;
  font-weight: normal;
  border-radius: 5px;
  transition: background-color 0.3s;
  margin: 5px;
}

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

/* ===========================
   Footer
=========================== */

footer,
.footer-text {
  font-size: 0.75em;
  color: rgba(130, 140, 243, 0.801);
  text-align: left;
  margin-top: 2em;
}

/* ===========================
   Ad Space (empty for now)
=========================== */

.ad-space {
  text-align: center;
  margin: 3em 0;
}

/* ===========================
   Responsive
=========================== */

@media (max-width: 600px) {
  body {
    padding: 20px;
  }
  .content {
    font-size: 1.15em;
  }
}