.context-index-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.context-index-heading h3{margin:0;font-size:21px;color:#4d6546}.context-index-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.context-index-heading label{white-space:nowrap;font-size:15px}.context-index-sentences{display:grid;gap:10px;margin-top:16px}.context-index-sentences blockquote{margin:0}.context-index-more summary{cursor:pointer;color:#556c4f;font-size:15px;margin:12px 0}@media(max-width:650px){.context-index-heading{align-items:flex-start;gap:10px}.context-index-heading h3{font-size:19px}.context-index-options{gap:8px}.context-index-heading label{font-size:14px}}
.context-index .reading-unit{display:inline;white-space:normal;overflow-wrap:anywhere}.context-index .reading-punctuation{display:inline-block;position:relative;top:.18em;margin-left:.04em;font-size:.76em;line-height:1}.context-index ruby{display:inline-block;white-space:normal;letter-spacing:.08em;margin-right:.08em}.context-index ruby rt{letter-spacing:.12em;font-family:Arial,"Microsoft YaHei",sans-serif}
.context-index blockquote{padding:15px 18px;background:#f8faf7;border:1px solid #e4eae2;border-radius:15px;font-size:20px;line-height:2.65;letter-spacing:.06em;overflow-wrap:anywhere;word-break:normal}.context-index cite{display:none;margin-top:7px;text-align:right;font-size:12px;color:#798775;font-style:normal}.context-index.context-show-source cite{display:block}.context-index,.context-index-sentences,.context-index blockquote,.context-index .reading-unit{min-width:0;max-width:100%}.context-index ruby{max-width:100%}@media(max-width:650px){.context-index blockquote{padding:13px 14px;font-size:18px;line-height:2.5;letter-spacing:.045em}.context-index ruby{letter-spacing:.055em;margin-right:.055em}}

/* Keep pinyin legible and sentence wrapping consistent on Windows and macOS. */
.context-index{--context-font-size:clamp(18px,1.45vw,21px);--context-letter-spacing:.055em}.context-index.context-size-small{--context-font-size:18px;--context-letter-spacing:.04em}.context-index.context-size-large{--context-font-size:clamp(21px,1.7vw,25px);--context-letter-spacing:.07em}.context-index blockquote{font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;font-size:var(--context-font-size);line-height:2.55;letter-spacing:var(--context-letter-spacing);overflow-wrap:anywhere;word-break:normal}.context-index ruby{ruby-position:over;ruby-align:center;letter-spacing:var(--context-letter-spacing);margin-right:.09em}.context-index ruby rt{visibility:hidden;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:.68em;line-height:1.2;letter-spacing:.1em}.context-index.context-show-pinyin ruby rt{visibility:visible!important}.context-size-controls{display:inline-flex;gap:3px;margin-left:2px}.context-size-controls button{min-width:29px;padding:3px 5px;border:1px solid #ccd8c9;border-radius:9px;background:#fff;color:#5a6e54;font:700 12px/1 Arial,sans-serif;cursor:pointer}.context-size-controls button:disabled{opacity:.38;cursor:default}@media(max-width:650px){.context-index{--context-font-size:18px;--context-letter-spacing:.045em}.context-index.context-size-large{--context-font-size:21px}.context-index blockquote{line-height:2.48}.context-size-controls{margin-left:0}}