:root{--paper:#f0f0e8;--paper-dark:#dfded2;--book-ink:#16251d;--book-muted:#4d6055;--book-gold:#b49a65}
.books-body{background:var(--paper);color:var(--book-ink)}
.books-body .site-header{position:relative;background:#0a1510;border-bottom:0;height:78px;padding:0 clamp(20px,3vw,52px)}
.books-body .site-header .brand-word{color:#f4f5ee}
.books-body .desktop-nav{gap:clamp(12px,1.45vw,25px);margin-right:0}
.books-body .desktop-nav a{white-space:nowrap}
.books-body .mobile-nav{top:78px}
.books-body .site-header.is-scrolled{position:sticky;top:0}
.books-body .books-wrap{width:min(100% - 48px,1160px);margin-inline:auto}
.books-hero{background:#14241b;color:#f4f2e8;padding:88px 0 96px}
.books-hero .books-wrap>p:first-child{font:600 13px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.04em;color:#d3c59d;margin:0 0 26px}
.books-hero h1{font:400 clamp(45px,6vw,87px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.045em;max-width:900px;margin:0}
.books-hero h1+p{font:400 clamp(17px,1.8vw,22px)/1.5 'DM Sans',Arial,sans-serif;color:#d8ddd0;margin:28px 0 0}
.books-list{display:grid;gap:0;padding-block:64px 115px}
.book-card{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:clamp(28px,5vw,84px);padding:46px 0;border-bottom:1px solid #c7cabd;align-items:center}
.book-card:first-child{padding-top:0}
.book-cover{display:block;aspect-ratio:4/5;background:#c6b693;overflow:hidden;box-shadow:15px 18px 0 #dbddcf}
.book-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.book-cover:hover img{transform:scale(1.04)}
.book-card-copy{max-width:680px}
.book-type{color:#58725e;font:700 13px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.06em;margin:0 0 14px}
.book-card h2{font:400 clamp(31px,4.2vw,54px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 8px}
.book-subtitle{font:italic 21px/1.4 Georgia,serif;color:#3f5648;margin:0 0 24px}
.book-card-copy>p:not(.book-type):not(.book-subtitle){font:17px/1.65 'DM Sans',Arial,sans-serif;max-width:55ch}
.book-card-copy>span{display:block;color:var(--book-muted);font:14px/1.4 'DM Sans',Arial,sans-serif;margin-top:12px}
.book-link{display:inline-flex;gap:24px;margin-top:24px;padding:12px 0;border-bottom:2px solid #355b3d;font:700 15px/1.2 'DM Sans',Arial,sans-serif;color:#163c29}
.book-link:hover{color:#4a722f}
.reader-wrap{display:grid;grid-template-columns:264px minmax(0,1fr);max-width:1320px;margin:auto;min-height:calc(100vh - 138px)}
.reader-aside{background:#e0e3d8;padding:45px 22px 60px;min-width:0}
.all-books{font:700 13px 'DM Sans',Arial,sans-serif;color:#275237}
.reader-book-name{font:27px/1.1 Georgia,serif;margin:35px 0 22px}
.chapter-list{display:grid;gap:2px;max-height:calc(100vh - 215px);overflow:auto;position:sticky;top:100px;padding-right:4px}
.chapter-list a{display:block;padding:11px 12px;color:#274333;font:700 13px/1.35 'DM Sans',Arial,sans-serif;border-left:3px solid transparent}
.chapter-list a small{display:block;margin-top:3px;font:400 12px/1.4 'DM Sans',Arial,sans-serif;color:#587060}
.chapter-list a[aria-current="page"]{background:#f0f0e8;border-color:#9b7945}
.chapter-list a:hover{background:#f1f2e9}
.reader-main{min-width:0;padding:43px clamp(24px,6vw,94px) 85px}
.book-crumb{display:flex;gap:12px;align-items:center;font:13px/1.4 'DM Sans',Arial,sans-serif;color:#587060;margin-bottom:66px}
.book-crumb a{color:#28523a}
.reader-heading{max-width:760px}
.reader-heading>p:first-child{font:700 14px/1.2 'DM Sans',Arial,sans-serif;color:#5b755e;margin:0 0 18px}
.reader-heading h1{font:400 clamp(40px,5vw,68px)/1.09 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 16px}
.book-author{font:15px/1.5 'DM Sans',Arial,sans-serif;color:var(--book-muted)}
.book-clarification{font:15px/1.5 'DM Sans',Arial,sans-serif;color:#405b46;margin:25px 0 0}
.reading-mode{display:inline-flex;border:1px solid #adb7a6;margin:34px 0 40px;padding:4px;gap:3px}
.reading-mode button{border:0;background:transparent;color:#2d4635;font:700 14px/1.2 'DM Sans',Arial,sans-serif;padding:12px 18px;cursor:pointer}
.reading-mode button[aria-pressed="true"]{background:#183d29;color:#f7f7ef}
.reading-mode button:focus-visible,.chapter-list a:focus-visible,.book-pager a:focus-visible,.book-link:focus-visible{outline:3px solid #9b7945;outline-offset:3px}
.text-mode{max-width:70ch;font:19px/1.8 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}
.text-mode p{margin:0 0 1.25em}
.text-mode p:first-child{margin-top:0}
.comic-mode{max-width:800px}
.adaptation-note{font:14px/1.55 'DM Sans',Arial,sans-serif;color:#526558;border-left:3px solid #a48a5d;padding-left:16px;margin:0 0 28px}
.comic-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.comic-panel{display:grid;grid-template-columns:minmax(210px,38%) minmax(0,1fr);margin:0;min-width:0;background:#fff;border:1px solid #d1d3c8;box-shadow:6px 7px 0 #d8dace}
.comic-art{aspect-ratio:1/1;align-self:start;background-image:var(--panel-image);background-size:200% 200%;background-repeat:no-repeat;background-color:#d6d2c5}
.panel-1{background-position:left top}.panel-2{background-position:right top}.panel-3{background-position:left bottom}.panel-4{background-position:right bottom}
.panel-full{background-size:cover;background-position:center}
.comic-panel figcaption{padding:18px 22px 21px;min-width:0}
.comic-scene-number,.comic-voice{display:block;color:#6d5b3f;font:700 12px/1.2 'DM Sans',Arial,sans-serif;margin-bottom:10px}
.comic-dialogue{border-left:3px solid #c4aa72;padding:3px 0 3px 13px;margin:0 0 15px;background:#f8f7f1}
.comic-dialogue strong{font:700 12px/1.2 'DM Sans',Arial,sans-serif;color:#6d5b3f}
.comic-dialogue p{margin:5px 0 0!important;font:italic 16px/1.45 Georgia,serif!important}
.comic-full-text p{margin:0 0 .85em;font:16px/1.57 Georgia,serif;overflow-wrap:anywhere}
.comic-full-text p:last-child{margin-bottom:0}
.comic-front .comic-full-text{max-width:70ch}
.book-pager{border-top:1px solid #c3cabd;margin-top:72px;padding-top:23px;display:flex;justify-content:space-between;gap:16px}
.book-step{font:700 14px/1.4 'DM Sans',Arial,sans-serif;color:#254633}
.books-footer{background:#101d15;color:#f2f5e9;padding:25px 0}
.books-footer .books-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font:13px/1.4 'DM Sans',Arial,sans-serif}
.books-footer a{color:#f2f5e9}
[hidden]{display:none!important}
@media(max-width:1260px) and (min-width:801px){.books-body .desktop-nav{display:none}.books-body .menu-toggle{display:block}}
@media(max-width:800px){.reader-wrap{display:block}.reader-aside{padding:20px 22px}.reader-book-name{font-size:21px;margin:10px 0}.chapter-list{display:flex;max-height:none;overflow-x:auto;position:static;white-space:nowrap;gap:3px}.chapter-list a{flex:none;border-left:0;border-bottom:3px solid transparent;padding:9px 11px}.chapter-list a[aria-current="page"]{border-color:#9b7945}.chapter-list a small{display:none}.reader-main{padding:28px 23px 70px}.book-crumb{margin-bottom:42px}.book-card{grid-template-columns:220px 1fr;gap:35px}}
@media(max-width:700px){.comic-panel{grid-template-columns:1fr}.comic-art{width:100%}}
@media(max-width:620px){.books-hero{padding:62px 0 70px}.books-list{padding-block:38px 70px}.book-card{grid-template-columns:1fr;gap:30px;padding:37px 0}.book-card:first-child{padding-top:0}.book-cover{width:min(75%,300px)}.book-card h2{font-size:37px}.reader-heading h1{font-size:41px}.text-mode{font-size:17.5px;line-height:1.75}.comic-grid{gap:23px}.comic-panel figcaption{padding:18px 19px}.comic-full-text p{font-size:17px;line-height:1.65}.books-footer .books-wrap{flex-wrap:wrap}.book-crumb{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.book-cover img{transition:none}}
.book-download{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:12px 16px;border:1px solid #355b3d;border-radius:3px;background:#f5f1e7;color:#183c2b;font:700 13px/1.35 'DM Sans',Arial,sans-serif;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}
.book-download::before{content:'↓';font-size:17px;line-height:1}
.book-download:hover{background:#183c2b;color:#fff;transform:translateY(-1px)}
.reader-download{margin:4px 0 28px}
.book-download:focus-visible{outline:3px solid #9b7945;outline-offset:3px}