/* Academic writing course: typography and mixed-direction teaching examples. */
html, body, body * { font-family: "Times New Roman", Times, serif !important; }
.prose.lesson { font-size: 1.16rem; line-height: 1.95; }
.lesson [dir="ltr"] { text-align: left; unicode-bidi: isolate; }
.lesson blockquote { margin: 1rem 0; padding: 1rem 1.25rem; background: var(--n50); border-inline-start: 3px solid var(--gold); border-radius: .3rem; }
.lesson blockquote p:last-child { margin-bottom: 0; }
.lesson table { font-size: 1rem; }
.lesson th, .lesson td { vertical-align: top; }
.lesson .lv-ex details { margin-top: .65rem; }
.lesson details summary { cursor: pointer; }
.lesson .lv-svg text { font-family: "Times New Roman", Times, serif !important; }
.lesson .lv-svg text[direction="ltr"] { unicode-bidi: isolate; }
.lnav { flex-wrap: wrap; gap: 1rem; }
.lprev { display: flex; flex: 1 1 13rem; flex-direction: column; padding: 1rem; border: 1px solid var(--line); border-radius: .5rem; text-decoration: none !important; }
.lprev small { color: var(--muted); }
.lprev b { color: var(--ink); }
.lnext { flex: 1 1 13rem; }
.lback { flex-basis: 100%; }
@media (max-width: 520px) {
  .prose.lesson { font-size: 1.1rem; }
  .lesson .lv-table { max-width: 100%; overflow-x: auto; }
  .lesson .lv-fig:has(svg) { max-width: 100%; overflow-x: auto; }
  .lesson .lv-fig:has(svg)::before { content: "برای دیدن شکل، افقی جابه‌جا کن."; display: block; color: var(--muted); font-size: .85rem; margin-bottom: .7rem; }
  .lesson .lv-svg { min-width: 34rem; margin-inline: 0; }
  .lesson blockquote { padding: .8rem; }
}