:root{color-scheme:light;--green:#123d31;--green-2:#1d5c4a;--ink:#18201d;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#cdd2ce;color:var(--ink);-webkit-tap-highlight-color:transparent;user-select:none}button{font:inherit;-webkit-tap-highlight-color:transparent}.viewer{position:fixed;inset:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;display:flex;align-items:flex-start;justify-content:center;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 20%,#eef0ec 0,#cdd2ce 100%)}.canvas-wrap{margin:auto;box-shadow:0 8px 28px #26352e4a;line-height:0;background:#fff}#pdfCanvas{display:block;background:#fff}.loading{position:fixed;inset:0;z-index:5;display:grid;place-items:center;color:#4c5d56;font-size:1rem;background:#e4e7e3}.loading[hidden]{display:none}.menu-button,.page-arrow,.close-button,.toc-item{border:0;cursor:pointer}.menu-button{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:48px;height:48px;padding:13px;border-radius:14px;display:grid;align-content:center;gap:5px;color:#fff;background:#123d31dc;box-shadow:0 3px 14px #0005;backdrop-filter:blur(8px)}.menu-button span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor}.menu-button:active,.page-arrow:active{transform:scale(.94)}.page-arrow{position:fixed;z-index:15;top:50%;width:54px;height:88px;margin-top:-44px;border-radius:16px;color:#fff;background:#17231d4d;font-family:Arial,sans-serif;font-size:56px;font-weight:200;line-height:1;text-shadow:0 1px 4px #0008;backdrop-filter:blur(3px);transition:opacity .15s ease,transform .12s ease}.page-arrow-prev{left:max(8px,env(safe-area-inset-left))}.page-arrow-next{right:max(8px,env(safe-area-inset-right))}.page-arrow:disabled{opacity:.12;pointer-events:none}.scrim{position:fixed;inset:0;z-index:29;background:#06100b66;opacity:0;transition:opacity .2s ease}.scrim[hidden]{display:none}.scrim.open{opacity:1}.drawer{position:fixed;z-index:30;inset:0 auto 0 0;width:min(370px,86vw);padding:max(18px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;background:#f8f8f4;box-shadow:10px 0 35px #0004;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}.drawer.open{transform:translateX(0);visibility:visible;transition-delay:0s}.drawer-heading{min-height:54px;padding:0 2px 10px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ddd9}.drawer-heading h1{margin:0;color:var(--green);font-size:1.2rem;letter-spacing:.03em}.close-button{width:48px;height:48px;border-radius:12px;color:#4d5d56;background:transparent;font-size:2rem;line-height:1}.toc{flex:1;min-height:0;padding:8px 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.toc-item{width:100%;min-height:52px;padding:10px 12px;border-bottom:1px solid #e4e7e4;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink);background:transparent;text-align:left;font-size:1rem;font-weight:650}.toc-item small{color:#69766f;font-size:.84rem;font-weight:500;white-space:nowrap}.toc-item.active{color:var(--green);background:#dfeae5;border-radius:10px}.toc-item.active small{color:var(--green-2);font-weight:700}.drawer-status{padding:11px 10px 3px;border-top:1px solid #d8ddd9;color:#6a766f;font-size:.78rem}button:focus-visible{outline:3px solid #e5b552;outline-offset:2px}@media(orientation:portrait){.page-arrow{width:48px;height:78px;font-size:50px}}@media(prefers-reduced-motion:reduce){.drawer,.scrim,.page-arrow{transition:none}}

.edition{margin:5px 0 0;color:#69766f;font-size:.73rem}.page-count{position:fixed;z-index:16;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:6px 13px;border-radius:20px;background:#123d31dc;color:white;font-size:.8rem;pointer-events:none}