/* MirrorAI · English edition — typography overrides
   ─────────────────────────────────────────────
   The Chinese edition is typeset for CJK: a Chinese serif, wide line-height
   (1.95) for dense hanzi, and wide letter-spacing on small caps labels
   (.22em–.34em) to breathe between ideographs.

   Latin text needs the opposite: a tighter, larger x-height serif, less
   leading, and much tighter tracking on the small caps labels — .3em looks
   broken on a 10.5px uppercase word in English.
   ───────────────────────────────────────────── */

/* ── Body: Latin serif, slightly tighter leading ── */
body{
  font-family:"Iowan Old Style","Charter","Bitstream Charter","Source Serif 4",
              Georgia,"Times New Roman",
              -apple-system,"Segoe UI",sans-serif;
  font-size:17.5px;
  line-height:1.82;
  letter-spacing:0;
}

/* ── Small caps labels: uppercase is correct for Latin; tracking must shrink ── */
.eyebrow{
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.sec-no{
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.card .k{letter-spacing:.14em;text-transform:uppercase}
.qdim{letter-spacing:.1em;text-transform:uppercase}
.ghead span{letter-spacing:.14em}
.ah{letter-spacing:.14em;text-transform:uppercase}
.crossbar .k{letter-spacing:.14em;text-transform:uppercase}
.rsh{letter-spacing:.18em;text-transform:uppercase}
.sd-l{letter-spacing:.12em;text-transform:uppercase}
.sd-tag{letter-spacing:.08em}
.rsk{letter-spacing:.08em;text-transform:uppercase}
nav .brand{letter-spacing:.14em}

/* ── Headings: Latin serif wants a touch less weight than CJK bold ── */
h1{letter-spacing:-.015em}
h2{line-height:1.32}
h3{line-height:1.4}

/* ── Prose: English reads better with a slightly narrower measure ── */
p{max-width:660px}
.tag{max-width:620px}

/* ── The copyable prompt box: English prompt text is destined for a chat
      box, so a humanist sans reads better than the serif body ── */
.pbox{
  font-family:-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  line-height:1.72;
}

/* ── Quotes: an English pull-quote needs a little more air on the left rule ── */
blockquote{font-size:17px;line-height:1.78}

/* ── Result page ── */
.rtype{letter-spacing:-.01em}
.dimn{font-size:13.5px}

/* ── Two optional fields (MBTI + Enneagram) instead of three ── */
.sd-row{grid-template-columns:repeat(2,1fr)}
@media(max-width:560px){
  .sd-row{grid-template-columns:1fr}
}

/* ── English sentences need a touch more room than Chinese ── */
.ben li{font-size:16.5px;line-height:1.75}
.qt{font-size:16.5px;line-height:1.62}
.opt{font-size:15.5px;line-height:1.6}

/* ── Footer / small print ── */
footer{font-size:13px}
.priv{line-height:1.75}
.rnote{line-height:1.72}

/* ── Language switcher (added to both editions) ── */
.lang{
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);text-decoration:none;
  border:1px solid var(--line);padding:4px 10px;border-radius:2px;
  white-space:nowrap;
}
.lang:hover{color:var(--ink);border-color:var(--mirror-dim)}
nav .lang{margin-left:auto}
nav .cross{margin-left:0}
nav .lang + .cross{margin-left:8px}
