/* Design 1: warm paper, large paired language, calm sage and coral accents. */
body.study-open{overflow:hidden}
.verse-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:5px 0 0 44px}
.verse-actions .sentence-explain{margin:0}
.verse-study{font-size:12px;min-height:36px;padding:6px 12px;border-color:#d6ded0;background:transparent;white-space:nowrap}
.credit summary{cursor:pointer}.credit details>div{margin-top:12px}
#study-dialog{--study-paper:#f8f5ed;--study-soft:#dde6db;--study-ink:#293d36;--study-coral:#a34e37;color:var(--study-ink);background:var(--study-paper);width:min(1000px,calc(100vw - 64px));height:min(960px,calc(100dvh - 64px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #e2e5d9;border-radius:22px;box-shadow:0 32px 120px #18291e40;overflow:hidden}
#study-dialog[open]{display:flex;flex-direction:column}
#study-dialog::backdrop{background:#23372f70;backdrop-filter:blur(5px)}
.study-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 40px 18px;border-bottom:1px solid #dddccf;flex:none}
.study-header .overline{color:#5c6c5f;font-size:10px;letter-spacing:.12em;margin-bottom:6px}
.study-header h2{font-size:25px;line-height:1.35;margin:0;letter-spacing:-.02em;outline:none}
.study-header button{font-size:12px;border:0;background:transparent;padding:8px 0 8px 16px;white-space:nowrap}
.study-header button span[aria-hidden]{font-size:21px;margin-left:15px;vertical-align:-2px}
.study-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;flex:1;padding:24px 40px 32px}
.study-path{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.study-path p{margin:0;font-size:12px;color:#617060}
#study-verse-nav{display:flex;gap:7px}
#study-verse-nav button{min-width:36px;min-height:36px;border-radius:50%;font-size:12px;padding:4px;border-color:#d3d9c9;background:transparent}
#study-verse-nav button[aria-current]{background:#356b58;color:white;border-color:#356b58}
.study-options{display:flex;align-items:center;justify-content:space-between;gap:15px}
.study-modes{display:flex;background:#eaece1;border-radius:100px;padding:4px;gap:3px}
.study-modes button{border:0;border-radius:100px;background:transparent;font-size:12px;min-height:36px;padding:7px 17px;color:#56634f}
.study-modes button[aria-pressed=true]{background:#fffefa;color:#293d36;box-shadow:0 1px 4px #28372712}
.study-modes button:disabled{opacity:.55}
.study-options-right{display:flex;align-items:center;gap:20px}
.study-options-right button{font-size:12px;min-height:36px;border:0;background:transparent;padding:6px}
.study-unit{font-size:11px;color:#677461;letter-spacing:.03em;margin:24px 0 14px}
.study-reading{display:flex;flex-direction:column;gap:23px}
.study-language-label{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.1em;color:#697564;margin-bottom:8px}
.study-language-label button{border:1px solid #d4dccd;border-radius:100px;font-size:10px;min-height:28px;padding:4px 10px;background:transparent;letter-spacing:0}
.study-text{font-size:42px;line-height:1.6;letter-spacing:.015em;font-weight:500;margin:0;overflow-wrap:anywhere}
.study-text.zh{overflow-wrap:normal}
.study-text.en{font-family:Georgia,'Times New Roman',serif;font-size:40px;line-height:1.42;font-weight:400;letter-spacing:0}
.study-text .word{padding:0;border-radius:5px}
.study-text .word.key-word{text-decoration-color:#b2c2a6;text-underline-offset:9px}
.study-text .word:hover,.study-text .word.selected{background:#f3ded0;color:var(--study-coral)}
.study-text .word.marked{background:#f1e3bb}
.study-text rt{font-size:13px;color:#63745d}
.show-pinyin .study-text.zh{line-height:2.2}
.study-audio{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0 14px}
.study-audio button{font-size:12px;background:transparent;border-color:#cdd6c5}
.study-audio>span{font-size:11px;color:#61705a;flex:1;min-width:140px}
.study-explain{font-size:12px;color:#61705a;margin:16px 0 28px}
.study-explain summary,.study-hint summary{cursor:pointer;padding:6px 0}
.study-explain p{margin:10px 0 0;line-height:1.9}
.study-discussion{padding:25px 28px;background:var(--study-soft);border-radius:15px;margin-top:22px}
.study-discussion .overline{font-size:10px;color:#51634e;margin-bottom:6px}
.study-discussion h3{font-size:16px;font-weight:500;margin-bottom:16px}
#study-question p{margin:0 0 8px;font-size:23px;font-weight:500;line-height:1.7}
#study-question p.en{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:400;line-height:1.5}
.study-hint{font-size:12px;color:#52644d;margin-top:16px}
.study-hint p{margin:10px 0 0}
.study-teach{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0 20px;border-bottom:1px solid #dcded0}
.study-teach .overline{font-size:10px;color:#697661;margin-bottom:7px}
.study-teach p{font-size:13px;margin:0;max-width:480px}
.study-teach button{font-size:12px;background:transparent;border-color:#cdd6c5;white-space:nowrap}
.study-scroll>.my-thought{margin-top:18px}
.study-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 40px;border-top:1px solid #dddccf;flex:none;background:#f8f5ed}
.study-footer button{font-size:13px;border-radius:100px;padding:11px 22px}
.study-footer>span{font-size:12px;color:#66745f;font-variant-numeric:tabular-nums}
.study-word{background:#fffdfa;border:1px solid #e3d8c9;border-left:3px solid #cb765d;border-radius:12px;padding:22px 24px;margin:18px 0;font-size:13px}
.study-word-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}
.study-word-heading h3{font-size:28px;margin-bottom:4px}
.study-word-heading p{font-size:12px;color:#6c7563;margin:0 0 16px}
.study-word-heading button{font-size:11px;min-height:36px;padding:6px 10px;border:0;background:transparent}
.study-word .study-word-meaning{font-size:18px;margin-bottom:7px}
.study-word-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.study-word-actions button{font-size:12px}
@media(min-width:701px) and (max-height:800px){
 #study-dialog{height:calc(100dvh - 32px)}
 .study-header{padding:14px 32px}.study-header h2{font-size:22px}
 .study-scroll{padding:16px 32px 24px}
 .study-path{margin-bottom:10px}.study-path p{font-size:11px}
 .study-unit{margin:12px 0 10px}
 .study-reading{gap:14px}
 .study-language{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px}
 .study-language-label{flex-direction:column;align-items:start;gap:5px;margin:0;padding-top:7px}
 .study-text{font-size:38px}.study-text.en{font-size:38px}
 .study-audio{margin:14px 0 8px}
 .study-discussion{margin-top:16px;padding:18px 24px}
 .study-discussion .overline{display:none}.study-discussion h3{font-size:13px;margin-bottom:8px}
 #study-question p,#study-question p.en{font-size:21px;line-height:1.5}
 .study-footer{padding:12px 32px}
}
@media(max-width:700px){
 #study-dialog{width:100vw;height:100dvh;border:0;border-radius:0}
 .study-header{padding:18px 20px 14px}.study-header h2{font-size:22px}.study-header button span[aria-hidden]{margin-left:8px}
 .study-scroll{padding:19px 20px 26px;scrollbar-gutter:auto}
 .study-path{align-items:start;flex-direction:column;gap:12px;margin-bottom:18px}
 #study-verse-nav{gap:9px}#study-verse-nav button{width:44px;min-height:44px}
 .study-options{align-items:start;gap:12px;flex-wrap:wrap}.study-options-right{gap:16px;justify-content:space-between;flex:1;min-width:150px}
 .study-modes button{padding:8px 14px;min-height:44px}.study-unit{margin-top:19px}
 .study-options-right button,.study-options-right label,.study-language-label button,.study-word-heading button{min-height:44px}
 .study-reading{gap:22px}.study-text{font-size:30px;line-height:1.8}.study-text.en{font-size:30px;line-height:1.5}
 .study-language{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px}
 .study-language-label{flex-direction:column;align-items:start;gap:5px;margin:0;padding-top:3px;letter-spacing:0}
 .study-text rt{font-size:11px}.show-pinyin .study-text.zh{line-height:2.45}
 .study-audio>span{flex-basis:100%}.study-discussion{padding:20px;margin-top:16px}
 .study-discussion .overline{display:none}
 #study-question p,#study-question p.en{font-size:21px}.study-teach{flex-wrap:wrap;gap:14px}
 .study-footer{padding:14px 20px max(14px,env(safe-area-inset-bottom))}.study-footer button{padding:10px 17px;font-size:12px}.study-footer>span{font-size:11px}
 .study-word{padding:18px}.study-word-heading h3{font-size:26px}
 .verse-actions{margin-left:32px;flex-wrap:wrap;gap:8px}
}
@media(prefers-reduced-motion:reduce){.study-scroll{scroll-behavior:auto}}
.study-word .word-picture{margin:16px 0 4px;max-width:420px}