.book-reader,.book-unavailable{min-width:0;max-width:100%;font-size:16px;line-height:1.65}
.context-help-global.context-help-in-toolbar{position:static;inset:auto;z-index:auto;scroll-margin-top:calc(var(--header-offset,190px) + 16px);min-height:44px;box-shadow:none;font-size:14px;border-radius:8px;align-self:stretch;white-space:nowrap}
.book-reader [hidden]{display:none!important}.book-reader :where(p,h2,h3,button,a,summary,span){overflow-wrap:anywhere}
.book-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.book-toolbar h2{font-size:25px;margin-bottom:6px}.book-toolbar p{margin:0;color:var(--muted);font-size:16px}.book-toolbar .btn,.book-reader .btn{font-size:14px;min-height:44px}
.book-toc{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 18px;margin:0 0 20px}.book-toc summary{font-size:16px;font-weight:650;cursor:pointer;min-height:30px}.book-toc ol{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.book-toc li{margin:0}.book-toc button{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--ink);border-radius:8px;padding:12px;display:flex;gap:10px;justify-content:space-between;align-items:center;min-height:48px;font-size:16px}.book-toc button:hover,.book-toc button[aria-current]{background:var(--soft);border-color:var(--green)}.book-toc small{font-size:12px;color:var(--muted);white-space:nowrap}
.book-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.book-navigation>span{font-size:14px;text-align:center;color:var(--muted)}.book-stage{perspective:1400px;max-width:100%;min-width:0}.book-page{width:100%;max-width:1100px;margin:0 auto;background:#fffaf0;color:#262622;border:1px solid #9c8d79;border-radius:6px;box-shadow:0 12px 32px #0002;overflow:hidden;position:relative}.book-page-title{padding:clamp(18px,3vw,36px);border-bottom:2px solid #6e5b45;background:#fffdf6}.book-page-title>span{display:block;font-size:16px;color:#655949;margin-bottom:8px}.book-page-title h2{font-family:Georgia,serif;font-size:clamp(24px,3vw,34px);line-height:1.3;margin:0;color:#302c25;scroll-margin-top:calc(var(--header-offset,190px) + 16px)}
.book-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:clamp(14px,2vw,26px);align-items:start}.book-panel{margin:0;min-width:0;max-width:100%;border:2px solid #6e5b45;border-radius:5px;background:#fffdf7;overflow:hidden}.book-panel-art{display:block;width:100%;height:auto;max-width:100%}.book-art-crop{aspect-ratio:1;position:relative;overflow:hidden;background:#eee5d7}.book-art-crop .book-panel-art{position:absolute;width:200%;height:200%;max-width:none;left:var(--tile-x);top:var(--tile-y);object-fit:fill}
.book-bubble{padding:20px;border-top:2px solid #6e5b45;background:#fffdf7;color:#262622;position:relative;font-size:16px;line-height:1.65}.book-bubble::before{content:"";position:absolute;top:-12px;left:28px;width:20px;height:20px;background:#fffdf7;border-left:2px solid #6e5b45;border-top:2px solid #6e5b45;transform:rotate(45deg)}.book-bubble p{font-size:16px;line-height:1.7;margin:0;white-space:pre-line}.book-bubble .book-panel-alt{font-size:16px;color:#4a453e;border-bottom:1px solid #d7cbbc;margin-bottom:16px;padding-bottom:14px}.book-speaker{display:block;font-size:16px;font-weight:750;color:#573f27;margin-bottom:8px}
.book-diagram{padding:18px;background:#eee6d8;color:#262622}.book-diagram-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.book-diagram-tile{width:100%;height:auto;display:block;min-width:0;max-width:100%}.book-diagram>p{margin:16px 0 0;font-size:16px;font-weight:600}.book-panel-diagram .book-bubble::before{display:none}.book-page-number{text-align:center;font-size:16px;padding:10px 20px 22px;color:#5b5145}.book-art-missing{padding:50px 20px;text-align:center;background:#eee5d7;font-size:16px}.book-reading-panels .book-panels{grid-template-columns:1fr;max-width:800px;margin:auto}.book-reading-panels .book-page{max-width:860px}.book-reading-panels .book-panel-art{max-height:none}
.book-after-page{margin:22px 0}.book-practice-link{padding:20px 24px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:12px;background:var(--surface);display:flex;gap:18px;align-items:center;justify-content:space-between}.book-practice-link p{margin:0;font-size:16px}.book-source-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line)}.book-source-links a{font-size:14px}.book-reader-footer{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:14px}.book-reader-footer p{font-size:14px}.book-notice,.book-reset,.book-unavailable{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:22px;margin-bottom:20px}.book-notice{border-left:3px solid var(--orange)}.book-reset{border-color:var(--danger)}.book-reset .btn{margin:5px 10px 0 0}
.book-zoom-dialog{width:min(96vw,1250px);height:min(94vh,1200px);max-width:none;max-height:none;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);overflow:hidden}.book-zoom-dialog::backdrop{background:#000c}.book-zoom-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.book-zoom-dialog h2{font-size:20px;margin:0}.book-zoom-dialog output{font-size:16px;min-width:45px;text-align:center}.book-zoom-scroll{overflow:auto;height:calc(100% - 94px);padding:18px;overscroll-behavior:contain}.book-zoom-paper{width:calc(850px * var(--book-zoom,1));max-width:none;margin:0 auto}.book-zoom-paper .book-page{max-width:none}.book-zoom-paper .book-panels{grid-template-columns:1fr 1fr}.book-zoom-paper .book-bubble p,.book-zoom-paper .book-panel-alt,.book-zoom-paper .book-speaker{font-size:calc(16px * var(--book-zoom,1))}.book-zoom-paper .book-page-title h2{font-size:calc(28px * var(--book-zoom,1))}
.book-turn-next .book-page{animation:book-next .28s ease-out;transform-origin:left center}.book-turn-previous .book-page{animation:book-previous .28s ease-out;transform-origin:right center}
.book-page-index{display:block;font-size:16px;color:#655949;margin-bottom:8px}.book-page-with-guide{display:flex;align-items:center;gap:22px}.book-page-with-guide>div:last-child{min-width:0}.book-guide{width:100px;flex:0 0 100px;overflow:hidden;border:2px solid #6e5b45;border-radius:50%}.book-guide .book-art-crop{border-radius:50%}
@keyframes book-next{from{opacity:.55;transform:rotateY(-10deg) translateX(8px)}to{opacity:1;transform:none}}@keyframes book-previous{from{opacity:.55;transform:rotateY(10deg) translateX(-8px)}to{opacity:1;transform:none}}
.learning-root[data-reading-mode=exercise] .learn-frame{display:block}.learning-root[data-reading-mode=exercise] .learn-frame>.learn-art{display:none}
body[data-game=blacksad] .book-page{background:#e9e3d5}body[data-game=blacksad] .book-bubble,body[data-game=blacksad] .book-bubble::before{background:#faf7ee}body[data-game=vampire] .book-page{background:#efe1df;border-color:#743b49}body[data-game=vampire] .book-page-title{background:#faf0ef;border-color:#743b49}body[data-game=vampire] .book-speaker{color:#793548}
@media(max-width:900px){.book-panels{grid-template-columns:1fr}.book-page{max-width:760px}.book-zoom-paper .book-panels{grid-template-columns:1fr 1fr}.book-toc ol{grid-template-columns:1fr}.book-practice-link{display:block}.book-practice-link .btn{margin-top:16px}}
@media(max-width:450px){.book-page-with-guide{align-items:flex-start;gap:14px;flex-wrap:wrap}.book-guide{width:72px;flex-basis:72px}}
@media(max-width:450px){.book-toolbar h2{font-size:22px}.book-toolbar .button-row{width:100%;gap:8px}.book-toolbar .btn{flex:1 1 120px;padding:10px;font-size:13px}.book-toc{padding:14px}.book-toc button{padding:12px 5px;font-size:16px}.book-toc small{display:none}.book-navigation{gap:8px;flex-wrap:wrap}.book-navigation .btn{font-size:13px;padding:10px;flex:1}.book-navigation>span{order:-1;width:100%;margin-bottom:5px}.book-panels{padding:10px;gap:14px}.book-bubble{padding:17px 14px}.book-bubble p,.book-bubble .book-panel-alt,.book-speaker,.book-diagram>p{font-size:16px}.book-diagram{padding:10px}.book-diagram-grid{grid-template-columns:1fr}.book-page-title{padding:20px 16px}.book-page-title h2{font-size:25px}.book-zoom-dialog>header{padding:12px}.book-zoom-dialog .button-row{gap:6px}.book-zoom-scroll{padding:10px;height:calc(100% - 122px)}.book-source-links{align-items:flex-start;gap:14px}.book-source-links a{width:100%;font-size:16px}}
@media(prefers-reduced-motion:reduce){.book-reader *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body[data-page=learning] .page-heading,body[data-page=learning] .breadcrumbs,body[data-page=learning] .topbar,body[data-page=learning] .game-switcher,body[data-page=learning] .sidebar,body[data-page=learning] .site-footer,body[data-page=learning] .context-help-launcher,.book-toolbar,.book-toc,.book-navigation,.book-after-page,.book-reader-footer,.book-notice,.book-reset,.book-zoom-dialog{display:none!important}.book-page{box-shadow:none;max-width:none;border:0}.book-panels{grid-template-columns:1fr 1fr}.book-panel{break-inside:avoid}.book-bubble p,.book-panel-alt{font-size:12pt!important}.book-reader{color:#000}body[data-page=learning] .page-shell{margin:0;padding:0}body[data-page=learning] .main-content{padding:0}.book-stage{perspective:none}}