/* =========================================================================
   English edition support (en.css)
   Loaded by BOTH zh and en pages. Everything except .lang-switch is guarded
   by html[lang="en"], so it has zero effect on the Chinese (zh-CN) site.
   ========================================================================= */

/* Language switcher — visible on every page (zh + en) */
.lang-switch {
  position: fixed;
  top: 14px;
  right: 16px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 13px;
  border-radius: 999px;
  background: rgba(168, 63, 46, 0.94);
  color: #fff !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", sans-serif !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
  transition: background 0.15s ease;
}
.lang-switch:hover { background: #8c3225; color: #fff !important; }
.lang-switch::before { content: "🌐"; font-size: 12px; }

/* "Translation in progress" banner on stub pages */
.en-progress {
  max-width: 760px;
  margin: 26px auto 0;
  padding: 13px 18px;
  border: 1px dashed #b8913f;
  border-radius: 10px;
  background: #fbf6ee;
  color: #6b5536;
  font-size: 0.92em;
  text-align: center;
  line-height: 1.7;
}
.en-progress a { color: #a83f2e; }

/* English typography — only affects the English edition */
html[lang="en"],
html[lang="en"] body,
html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3, html[lang="en"] h4, html[lang="en"] h5, html[lang="en"] h6,
html[lang="en"] p, html[lang="en"] a, html[lang="en"] li, html[lang="en"] span, html[lang="en"] div,
html[lang="en"] button, html[lang="en"] input, html[lang="en"] textarea, html[lang="en"] select,
html[lang="en"] blockquote, html[lang="en"] td, html[lang="en"] th, html[lang="en"] small,
html[lang="en"] em, html[lang="en"] strong, html[lang="en"] label, html[lang="en"] figcaption {
  font-family: "Noto Serif", "Iowan Old Style", Georgia, Cambria, "Times New Roman", "Songti SC", serif !important;
}
html[lang="en"] .cover-eyebrow,
html[lang="en"] .cover-title,
html[lang="en"] .bookmark {
  letter-spacing: 0.01em;
}
