/* Center all three sheets within the area to the right of the fixed navigation. */
body.single-post{--book-width:820px;--book-start:calc(var(--sidebar,240px) + 20px);--book-end:12px;--book-gap:24px}
body.single-post #wrapper{margin-left:var(--book-start)!important;padding-right:var(--book-end);padding-left:0}
body.single-post #content .book-layout{display:block;width:100%;max-width:none;margin:0;padding:0;overflow:visible}
.book-center{width:min(var(--book-width),100%);min-width:0;margin:0 auto}
body.single-post #content .book-sheet{position:relative;background:linear-gradient(90deg,#f3efe8 0,#fffdf9 1.6%,#fffefb 97%,#f0eae1 100%);border-radius:3px 7px 7px 3px;box-shadow:0 15px 50px #4b3a2720,0 2px 5px #4b3a2720;border:1px solid #e8e1d7;padding:var(--paper-padding,clamp(20px,3.2vw,48px));min-height:70vh}
.book-sheet::before{content:"";position:absolute;inset:4px -5px 4px auto;width:4px;border-right:1px solid #d9d2c7;border-radius:0 4px 4px 0;box-shadow:2px 0 #f8f4ec,3px 0 #e4dbce;pointer-events:none}
.book-sheet .entry-header :is(h1,.entry-title){letter-spacing:.02em}.book-sheet .entry-content{color:#443f37}
.book-preview{display:none;position:fixed;top:calc(var(--header,35px) + 48px);height:calc(100vh - var(--header,35px) - 90px);max-height:1000px;z-index:2;overflow:hidden;opacity:.55;transition:opacity .25s,transform .25s;pointer-events:auto}
.book-preview:hover,.book-preview:focus-within{opacity:.92;transform:translateY(-3px)}
/* Both previews use the same singlebox / entry-header / entry-content rules as the current article. */
.book-preview{font-size:var(--ui);line-height:1.5;overflow-wrap:anywhere}
body.single-post #content .book-preview-page{--paper-padding:clamp(16px,1.2vw,28px);min-height:100%;margin:0}
.book-preview-copy{pointer-events:none}
.book-label{display:block;font-size:.85em;letter-spacing:.08em;color:#8a7a65}
.book-preview-link{position:absolute;inset:0;z-index:3;display:block;color:#937345!important;text-decoration:none!important}
.book-preview::after{content:"";position:absolute;inset:65% 0 0;z-index:2;background:linear-gradient(transparent,#fbf5f6);pointer-events:none}
.book-preview-prev,.book-preview-next{width:calc((100% - var(--book-start) - var(--book-end) - var(--book-width))/2 - var(--book-gap))}
.book-preview-prev{left:var(--book-start);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%);mask-image:linear-gradient(90deg,transparent,#000 25%)}
.book-preview-next{right:var(--book-end);-webkit-mask-image:linear-gradient(90deg,#000 75%,transparent);mask-image:linear-gradient(90deg,#000 75%,transparent)}
.book-bottom{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}.book-bottom>a{flex:1 1 240px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px;background:#fffdf9c9;border:1px solid #e8e1d7;border-radius:5px;color:#5a5145;font-size:var(--ui);line-height:1.65;overflow-wrap:anywhere}.book-bottom strong{font-size:1.1em}.book-bottom-copy{font-size:.9em;color:#8a7a65}
@media(min-width:1360px){body.single-post #sidebar{position:fixed;left:10px;top:calc(var(--header,35px) + 16px)}}
@media(min-width:1560px){.book-preview-prev,.book-preview-next{display:block}.book-bottom-prev,.book-bottom-next{display:none!important}.book-bottom{margin:0}}
@media(max-width:1359px){body.single-post{--book-start:12px}body.single-post #sidebar{position:static;width:100%!important;min-width:0;max-width:var(--book-width);margin:0 auto 16px!important;top:auto;left:auto}body.single-post .sidebar-panel{background:#ffffffb0;border:1px solid #ded6d9;border-radius:5px}body.single-post .sidebar-panel>summary{display:list-item;padding:10px 12px;font-weight:600;cursor:pointer}body.single-post .sidebar-inner{padding:12px}body.single-post .sidebar-inner .widget{max-width:240px}}
@media(max-width:600px){body.single-post #content .book-sheet{padding:20px 16px}.book-sheet::before{display:none}.book-bottom>a{flex-basis:100%;padding:16px}}
/* Full document navigation keeps comments, plugins, URL and history in sync. */
@view-transition{navigation:auto}
.book-center{view-transition-name:book-page}
::view-transition-old(book-page){animation:book-out .25s ease both}
::view-transition-new(book-page){animation:book-in .3s ease both}
::view-transition-old(root),::view-transition-new(root){animation:none}
@keyframes book-out{to{opacity:0;transform:translateX(-20px)}}
@keyframes book-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
body.is-turning .book-center{opacity:.88;transition:opacity .15s}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.book-preview,body.is-turning .book-center{transition:none;transform:none;opacity:1}}