/* The reading desk keeps original pages and teaching visibly distinct. */
:root{--bg:#f7f5f0;--paper:#fffefb;--ink:#233c35;--muted:#68776e;--green:#244e43;--line:#dedfd6;--coral:#ba6147;--shadow:0 16px 50px #283c3510}
body{line-height:1.8}.sidebar{background:#f0f1e9}.topbar{background:#faf9f5;height:76px}.page-top h1{font-size:31px;letter-spacing:-1px}.page-description{font-size:14px;color:#657469}.hero{border-radius:18px;background:linear-gradient(110deg,#e9eddf,#eff1e7)}.hero h2{font-size:60px}.hero-text{padding:40px}.hero p{font-size:14px}.hero-art:before,.hero-art:after{border-color:#c7d0ba}.book-object{box-shadow:21px 30px 40px #233c3528,inset 8px 0 #183f35}.stat{border-radius:10px}.stat .label{color:#697565}.course-card{border-radius:12px;box-shadow:0 3px 9px #34423404}.course-card .chinese{color:#66755f}.course-card .topics{color:#727e6a}.card-footer{color:#6f7b64}.panel{border-radius:12px}.panel p{color:#465c50}.btn{border-radius:7px}.muted-copy{color:#6d796e;font-size:14px;line-height:1.9}.micro-label{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#6e7f6c;text-transform:uppercase}
.book-entry-banner{display:flex;align-items:center;gap:22px;border:1px solid #d9dfd0;background:#f0f3e9;border-radius:12px;padding:24px 28px;margin:-6px 0 30px;position:relative;overflow:hidden}.book-entry-banner:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #d5dfc9;border-radius:50%;right:55px;top:-95px;pointer-events:none}.entry-symbol{font-size:35px;width:66px;height:66px;display:grid;place-items:center;background:#e2e9d9;border-radius:50%;color:#49664c}.book-entry-banner h2{font-size:20px;font-weight:500;margin:3px 0 5px}.book-entry-banner p{font-size:12px;color:#727f69}.entry-arrow{margin-left:auto;font:32px Georgia;color:#657958}.book-entry-banner:hover{background:#e9efdf}
.library-heading{display:flex;justify-content:space-between;align-items:center;margin:8px 0 45px;padding:12px 5px}.library-heading .eyebrow{color:#7b8a73;letter-spacing:2.6px}.library-heading h1{font-size:43px;line-height:1.45;letter-spacing:-1px;margin:16px 0}.library-heading h1 em{font-style:normal;color:#9c674d;font-weight:400}.library-heading p{font-size:14px;color:#77816f;line-height:2}.library-stamp{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:15px;border:1px solid #cbd4c0;color:#6f8067;border-radius:50%;width:195px;height:195px;place-content:center;font:34px Georgia;transform:rotate(7deg);margin-right:40px}.library-stamp span{font-size:23px;color:#a3b199}.library-stamp small{grid-column:1/-1;font:8px "Segoe UI",sans-serif;letter-spacing:2px;text-align:center}
.book-shelf{display:grid;grid-template-columns:1fr 1fr;gap:25px}.shelf-card{min-width:0;background:var(--paper);border:1px solid #dedfd3;border-radius:16px;overflow:hidden}.shelf-art{height:280px;background:radial-gradient(ellipse at 50% 10%,#e7ebdb,#dadfcd);position:relative;display:grid;place-items:center;border-bottom:1px solid #d6ddc9;perspective:900px}.shelf-card.a2 .shelf-art{background:radial-gradient(ellipse at 50% 10%,#efe2d0,#e4d3bd)}.volume-cover{width:148px;height:220px;background:#355b46;color:#f5f0dd;padding:20px 20px 17px 27px;border-radius:2px 6px 6px 2px;box-shadow:12px 22px 25px #253b3328,inset 6px 0 0 #1d4031;transform:rotateY(-13deg) rotateZ(-6deg);position:relative;transition:transform .35s}.shelf-card:hover .volume-cover{transform:rotateY(0) rotateZ(-3deg) translateY(-5px)}.volume-cover:after{content:"";position:absolute;top:4px;bottom:4px;right:-7px;width:7px;background:repeating-linear-gradient(#e5dfcf 0px,#e5dfcf 1px,#f8f3e6 1px,#f8f3e6 3px);z-index:-1;border-radius:0 3px 3px 0}.volume-cover small{font-size:7px;letter-spacing:1.6px}.volume-cover h2{font:38px/1.02 Georgia;letter-spacing:-1.5px;margin:17px 0}.cover-rules{height:1px;background:#91a48b;margin:0 0 10px}.volume-cover strong{font:25px Georgia;display:block}.volume-cover>span{display:block;font-size:5.8px;letter-spacing:1px;margin-top:9px}.a2 .volume-cover{background:#9e5b41;box-shadow:12px 22px 25px #53372a2a,inset 6px 0 #7e422e;transform:rotateY(-13deg) rotateZ(6deg)}.a2 .cover-rules{background:#d0a287}.shelf-caption{position:absolute;bottom:14px;left:22px;font-size:10px;color:#7a846a;letter-spacing:1px}.a2 .shelf-caption{color:#8a7057}.shelf-info{padding:26px 30px 28px}.shelf-info h2{font-size:24px;letter-spacing:-.5px;margin:18px 0 11px}.shelf-info>p{font-size:13px;line-height:2;color:#77816f;min-height:52px}.reading-position{display:flex;align-items:center;gap:10px;margin:23px 0;border-top:1px solid #e8e8df;border-bottom:1px solid #e8e8df;padding:14px 0;font-size:11px;color:#8a927f}.reading-position strong{font:18px Georgia;color:#536b51;white-space:nowrap}.reading-position small{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-info>.btn{margin-right:18px}.learning-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:44px 0 18px;padding-top:30px;border-top:1px solid var(--line)}.learning-principles>div{position:relative;padding-left:40px}.learning-principles>div>span{position:absolute;left:0;top:1px;font:22px Georgia;color:#a3af96}.learning-principles h3{font-size:15px;margin-bottom:10px}.learning-principles p{font-size:12px;color:#7b8571;line-height:1.9}
.lesson-banner{background:linear-gradient(115deg,#e9eedf,#f0f2e9);padding:35px 38px;border-radius:15px}.lesson-banner h1{font-size:48px}.lesson-banner .big-number{font-size:105px;color:#c9d2bb}.lesson-book-link{display:inline-flex;gap:15px;align-items:center;margin-top:19px;font-size:12px;border:1px solid #c4d0b6;padding:8px 13px;border-radius:5px;background:#f7f9ef;color:#4b6446}.lesson-book-link span{margin-left:15px}.lesson-tabs{gap:24px;padding-top:9px;background:#f7f5f0ee;backdrop-filter:blur(12px)}.lesson-tabs button{font-size:13px}.lesson-layout{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.lesson-contents{background:#efF2e8}.lesson-contents h3{margin-top:12px}.lesson-contents button{display:flex;align-items:flex-start;text-align:left;gap:9px;font-size:11px;line-height:1.8;padding:8px 0;background:none;width:100%;color:#65765a}.lesson-contents button span{font:13px Georgia;color:#9ca88c;flex-shrink:0}.lesson-contents button:hover{color:#a96143}.study-aside{top:76px}.aside-box{border-radius:10px}.aside-box p{font-size:12px}.reading-item:hover{background:#f5f6ed}.reading-item small{color:#567452}
.tutorial-intro{padding:29px 32px 30px;background:#fffefb;border:1px solid var(--line);border-radius:12px;margin-bottom:28px}.tutorial-intro .eyebrow{color:#9a8463}.tutorial-intro h2{font-size:25px;line-height:1.45;letter-spacing:-.5px;margin:13px 0 17px}.tutorial-intro>p{font-size:15px;line-height:2.1;color:#566852}.tutorial-toc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.tutorial-toc button{display:flex;align-items:center;gap:10px;border:1px solid #e4e7db;background:#f6f8ef;border-radius:5px;padding:11px 12px;font-size:11px;color:#687b5a;text-align:left}.tutorial-toc button span{font:14px Georgia;color:#a1af8b}.tutorial-toc button i{font-style:normal;margin-left:auto}.tutorial-toc button:hover{background:#edf2e3}.teaching-block{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:30px 32px;margin-bottom:25px;scroll-margin-top:80px}.teaching-block>header{display:flex;gap:17px;align-items:center;margin-bottom:23px;padding-bottom:20px;border-bottom:1px solid #e8e9df}.block-no{font:29px/1 Georgia;color:#adba9a;flex-shrink:0}.teaching-block h2{font-size:22px;line-height:1.5;letter-spacing:-.4px}.teaching-prose p{font-size:15px;color:#425b4c;line-height:2.15;margin-bottom:15px}.worked-examples{margin:25px 0;border:1px solid #dce5d1;border-radius:8px;overflow:hidden;background:#f3f6ed}.worked-examples>.micro-label{padding:12px 19px;border-bottom:1px solid #e1e7d8;background:#edf2e5}.worked-example{padding:18px 20px}.worked-example+.worked-example{border-top:1px dashed #d7e1cc}.worked-example .de{font:23px/1.6 Georgia,serif;color:#254b38}.worked-example .translation{font-size:13px;margin-top:4px;color:#657c58}.worked-example .sentence-note{font-size:12px;line-height:1.95;color:#7d8a70;margin-top:12px;padding-top:10px;border-top:1px solid #e4eadc}.pitfall{display:flex;gap:15px;padding:17px 18px;background:#faf0e2;border:1px solid #efe1cd;border-radius:7px;margin:22px 0}.pitfall>span{font-size:11px;font-weight:600;color:#a57348;flex:0 0 44px;line-height:1.7}.pitfall p{font-size:13px;line-height:1.95;color:#856f50}.guided-exercise{background:#faf9f5;border:1px solid #e3e3d9;border-radius:8px;padding:19px 20px;margin-top:22px}.exercise-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;color:#536d48;margin-bottom:13px}.exercise-label span{font-size:10px;color:#939b84;font-weight:400}.guided-exercise>p{font-size:14px;line-height:1.95;color:#4c6046}.guided-exercise textarea,.reader-task textarea{width:100%;display:block;min-height:82px;margin:15px 0;resize:vertical;font-size:13px;background:#fffefb;border-color:#dedfd3}.answer-disclosure{border-top:1px solid #e5e5da;margin-top:16px;padding-top:14px}.answer-disclosure>summary{font-size:12px;color:#788766;display:flex;justify-content:space-between;list-style:none}.answer-disclosure>summary::-webkit-details-marker{display:none}.answer-disclosure>summary span{font-size:17px}.answer-disclosure[open]>summary span{transform:rotate(45deg)}.reference-answer{font-size:15px;white-space:pre-line;color:#375d43;line-height:2;padding:14px 0 8px}.answer-disclosure>p{font-size:12px;line-height:2;color:#78856b}.recap-block{background:#e9eee0;border:1px solid #d6e0c8;border-radius:12px;padding:30px 32px;margin:30px 0}.recap-block .eyebrow{color:#81946d}.recap-block h2{font-size:22px;margin:12px 0 22px}.recap-block ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.recap-block li{font-size:14px;line-height:2;color:#57704b;padding-left:24px;position:relative}.recap-block li:before{content:"✓";position:absolute;left:0;color:#8da579}.self-test{padding:10px 0}.self-test h2{font-size:23px}.self-test>.guided-exercise{background:var(--paper)}.teaching-source{font-size:11px;line-height:1.9;color:#859079;margin-top:25px;border-top:1px solid var(--line);padding-top:18px}
main[data-view="book"]{max-width:1960px;padding:25px 30px 35px}.reader-heading{display:flex;align-items:center;gap:20px}.reader-heading .back{margin:0;flex:1}.reader-heading .plain{flex:1;text-align:right;display:block}.book-switch{display:flex;gap:3px;padding:4px;border:1px solid #dcded1;background:#eeeee4;border-radius:7px}.book-switch a{font-size:11px;padding:5px 14px;border-radius:4px;color:#7a866b}.book-switch a.active{background:#fffef9;box-shadow:0 2px 5px #253b330c;color:#416044}.reader-title{display:flex;justify-content:space-between;align-items:flex-end;margin:28px 0 25px;gap:25px}.reader-title .eyebrow{color:#9a9f88;font-size:9px}.reader-title h1{font-size:28px;font-weight:500;letter-spacing:-.8px;margin-top:7px}.reader-title>p{font-size:10px;color:#919883;white-space:nowrap}.reader-title p span{margin:0 7px}.reader-controls{display:flex;align-items:center;gap:15px;border:1px solid #dedfd1;border-radius:9px;background:#fffef8;padding:11px 14px;margin-bottom:18px}.reader-controls>.input{flex:1;max-width:380px;padding:8px 10px;font-size:11px;background:#f7f8f1;min-width:100px}.page-navigation{display:flex;align-items:center;gap:8px;font-size:11px;color:#838d74;white-space:nowrap}.page-navigation input{width:51px;border:0;border-bottom:1px solid #c6d3b6;background:none;text-align:center;color:#415d3b;font-size:13px;padding:5px 0;border-radius:0;appearance:textfield}.page-navigation input::-webkit-inner-spin-button{appearance:none}.page-arrow{border:1px solid #dce1d3;border-radius:5px;background:#f5f7ee;padding:5px 11px;color:#577046;font-size:15px}.jump-page{font-size:10px;background:none;color:#7d8b6a;padding:4px}.view-controls{margin-left:auto;display:flex;align-items:center;gap:4px;white-space:nowrap}.view-controls button{font-size:11px;padding:5px 8px;background:transparent;border-radius:4px;color:#7b886d}.view-controls button.active{background:#e9efdf;color:#486239}.view-controls select{font-size:10px;color:#718461;border:1px solid #dce3d0;background:#fffef8;padding:6px 4px;border-radius:4px;max-width:72px}.reader-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:22px;align-items:start}.book-canvas{min-width:0;background:#e9e9df;border:1px solid #d6d9ca;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px #253b3307}.page-topline,.page-bottomline{display:flex;justify-content:space-between;gap:10px;padding:13px 18px;font-size:9px;color:#8b947b;letter-spacing:.8px}.page-topline{border-bottom:1px solid #dbdece}.page-bottomline{border-top:1px solid #dbdece;letter-spacing:0}.page-bottomline a{color:#6e805c;white-space:nowrap}.page-viewport{height:calc(100vh - 330px);min-height:510px;overflow:auto;padding:22px;scrollbar-width:thin;scrollbar-color:#b8c3a6 #e8e9df;background:radial-gradient(ellipse at 50% 0,#f0f0e9,#e4e5da);overscroll-behavior:contain}.page-sheet{margin:auto;box-shadow:0 3px 9px #3a46321a,0 15px 35px #3a463214;min-height:300px;background:white}.page-sheet img{display:block;width:100%;height:auto}.text-sheet{padding:28px;min-height:500px}.text-page-label{font-size:10px;letter-spacing:1px;color:#8e967f;border-bottom:1px solid #e2e4d8;padding-bottom:17px;margin-bottom:22px}.text-sheet pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/2 Georgia,serif;color:#3c4f37;margin:0}.reader-guide{border:1px solid #d9e0cd;border-radius:10px;overflow:hidden;background:#fffef9;min-width:0}.guide-context{padding:20px 23px 17px;background:#eef3e5;border-bottom:1px solid #dfe6d4}.guide-context>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.guide-context>div>span:last-child{font-size:9px;color:#8c9b7b}.guide-context h2{font:25px/1.2 Georgia;margin:12px 0 5px}.guide-context p{font-size:11px;color:#788869;display:flex;justify-content:space-between;gap:10px}.guide-context a{color:#587a47;font-size:10px;white-space:nowrap}.guide-tabs{display:flex;border-bottom:1px solid #e2e6d8;padding:0 16px;gap:17px}.guide-tabs button{font-size:11px;background:none;color:#8b977b;padding:12px 0;border-bottom:2px solid transparent}.guide-tabs button.active{color:#476c38;border-color:#688453}.guide-scroll{height:calc(100vh - 453px);min-height:405px;overflow-y:auto;padding:22px;scrollbar-width:thin;scrollbar-color:#c4cfb4 transparent;overscroll-behavior:contain}.reader-intro h2{font-size:22px;margin:12px 0}.reader-intro p{font-size:12px;color:#7c8c6b;line-height:1.95;margin-bottom:18px}.reader-intro{margin-bottom:24px}.reader-guide .tutorial-intro{padding:0;background:none;border:0;border-radius:0;margin-bottom:24px}.reader-guide .tutorial-intro .eyebrow{font-size:8px;letter-spacing:1.5px}.reader-guide .tutorial-intro h2{font-size:21px;line-height:1.5}.reader-guide .tutorial-intro p{font-size:13px;line-height:2;color:#6d7e5d}.guide-block{border:1px solid #e0e7d7;border-radius:7px;margin-bottom:13px;padding:17px;background:#fffef9}.guide-block>summary{font-size:14px;line-height:1.65;font-weight:500;color:#506a40;display:flex;gap:12px;align-items:center;list-style:none}.guide-block>summary::-webkit-details-marker{display:none}.guide-block>summary:after{content:"＋";margin-left:auto;color:#91a27d;flex-shrink:0}.guide-block[open]>summary:after{content:"−"}.guide-block>summary .block-no{font-size:21px}.guide-block[open]>summary{padding-bottom:16px;margin-bottom:15px;border-bottom:1px solid #e5eadf}.reader-guide .teaching-prose p{font-size:13px;line-height:2.05;color:#607552}.reader-guide .worked-examples{margin:20px 0}.reader-guide .worked-examples>.micro-label{font-size:8px;padding:9px 12px}.reader-guide .worked-example{padding:14px 12px}.reader-guide .worked-example .de{font-size:19px}.reader-guide .worked-example .translation{font-size:12px}.reader-guide .worked-example .sentence-note{font-size:11px}.reader-guide .pitfall{display:block;padding:14px}.reader-guide .pitfall>span{font-size:10px;display:block;margin-bottom:5px}.reader-guide .pitfall p{font-size:12px}.reader-guide .guided-exercise{padding:15px 12px}.reader-guide .guided-exercise>p{font-size:13px}.reader-guide .exercise-label{display:block;font-size:11px}.reader-guide .exercise-label span{display:block;margin-top:4px;font-size:9px}.reader-guide .recap-block{padding:20px;margin:24px 0}.reader-guide .recap-block h2{font-size:18px}.reader-guide .recap-block li{font-size:12px}.reader-guide .self-test h2{font-size:19px}.reader-guide .self-test>.section-heading{display:block}.reader-guide .self-test .tag{margin-top:10px}.reader-guide .muted-copy{font-size:12px}.reader-guide .teaching-source{font-size:10px}.reader-guide .vocab-item{grid-template-columns:1fr auto;padding:13px;gap:10px}.reader-guide .vocab-item .meaning-block{grid-row:2;grid-column:1/-1}.reader-guide .word-tools{grid-column:2;grid-row:1}.reader-guide .vocab-item .de{font-size:21px}.reader-guide .vocab-item .meaning{font-size:12px}.reader-guide .reader-task{border:1px solid #e1e6d7;border-radius:8px;padding:19px;margin:17px 0}.reader-task h3{font-size:17px;margin:10px 0}.reader-task p{font-size:13px;color:#6d805d;line-height:2}.reader-task .task-check{font-size:11px}.reader-footnote{font-size:10px;color:#919a85;margin:18px 2px}.mobile-reader-tabs{display:none}.image-error{padding:35px;font-size:13px;color:#718264}.reader-focus .reader-guide{display:none}.reader-focus .reader-workspace{grid-template-columns:1fr;max-width:1100px;margin:auto}.reader-focus .page-viewport{min-height:70vh}.reader-focus .reader-title>p{visibility:hidden}
@media(min-width:1650px){main[data-view="book"]{padding-left:40px;padding-right:40px}.reader-workspace{grid-template-columns:minmax(0,1.5fr) minmax(380px,1fr)}.guide-scroll{padding:28px}.reader-guide .teaching-prose p{font-size:14px}.page-viewport{min-height:650px}.guide-scroll{min-height:540px}}
@media(max-width:1150px){.hero h2{font-size:48px}.reader-controls{flex-wrap:wrap;gap:10px}.reader-controls>.input{max-width:none;flex-basis:200px}.reader-title>p{display:none}.reader-workspace{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:15px}.guide-scroll{padding:15px}.guide-context{padding:17px}.page-viewport{padding:15px}.page-topline span:last-child{display:none}.lesson-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.tutorial-intro,.teaching-block{padding:25px}.tutorial-toc{grid-template-columns:1fr}.library-stamp{margin-right:0;width:145px;height:145px;font-size:27px;gap:10px}.shelf-info{padding:24px}.shelf-info>.text-link{display:flex;margin-top:15px}.shelf-info h2{font-size:22px}.library-heading h1{font-size:37px}}
@media(max-width:980px){.book-shelf{grid-template-columns:1fr}.shelf-card{display:grid;grid-template-columns:210px 1fr}.shelf-art{height:100%;min-height:320px;border-bottom:0;border-right:1px solid #d6ddc9}.shelf-info>p{min-height:0}.shelf-info>.text-link{display:inline-flex;margin-top:0}.shelf-info .section-heading{flex-wrap:wrap}.learning-principles{gap:18px}.learning-principles>div{padding-left:0;padding-top:31px}.reader-workspace{grid-template-columns:1fr}.mobile-reader-tabs{display:flex;margin:0 0 14px;padding:4px;background:#e9ede0;border-radius:6px}.mobile-reader-tabs button{flex:1;font-size:12px;background:none;padding:8px;border-radius:4px;color:#8b9979}.mobile-reader-tabs button.active{background:#fffef9;color:#4b6b3e;box-shadow:0 1px 5px #3442340c}.reader-workspace[data-pane="book"] .reader-guide,.reader-workspace[data-pane="guide"] .book-canvas{display:none}.guide-scroll{height:auto;max-height:none;padding:24px;overflow:visible}.page-viewport{height:auto;max-height:78vh;min-height:380px}.guide-context h2{font-size:29px}.reader-guide .teaching-prose p{font-size:15px}.reader-guide .worked-example .de{font-size:22px}.reader-guide .tutorial-intro p{font-size:14px}.guide-block{padding:22px}.reader-heading #reader-focus{display:none}.reader-focus .reader-guide{display:block}}
@media(max-width:860px){.lesson-layout{grid-template-columns:1fr}.study-aside{grid-row:auto;display:block}.study-aside .lesson-contents{display:none}.study-aside .aside-box{margin-bottom:15px}.lesson-banner h1{font-size:38px}.hero h2{font-size:49px}.library-heading{gap:20px}.library-heading h1{font-size:33px}.library-stamp{display:none}.library-heading{margin-bottom:30px}.learning-principles p{font-size:11px}.shelf-card{grid-template-columns:175px 1fr}.volume-cover{transform:scale(.9) rotateZ(-6deg)}.a2 .volume-cover{transform:scale(.9) rotateZ(6deg)}}
@media(max-width:600px){.topbar{height:64px}.page-top h1{font-size:26px}.hero-text{padding:28px}.hero h2{font-size:42px;line-height:1.1}.hero p{font-size:13px}.book-entry-banner{padding:20px;gap:14px;margin-top:0}.entry-symbol{width:43px;height:43px;font-size:27px;flex-shrink:0}.book-entry-banner h2{font-size:16px}.book-entry-banner p{font-size:10px}.book-entry-banner .eyebrow{font-size:8px;letter-spacing:1.1px}.entry-arrow{font-size:26px}.library-heading{padding:0}.library-heading h1{font-size:35px;line-height:1.5}.library-heading .eyebrow{font-size:8px;letter-spacing:2px}.library-heading p{font-size:13px}.shelf-card{display:block}.shelf-art{height:250px;min-height:0;border-right:0;border-bottom:1px solid #d6ddc9}.shelf-info{padding:24px}.shelf-info h2{font-size:24px}.shelf-info .section-heading{gap:8px}.shelf-info>.text-link{margin-top:0}.learning-principles{grid-template-columns:1fr;gap:25px}.learning-principles>div{padding:0 0 0 42px}.learning-principles>div>span{top:0}.learning-principles p{font-size:12px}.lesson-banner{padding:25px}.lesson-banner h1{font-size:34px}.lesson-book-link{font-size:11px}.lesson-tabs{gap:22px}.lesson-tabs button{font-size:12px}.tutorial-intro,.teaching-block{padding:24px 20px}.tutorial-intro h2{font-size:23px}.tutorial-intro>p{font-size:14px}.teaching-block h2{font-size:20px}.teaching-prose p{font-size:14px;line-height:2.15}.teaching-block>header{gap:12px}.block-no{font-size:26px}.worked-example{padding:16px}.worked-example .de{font-size:22px}.pitfall{padding:14px;gap:12px}.guided-exercise{padding:16px}.exercise-label{font-size:11px}.exercise-label span{font-size:9px}.guided-exercise>p{font-size:13px}.recap-block{padding:25px 20px}.recap-block h2{font-size:20px}.self-test h2{font-size:21px}.self-test>.section-heading{flex-wrap:wrap}.teaching-source{font-size:10px}main[data-view="book"]{padding:19px 12px 30px}.reader-heading{gap:10px}.reader-heading .back{font-size:11px}.book-switch a{font-size:10px;padding:4px 9px}.book-switch{gap:0;padding:3px}.reader-title{margin:23px 4px 20px}.reader-title h1{font-size:24px}.reader-controls{padding:10px;gap:10px;justify-content:space-between}.reader-controls>.input{flex:1 1 100%;width:100%;max-width:100%}.view-controls{margin:0}.page-navigation{gap:5px;font-size:10px}.page-navigation input{width:37px;font-size:12px}.page-arrow{padding:4px 8px;font-size:13px}.jump-page{font-size:9px;padding:3px}.view-controls button{font-size:10px;padding:5px}.view-controls select{max-width:54px;font-size:9px;padding:5px 1px}.page-topline,.page-bottomline{padding:10px 12px;font-size:8px}.page-viewport{padding:10px;min-height:360px;max-height:72vh}.text-sheet{padding:20px}.text-sheet pre{font-size:14px}.guide-scroll{padding:18px}.guide-block{padding:18px}.reader-guide .teaching-prose p{font-size:14px}.reader-guide .worked-example .de{font-size:21px}.reader-guide .tutorial-intro h2{font-size:24px}.reader-guide .guided-exercise>p{font-size:13px}.reader-footnote{font-size:9px;line-height:1.9}.guide-context{padding:22px}.guide-tabs{padding:0 22px;gap:25px}.guide-tabs button{font-size:12px}.reader-workspace[data-pane="guide"] .reader-guide{display:block}}
.reader-guide .teaching-prose p{color:#49623e}.reader-guide .tutorial-intro p,.reader-intro p{color:#5d7250}.worked-example .sentence-note,.reader-guide .worked-example .sentence-note{color:#647457}.answer-disclosure>p{color:#657552}.exercise-label span{color:#737f63}.book-bottom-actions{display:flex;gap:7px;margin-left:auto}.book-bottom-actions button{font-size:10px;padding:3px 8px;background:#f4f6ec;border:1px solid #ced8bf;border-radius:4px;color:#4b663c}.page-bottomline{align-items:center}.page-bottomline>a{font-size:8px}.reader-guide .vocab-item .form{color:#75816b}
@media(prefers-reduced-motion:reduce){.volume-cover{transition:none}}
@media print{.book-entry-banner,.tutorial-toc,.lesson-book-link,.reader-controls,.reader-heading,.guide-tabs,.mobile-reader-tabs{display:none!important}.teaching-block{break-inside:avoid;padding:20px}.answer-disclosure{display:block}.reader-workspace{display:block}.page-viewport,.guide-scroll{height:auto;max-height:none;overflow:visible}.reader-guide{display:block!important}.book-canvas{display:block!important}.teaching-prose p{color:#222}}