#book-preview{--bp-ink:#342d26;--bp-green:#526746;--bp-line:#e4e3d8;color:var(--bp-ink);font:15px/1.55 Arial,sans-serif;max-width:1320px;margin:auto;padding:8px 0 24px}
#book-preview *{box-sizing:border-box;min-width:0}#book-preview h1,#book-preview h2,#book-preview h3{font-family:Georgia,serif;letter-spacing:-.025em;color:var(--bp-ink);line-height:1.2;margin:0 0 14px}#book-preview h2{font-size:28px}#book-preview h3{font-size:20px}#book-preview p{margin:10px 0}#book-preview a{color:inherit;text-decoration:none}#book-preview button,#book-preview select,#book-preview textarea{font:inherit}#book-preview button,#book-preview a,#book-preview summary,#book-preview input,#book-preview select{touch-action:manipulation}#book-preview :focus-visible{outline:3px solid #9c7039;outline-offset:4px}#book-preview [hidden]{display:none!important}
#book-preview .bp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 16px;border:1px solid #cfd1c2;background:#fffef9;color:#42543a;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;line-height:1.3;text-align:center}#book-preview .bp-btn:hover{background:#f0f0e7;border-color:#889779}#book-preview .bp-primary{background:var(--bp-green);border-color:var(--bp-green);color:#fff}#book-preview .bp-primary:hover{background:#3e5035;color:#fff}#book-preview button:disabled{opacity:.5;cursor:default}#book-preview textarea{display:block;resize:vertical;width:100%;padding:15px;border:1px solid #c9ccbb;border-radius:10px;background:#fffefb;color:var(--bp-ink);line-height:1.6;margin:14px 0}#book-preview select{padding:7px 9px;border:1px solid #cdd0c3;border-radius:7px;background:#fffef9;color:var(--bp-ink)}#book-preview label{font-size:14px}.bp-topline{display:flex;align-items:center;gap:18px;margin:6px 0 20px;font-size:13px;color:#666958}.bp-topline>span{margin-right:auto}.bp-topline>.bp-btn{min-height:35px;padding:7px 13px}.bp-hero{position:relative;isolation:isolate;overflow:hidden;min-height:370px;border-radius:20px;background:#d8d9c7;box-shadow:0 10px 25px #3434240a}.bp-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.bp-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f2e6f5 0%,#f8f2e6eb 25%,#f8f2e66b 50%,transparent 80%);z-index:-1}.bp-hero-copy{padding:46px;max-width:670px}.bp-eyebrow{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:#657257;margin-bottom:13px}#book-preview .bp-hero h1{font-size:48px;max-width:440px;margin:10px 0 16px}.bp-hero-copy>p{font:19px/1.45 Georgia,serif;max-width:320px}.bp-badge{display:inline-block;padding:5px 10px;background:#f7f5e8dc;border:1px solid #a9b0927d;border-radius:7px;font-size:12px;margin:12px 0}.bp-hero-actions,.bp-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.bp-watermark{position:absolute;right:18px;bottom:12px;color:#fff;text-shadow:0 1px 3px #342d26;font-size:12px}.bp-hero-small{min-height:180px}.bp-hero-small .bp-hero-copy{padding:25px 32px}#book-preview .bp-hero-small h1{font-size:32px;margin:5px 0}.bp-hero-small .bp-eyebrow{margin-bottom:6px}.bp-hero-small .bp-hero-copy>p{font:16px Arial,sans-serif;max-width:none;margin:8px 0}.bp-hero-small .bp-badge{margin:5px 0}.bp-tabs{display:flex;gap:24px;border-bottom:1px solid var(--bp-line);margin:20px 0 0;overflow:auto}.bp-tabs a{padding:13px 3px 15px;white-space:nowrap;border-bottom:3px solid transparent;font-weight:600;font-size:14px}.bp-tabs a[aria-current]{color:var(--bp-green);border-color:var(--bp-green)}.bp-demo-note{font-size:12px;line-height:1.5;color:#706d5f;margin:15px 0 28px;padding-left:12px;border-left:2px solid #b4b99e}.bp-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 22px}.bp-section-heading h2{margin-bottom:5px}.bp-sub{font-size:13px;color:#737467;line-height:1.55}.bp-route{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.bp-route-card{border:1px solid var(--bp-line);border-radius:15px;background:#fffefa;overflow:hidden;transition:transform .2s,box-shadow .2s}.bp-route-card[href]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #30351f13}.bp-picture{position:relative;margin:0;overflow:hidden;border-radius:13px;background:#e2e1d2}.bp-picture img{display:block;width:100%;height:100%;object-fit:cover}.bp-picture figcaption{position:absolute;right:12px;bottom:7px;font-size:10px;color:#fff;text-shadow:0 1px 4px #000;opacity:.8}.bp-route-card .bp-picture{height:165px;border-radius:0}.bp-route-card>div{padding:19px 20px 20px}.bp-route-card h3{font-size:21px;margin-top:9px;min-height:50px}.bp-route-card p{font-size:12px;color:#757568;min-height:36px}.bp-number{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #a6ae94;border-radius:50%;font-size:12px;color:#526746}.bp-arrow{display:block;margin-top:16px;font-weight:700;color:var(--bp-green)}.bp-upcoming{background:#f5f4ed}.bp-upcoming img{filter:saturate(.5);opacity:.75}.bp-course-bottom{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:25px}.bp-panel{background:#fffefa;border:1px solid var(--bp-line);border-radius:15px;padding:27px}.bp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.bp-steps a{padding:12px 8px;border:1px solid #e0e3d5;border-radius:9px;text-align:center;font-size:13px;background:#f5f6ed}.bp-steps span{display:block;font-size:25px;color:#6b7a54;margin-bottom:6px}.bp-footer{display:flex;align-items:center;gap:16px;margin-top:30px;border-top:1px solid var(--bp-line);padding-top:20px;font-size:12px;color:#777668}.bp-footer>span{margin-right:auto}.bp-reader{display:grid;grid-template-columns:200px minmax(0,1.5fr) minmax(235px,1fr);gap:21px;align-items:start}#book-preview .bp-outline h2{font-size:20px}.bp-outline>button{width:100%;display:flex;gap:10px;text-align:left;padding:12px 10px;margin:4px 0;background:transparent;border:1px solid transparent;border-radius:9px;color:#6a6b5c;font-size:12px;line-height:1.5;cursor:pointer}.bp-outline>button span:first-child{color:#9a9f8b}.bp-outline>button.selected{background:#e8eddc;border-color:#b5c1a3;color:#394c30}.bp-reading-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.bp-reading-top h2{font-size:23px;margin-bottom:0}.bp-reading-top>span{color:#828571;font-size:12px;white-space:nowrap}#book-preview .bp-en{font:27px/1.65 Georgia,serif;margin:28px 0 18px}.bp-en mark{background:#e7edcf;color:inherit;border-radius:3px;padding:2px 3px}.bp-gloss{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#f1f3e8;border-radius:9px;font-size:13px}.bp-gloss>.bp-btn{font-size:11px;min-height:33px;padding:7px;white-space:nowrap}#book-preview .bp-ru{font-size:16px;line-height:1.7;margin:22px 0;color:#716853}.bp-explanation{border-top:1px solid var(--bp-line);padding:14px 0;font-size:13px;color:#626b54}.bp-explanation summary{cursor:pointer}.bp-player{margin-top:20px;background:#f1f2e9;padding:15px;border-radius:12px}.bp-player-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:12px}.bp-player-label label{font-size:11px}#book-preview audio{width:100%;height:42px}.bp-player-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.bp-player-actions .bp-btn{padding:7px 10px;min-height:34px;font-size:11px}.bp-player-actions label{font-size:11px;white-space:nowrap}.bp-reading-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.bp-reading-bottom .bp-sub{font-size:11px}.bp-art .bp-picture{aspect-ratio:4/3}.bp-reader .bp-art .bp-picture{aspect-ratio:3/4}.bp-thumbs{display:flex;gap:8px;margin-top:12px}.bp-thumbs>.bp-btn{font-size:11px;padding:8px;flex:1}.bp-word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.bp-word-grid article{padding:23px;border-radius:12px;background:#f4f5eb;border:1px solid #dfe4d2}.bp-word{font:26px Georgia,serif}.bp-word-grid details{font-size:13px;margin:15px 0}.bp-empty{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:40px;padding:25px 0}.bp-practice-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.bp-practice-head h2{margin-bottom:0}.bp-practice-head>label{font-size:12px}.bp-mode-tabs{display:flex;gap:8px;margin:20px 0}.bp-mode-tabs .bp-btn[aria-pressed=true]{background:#e4ead8;border-color:#8e9c78}.bp-practice-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;align-items:start}.bp-practice-grid>.bp-art>.bp-btn{margin-top:12px}.bp-task{min-height:370px;padding:32px}#book-preview .bp-prompt{font:27px/1.5 Georgia,serif;margin:20px 0}.bp-task textarea{font-size:20px}.bp-task .bp-actions{justify-content:space-between}.bp-feedback{margin-top:25px;padding:19px;background:#f8efde;border:1px solid #e5d2ac;border-radius:10px}.bp-feedback.correct{background:#eff4e6;border-color:#bed0a5}.bp-feedback>p[lang]{font:20px/1.5 Georgia,serif}.bp-feedback .bp-btn{margin-top:8px;font-size:12px}.bp-hint{font-size:13px;color:#74654a;background:#f5efdc;padding:9px 12px;border-radius:7px}.bp-hidden-art{display:grid;align-content:center;justify-items:center;min-height:340px;border:1px dashed #bdc4ad;border-radius:15px;background:#f1f3e7;text-align:center;padding:20px}.bp-hidden-art>span{font-size:70px;color:#92a078}.bp-retell{display:grid;grid-template-columns:1fr 1fr;gap:30px}.bp-retell .bp-picture{margin-bottom:24px;aspect-ratio:2/1}.bp-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.bp-tags span{padding:5px 10px;background:#edf0df;border-radius:6px;color:#566248;font-size:13px}.bp-studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0}.bp-studio-grid .bp-picture{aspect-ratio:4/3}.bp-upload{display:block;background:#f1f4e8;border:1px dashed #a6b48f;border-radius:9px;padding:16px;margin:20px 0 10px}.bp-upload input{display:block;margin-top:10px;max-width:100%}.bp-sources{margin-top:24px}.bp-sources>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.bp-sources article>span{font:30px Georgia,serif;color:#a6b38d}.bp-sources article h3{margin-top:10px}.bp-sources article p,.bp-sources article b{font-size:13px}.bp-complete{padding:60px;text-align:center}.bp-complete>.bp-actions{justify-content:center}.bp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bp-original{display:grid;grid-template-columns:240px 1fr;gap:28px}.bp-original-controls{position:sticky;top:15px;align-self:start}.bp-original-controls select{width:100%;margin:12px 0}.bp-original-text p{font:19px/1.9 Georgia,serif;max-width:780px;margin:0 auto 18px}.bp-original-controls .bp-picture{margin-bottom:20px}.bp-source-link{margin:24px 0;padding:22px 26px;background:#e9eedc;border:1px solid #b9c5a7;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bp-source-link h3{margin-bottom:5px}
@media(min-width:1100px){.portal-page:has(#book-preview){max-width:1400px;width:100%;padding-left:32px;padding-right:32px}}
@media(max-width:1100px){.bp-reader{grid-template-columns:155px 1fr}.bp-reader .bp-art{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:20px}.bp-reader .bp-art .bp-picture{aspect-ratio:4/3;grid-row:span 2}.bp-reader .bp-thumbs{align-self:end}.bp-route{gap:12px}.bp-route-card>div{padding:16px}.bp-course-bottom{grid-template-columns:1.6fr 1fr}.bp-hero-copy{padding:35px}.bp-word-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){#book-preview{padding-top:0}.bp-topline{flex-wrap:wrap;gap:10px}.bp-topline>span{font-size:11px}.bp-hero{min-height:350px;border-radius:14px}.bp-hero-copy{padding:25px;max-width:95%}#book-preview .bp-hero h1{font-size:37px;max-width:300px}.bp-hero:after{background:linear-gradient(90deg,#f8f2e6f5,#f8f2e6b0 55%,#f8f2e622)}.bp-hero-actions{gap:8px}.bp-hero-actions>.bp-btn{font-size:12px}.bp-hero-small{min-height:170px}#book-preview .bp-hero-small h1{font-size:30px}.bp-hero-small .bp-hero-copy{padding:22px}.bp-tabs{gap:21px}.bp-tabs a{font-size:12px}.bp-section-heading{align-items:start;flex-direction:column;gap:8px}#book-preview h2{font-size:25px}.bp-route{grid-template-columns:repeat(2,1fr)}.bp-route-card .bp-picture{height:145px}.bp-route-card h3{font-size:19px}.bp-course-bottom,.bp-retell,.bp-studio-grid,.bp-practice-grid,.bp-original{grid-template-columns:1fr}.bp-panel{padding:20px}.bp-steps{gap:6px}.bp-steps a{font-size:11px;padding:10px 4px}.bp-reader{grid-template-columns:1fr}.bp-outline{display:none}.bp-reader .bp-art{grid-template-columns:1fr;gap:8px}.bp-reader .bp-art .bp-picture{max-height:280px;grid-row:auto}.bp-reading-top h2{font-size:22px}#book-preview .bp-en{font-size:26px}.bp-gloss{flex-wrap:wrap}.bp-reading-bottom{flex-wrap:wrap}.bp-practice-head{align-items:start;flex-direction:column;gap:15px}.bp-practice-grid .bp-art .bp-picture{max-height:280px}.bp-practice-grid{gap:18px}.bp-task{padding:23px}.bp-empty{grid-template-columns:1fr;gap:22px}.bp-empty>.bp-picture{max-height:230px}.bp-sources>div{grid-template-columns:1fr;gap:20px}.bp-footer{flex-wrap:wrap;gap:10px}.bp-footer>span{flex-basis:100%}.bp-word-grid{grid-template-columns:1fr}.bp-complete{padding:30px 20px}.bp-original-controls{position:static}.bp-original-controls .bp-picture{display:none}.bp-original-text p{font-size:18px}.bp-source-link{flex-direction:column;align-items:start;padding:20px}}
@media(prefers-reduced-motion:reduce){.bp-route-card{transition:none}}

/* Keep the book's illustrated layout independent of the textbook cabinet rail. */
html[data-appearance] .portal-shell:has(#book-preview)::before{content:none!important}
html[data-appearance] .portal-shell .portal-page:has(#book-preview){max-width:1400px;padding:25px 32px 0!important;margin:auto;animation:none}
#book-preview h1,#book-preview h2,#book-preview h3{font-weight:700}
#book-preview .bp-tabs a{flex:0 0 auto}
html[data-appearance] .portal-shell:has(.portal-nav a[href="#audiobooks"]) .portal-nav{min-width:0;flex:1 1 auto;overflow-x:auto;scrollbar-width:thin}
html[data-appearance] .portal-shell:has(.portal-nav a[href="#audiobooks"]) .portal-nav a{flex:0 0 auto}
html[data-appearance] .portal-shell:has(.portal-nav a[href="#audiobooks"]) .portal-header-actions{flex:0 0 auto}
@media(max-width:760px){html[data-appearance] .portal-shell .portal-page:has(#book-preview){padding:20px 16px 0!important}}
