/* Legge comparison (phase 4 spec §5): a collapsed, supplementary block after the lines.
   Muted so it never competes with the house text; tokens only. */

.legge, .vocab { max-width: var(--measure); margin: var(--space-5) auto 0; padding: var(--space-2) var(--space-3); border: 1px solid var(--line); border-radius: 8px; color: var(--text-muted); }
.legge summary, .vocab summary { cursor: pointer; padding: var(--space-1) 0; font: 600 var(--step--1) var(--font-ui); }
.legge summary:focus-visible, .vocab summary:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.legge-text { margin-top: var(--space-2); font-size: var(--step-0); line-height: 1.6; }
.legge-text p { margin: 0 0 var(--space-3); }
.legge-credit { margin: var(--space-2) 0 0; font: var(--step--1) var(--font-ui); }

/* Words in this chapter: the glosses as a plain table, for readers without JS and for crawlers
   (context/seo-geo.md); the word card is the enhanced view of the same data. */
.vocab + .legge { margin-top: var(--space-3); }
.vocab-table { width: 100%; margin-top: var(--space-2); border-collapse: collapse; font-size: var(--step--1); }
.vocab-table th, .vocab-table td { padding: var(--space-1) var(--space-2) var(--space-1) 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: baseline; }
.vocab-table thead th { font: 600 var(--step--1) var(--font-ui); }
.vocab-table tbody th { font: 400 var(--step-0) var(--font-zh-prose); color: var(--text); white-space: nowrap; }