/* V11: Chinese text remains selectable HTML; illustrations never carry UI text. */
:root{--font-body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-title:"Songti SC","STSong","Noto Serif CJK SC",serif}
body,button,input,select{font-family:var(--font-body)}
h1,h2,h3,.story-large,.figure-heading{font-family:var(--font-title);font-style:normal}
.lesson-copy h3{word-break:normal;overflow-wrap:normal;text-wrap:balance;letter-spacing:.015em;line-height:1.3}
#lesson-body p{line-height:1.75;word-break:normal;overflow-wrap:break-word;text-align:left;letter-spacing:0}
#lesson-pages{gap:12px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
#lesson-pages button{flex:0 0 auto;white-space:nowrap;font-family:var(--font-body);letter-spacing:0}
.story-large{font-family:var(--font-title);font-size:30px;line-height:1.45;text-wrap:balance}
.story-sequence .story-steps{display:flex;flex-direction:column;gap:12px}
.story-sequence .story-steps li{writing-mode:horizontal-tb;min-height:0;font-size:23px;letter-spacing:0}
.leaf .verse{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:7px;writing-mode:horizontal-tb;letter-spacing:0;line-height:1.3;left:65px;right:18px}
.verse-column{writing-mode:vertical-rl;text-orientation:mixed;white-space:normal;max-height:100%;font-size:24px;line-height:1.3}
.leaf .clue-button{letter-spacing:2px;font-family:var(--font-body);font-size:18px;line-height:1.3}
.artwork-study{width:100%;display:flex;flex-direction:column;gap:9px;min-width:0}
.artwork-study h4{margin:0;font-size:21px;font-family:var(--font-title)}
.artwork-window{height:180px;overflow-x:auto;overflow-y:hidden;background:#e7dfc9;border:1px solid #b9ae95;scrollbar-width:thin;direction:ltr}
.artwork-window img{height:100%;width:auto;max-width:none;display:block;user-select:none}
.artwork-stops{display:flex;gap:6px;justify-content:space-between}
.artwork-stops button{font-size:15px;padding:5px 8px;white-space:nowrap}
.artwork-study input{width:100%;accent-color:#637d67;direction:ltr;margin:0}
.artwork-caption,.artwork-study>a{font:12px/1.5 var(--font-body);margin:0;color:#605d51}
.artwork-study>a{text-decoration:underline}
@media(min-height:900px){.artwork-window{height:260px}.artwork-study h4{font-size:27px}.artwork-caption,.artwork-study>a{font-size:16px}.artwork-stops button{font-size:20px}.verse-column{font-size:28px}}
@media(prefers-reduced-motion:reduce){.artwork-window{scroll-behavior:auto}}
.story-sequence .story-steps{gap:5px;margin:14px 0}
.story-sequence .story-steps li{padding:10px 16px;min-height:0;line-height:1.3}
.story-sequence .story-steps li::before{margin-bottom:6px}