html,body{background:transparent!important;color-scheme:dark}.paper-material .pf-page.is-cover{background:#73441f url('/res/journal-leather.webp') center/cover!important;border:1px solid #392213;box-shadow:inset 0 0 22px #160a09aa,inset 3px 2px 5px #d2a57455!important;color:#130e0b}.paper-material .pf-page.is-cover .page-body{color:#130e0b}.book-cover-content{min-height:0;height:100%}.book-cover-content h1{font:normal clamp(25px,4vw,58px) Georgia,serif;letter-spacing:.14em;color:#1b100b;text-shadow:0 1px 0 #b27f4566,0 -1px 2px #000;opacity:.9}.cover-signal{width:55%;max-height:65%;object-fit:contain}.on-cover .folio{visibility:hidden}#load-status{text-align:center;font:13px Georgia,serif}#load-status:empty{display:none}#retry{display:block;margin:10px auto;background:none;color:inherit;border:1px solid currentColor;padding:9px}#retry[hidden]{display:none}html[data-language=avali] .toc-title-main,html[data-language=avali] .page-body{font-family:'Avali Scratch',Georgia,'Yu Mincho',serif!important}.page-body .rich pre{white-space:pre-wrap}.book-cover-content{cursor:pointer}.paper-material .pf-page:not(.is-cover){color-scheme:light}.on-cover .book-cover-content img{height:auto}.on-cover .book-cover-content h1{font-family:Georgia,serif!important}

.rich table{border-collapse:collapse;width:100%;font-size:.9em}.rich td,.rich th{border:1px solid #b9a8ac;padding:4px}.bookmark-rail{max-width:calc(100% - 30px)}.custom-bookmark{width:110px!important;flex:0 1 110px!important;min-width:44px}

/* Reveal only after the cover finishes opening; retract before it starts closing. */
body.year-tabs .bookmark-rail{z-index:1;transform:translate(0px,0px);opacity:1;visibility:visible;transition:none}
body.year-tabs .bookmark-rail.ribbon-retracted{transform:translate(160px,-160px);visibility:hidden;pointer-events:none}
/* Only the painted ribbon is clickable; its SVG canvas and rail are not. */
body.year-tabs .bookmark-rail,body.year-tabs #ribbon,.custom-bookmark,.diagonal-ribbon,.diagonal-ribbon *{pointer-events:none}
body.year-tabs .bookmark-rail:not(.ribbon-retracted) .ribbon-hit{pointer-events:fill}
/* Keep the single closed cover centered, then make room for the full spread. */
#flip-host{transform:translateX(0);transition:transform 550ms ease-in-out}
body:not(.mode-single) .book[data-cover=front] #flip-host{transform:translateX(-25%)}
body:not(.mode-single) .book[data-cover=back] #flip-host{transform:translateX(25%)}
@media(min-width:720px){body.year-tabs:not(.mode-single) .stage{padding-left:8%;padding-right:8%}}
@media(prefers-reduced-motion:reduce){#flip-host{transition:none}}