@font-face{font-family:DM Sans;src:url('/assets/dm-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Jade Display;src:url('/assets/lora-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--paper:#f8f6ef;--ink:#29372b;--jade:#4e8d39;--line:#dcded2;font-family:DM Sans,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--jade);outline-offset:4px}button:disabled{cursor:default;opacity:.28}button:disabled:hover{background:transparent}[hidden]{display:none!important}
.menu-header{height:76px;padding:9px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:var(--paper)}.menu-header img{display:block;width:116px;height:auto}.menu-back{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;justify-self:start;min-height:44px}.menu-back:hover{text-decoration:underline;text-underline-offset:5px}.language-switch{display:flex;gap:3px;justify-self:end}.language-switch button{border:0;background:transparent;min-width:40px;min-height:42px;border-radius:8px;font-size:.78rem;font-weight:600}.language-switch button[aria-pressed=true]{background:#344c36;color:white}
.menu-heading{display:flex;align-items:baseline;justify-content:center;gap:24px;padding:18px 20px 12px}.menu-heading h1{font:600 1.8rem/1.25 Jade Display,Georgia,serif;letter-spacing:-.035em;margin:0}.menu-heading p{font-size:.75rem;margin:0;color:#6a705f}.menu-heading p span{padding:0 9px;color:#bac0b1}
.book-viewer{padding:0 16px 10px;overflow:hidden}.book-shell{width:min(1140px,calc(100vw - 88px));height:min(780px,calc(100svh - 220px));min-height:310px;margin:0 auto;position:relative}.menu-book{height:100%;width:100%;outline-offset:6px;touch-action:pan-y pinch-zoom}.menu-book:not(.stf__parent) .book-page{display:none}.menu-book:not(.stf__parent) .book-page:first-child{display:block;height:100%;width:fit-content;max-width:100%;margin:auto}.menu-book:not(.stf__parent) .book-page:first-child img{width:auto;max-width:100%;height:100%}
.menu-book .stf__wrapper{position:absolute;inset:0;transition:transform .72s cubic-bezier(.4,0,.2,1)}.menu-book[data-orientation=portrait] .stf__wrapper{transition:none}.menu-book[data-orientation=landscape][data-position=front] .stf__wrapper{transform:translateX(calc(var(--page-width) / -2))}.menu-book[data-orientation=landscape][data-position=back] .stf__wrapper{transform:translateX(calc(var(--page-width) / 2))}.menu-book .stf__block{cursor:grab;touch-action:pan-y pinch-zoom}.menu-book .stf__block:active{cursor:grabbing}
.book-page{background:#dbdbd9;overflow:hidden;box-shadow:0 4px 16px #1720122b;border:0;user-select:none;-webkit-user-select:none}.book-cover{background:#0d1c17;box-shadow:0 6px 24px #15211040}.book-page img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.book-page::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #00000008}.book-page.--left::after{background:linear-gradient(to left,#00000013,transparent 3%)}.book-page.--right::after{background:linear-gradient(to right,#00000013,transparent 3%)}
.book-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:17px auto 0}.page-arrow{width:44px;height:44px;border:1px solid #b7c2ac;border-radius:50%;background:transparent;font-size:1.35rem;transition:background .15s}.page-arrow:hover{background:#e4ecd9}.book-controls p{font-size:.8rem;min-width:130px;text-align:center;margin:0;font-variant-numeric:tabular-nums}.zoom-button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0 8px 22px;margin-left:5px;border:0;border-left:1px solid var(--line);background:transparent;font-size:.8rem;font-weight:600}.zoom-button:hover{text-decoration:underline;text-underline-offset:4px}.zoom-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.book-hint{text-align:center;font-size:.72rem;color:#6a705f;margin:8px 0 0;min-height:1.3em}
.menu-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 38px;padding:15px 24px;border-top:1px solid var(--line)}.menu-footer a{display:flex;align-items:center;min-height:36px;font-size:.76rem;text-decoration:underline;text-underline-offset:4px}.menu-transcript{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.menu-book.book-static{height:auto}.menu-book.book-static .book-page{display:block!important;position:static!important;width:100%!important;max-width:760px;margin:20px auto}.menu-book.book-static img{height:auto!important;width:100%!important}.book-shell:has(.book-static){height:auto}
#menu-zoom{padding:0;width:min(1040px,calc(100vw - 24px));max-width:none;height:min(94svh,1200px);max-height:none;border:1px solid #d4d8cc;border-radius:14px;color:var(--ink);background:var(--paper);overflow:hidden;box-shadow:0 20px 90px #17201066}#menu-zoom[open]{display:flex;flex-direction:column}#menu-zoom::backdrop{background:#162117aa}.zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.zoom-toolbar h2{font:600 .95rem/1.4 DM Sans,Arial,sans-serif;margin:0}.zoom-toolbar button{border:0;border-radius:50%;background:transparent;width:44px;height:44px;font-size:1.7rem}.zoom-content{overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;flex:1;padding:18px}.zoom-content img{display:block;width:100%;min-width:740px;height:auto;object-fit:contain;margin:0 auto 22px}.zoom-content img:last-child{margin-bottom:0}
@media(max-width:650px){.menu-header{height:68px;padding:8px 14px;gap:10px}.menu-header img{width:98px}.menu-back{font-size:.72rem;gap:5px}.menu-back span{max-width:64px;line-height:1.3}.language-switch{gap:0}.language-switch button{min-width:33px;padding:6px;font-size:.73rem}.menu-heading{padding:17px 16px 15px;gap:15px}.menu-heading h1{font-size:1.6rem}.menu-heading p{font-size:.65rem}.menu-heading p span{padding:0 5px}.book-viewer{padding:0 10px 13px}.book-shell{width:calc(100vw - 24px);height:min(calc((100vw - 24px)*1.43056697),calc(100svh - 222px));min-height:310px}.book-controls{gap:9px;margin-top:17px}.book-controls p{min-width:100px;font-size:.73rem}.zoom-button{padding-left:12px;margin-left:3px;font-size:.75rem}.book-hint{font-size:.68rem;margin-top:10px}.menu-footer{gap:8px 22px;padding:12px 18px}.menu-footer a{font-size:.7rem}.zoom-content{padding:10px}.zoom-content img{min-width:740px}#menu-zoom{width:calc(100vw - 12px);height:96svh;border-radius:10px}.zoom-toolbar{padding:6px 12px}}
@media(prefers-reduced-motion:reduce){.menu-book .stf__wrapper{transition:none}.page-arrow{transition:none}}
.page-arrow{flex:0 0 44px}.zoom-button{white-space:nowrap}
.menu-book.stf__parent{touch-action:pan-y pinch-zoom}
@media(max-width:650px){.book-controls p{min-width:88px}}