/* ===== General page look ===== */

body {
  background: #f8f7f4;
  color: #3f4f63;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.published-container {
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.75;
}

.published-container .site-body-left-column {
  background: #ddcbb8;
}

body.theme-dark .published-container .site-body-left-column {
  background: #4e4959;
}

body.theme-dark .site-body-center-column {
  background: #2a2a2a;
}

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

.site-body h1,
.site-body h2,
.site-body h3,
.site-body h4 {
  color: #2f3d52;
  font-weight: 800;
  letter-spacing: -0.02em;
}

body.theme-dark .site-body h1,
body.theme-dark .site-body h2,
body.theme-dark .site-body h3,
body.theme-dark .site-body h4 {
  color: #ff9191;
}


.site-body h1 {
  font-size: 2.6rem;
  margin-bottom: 1.2rem;
}

.site-body h2 {
  font-size: 1.9rem;
  margin-top: 2.3rem;
  margin-bottom: 1rem;
}

.site-body h3 {
  font-size: 1.45rem;
  margin-top: 1.8rem;
  margin-bottom: 0.7rem;
}

/* ===== Paragraphs and lists ===== */

.site-body p {
  margin-bottom: 0.8rem;
}

.site-body ul,
.site-body ol {
  margin-top: 0.4rem;
  margin-bottom: 1rem;
  padding-left: 1.6rem;
}

.site-body li {
  margin: 0.45rem 0;
}

.site-body li::marker {
  color: #d77b6d;
}

/* ===== Nested lists = softer tree feeling ===== */

.site-body ul ul,
.site-body ol ol,
.site-body ul ol,
.site-body ol ul {
  margin-top: 0.25rem;
  margin-bottom: 0.4rem;
  padding-left: 1.8rem;
  border-left: 1px dashed #d9d9d2;
}

/* ===== Emphasis styles ===== */

.site-body strong {
  color: #d56d60;
  font-weight: 800;
}

.site-body em {
  color: #71ae98;
  font-style: italic;
  font-weight: 500;
}

/* ===== Inline helper classes ===== */

.site-body .fr-title {
  color: #df9a3d;
  font-weight: 800;
}

.site-body .en-gloss {
  color: #71ae98;
  font-style: italic;
  font-weight: 600;
}

.site-body .grammar {
  color: #d56d60;
  font-weight: 800;
}

.site-body .tag {
  display: inline-block;
  padding: 0.15em 0.6em;
  margin-left: 0.35em;
  border-radius: 999px;
  background: #e9e1eb;
  color: #7b6a80;
  font-size: 0.9em;
  font-weight: 600;
  vertical-align: middle;
}

/* ===== Optional: prettier block sections ===== */

.site-body hr {
  border: none;
  border-top: 1px solid #e5e1d8;
  margin: 2rem 0;
}