:root{--blue:#0e70a0;--teal:#1ea2ae;--light:#42b8ba;--ink:#173b4b;--paper:#fff;--zoom:1}*{box-sizing:border-box}body{margin:0;background:#f6f9fa;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.header{height:94px;display:flex;align-items:center;gap:36px;padding:0 5vw;background:white;border-bottom:1px solid #dbe7ec}.brand{width:218px;flex-shrink:0}.brand img{width:100%;display:block}.header-title{display:flex;flex-direction:column;gap:7px}.eyebrow{font-size:10px;letter-spacing:2px;color:#587b8c}.header-title strong{font-size:14px;font-weight:600}.contact{margin-left:auto;display:flex;gap:30px;align-items:center;text-decoration:none;background:var(--blue);color:#fff;padding:13px 19px;border-radius:6px;font-size:14px;font-weight:600}.contact:hover{background:#095d86}main{max-width:1340px;margin:auto;padding:34px 38px 25px}.intro{margin-bottom:25px}.edition{color:var(--teal);font-size:10px;letter-spacing:1.7px;font-weight:600}h1{font-size:29px;letter-spacing:-.7px;margin:10px 0 5px;font-weight:600}.intro p{font-size:14px;color:#617c89;margin:0}.reader{border:1px solid #d8e4e9;border-radius:13px;background:white;overflow:hidden;box-shadow:0 15px 50px #173b4b0b}.toolbar{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #dde8ec}.toolbar button,.toolbar a{background:none;border:0;text-decoration:none;padding:8px 10px;font-size:12px;color:#416777;border-radius:4px}.toolbar button:hover,.toolbar a:hover{background:#edf6f7}.toolbar button[aria-pressed=true]{background:#e3f4f5;color:var(--blue)}.view-tools{display:flex;gap:8px}.reader-body{display:flex;position:relative}.stage{position:relative;flex:1;min-width:0;background:radial-gradient(ellipse at 50% 45%,#e3eef2 0%,#cddde5 100%);padding:22px 64px;overflow:auto;min-height:470px;display:flex;align-items:center;justify-content:center}.book-wrap{width:100%;display:flex;justify-content:center;perspective:2200px;min-width:0}.book{position:relative;display:flex;width:calc(min(900px,100%) * var(--zoom));max-width:none;filter:drop-shadow(0 12px 15px #173b4b32);isolation:isolate;flex-shrink:0}.book.single{width:calc(min(450px,100%) * var(--zoom))}.page{width:50%;position:relative;aspect-ratio:595/842;background:#fff}.page img{width:100%;height:100%;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}.single .page{width:100%}.page::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#163b4b05,transparent 8%,transparent 92%,#163b4b03)}.book:not(.single)::after{content:"";position:absolute;left:50%;height:100%;width:18px;transform:translateX(-50%);background:linear-gradient(90deg,#0000,#11303e17,#fff4,#0000);z-index:2;pointer-events:none}.leaf{position:absolute;inset:0 0 0 50%;width:50%;transform-origin:left center;transform-style:preserve-3d;z-index:5;animation:turn .7s cubic-bezier(.23,.7,.27,1) forwards}.single .leaf{left:0;width:100%}.leaf.reverse{left:0;transform-origin:right center;animation-name:turnBack}.leaf-face{position:absolute;inset:0;background:#fff;backface-visibility:hidden}.leaf-face img{height:100%;width:100%;object-fit:contain}.leaf-back{transform:rotateY(180deg);box-shadow:0 4px 15px #0002}@keyframes turn{to{transform:rotateY(-180deg)}}@keyframes turnBack{to{transform:rotateY(180deg)}}.side-arrow{position:sticky;flex:none;z-index:10;border:1px solid #ffffff99;box-shadow:0 2px 5px #12344112;background:#ffffffdc;color:var(--blue);border-radius:50%;width:40px;height:40px;font-size:30px;line-height:30px;transition:background .15s}.side-arrow:hover{background:white}.side-arrow:disabled{opacity:.3;cursor:default}.side-arrow.prev{left:14px;margin-left:-50px;margin-right:10px}.side-arrow.next{right:14px;margin-right:-50px;margin-left:10px}.navigation{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:69px;padding:13px 25px 19px}.position{display:flex;flex-direction:column;gap:5px;font-size:12px}#pageLabel{font-weight:600;color:var(--blue)}#sectionLabel{font-size:11px;color:#64808d}.nav-actions{display:flex;align-items:center;gap:18px}.nav-actions button{background:white;border:1px solid #d8e4e9;border-radius:5px;color:#416777;padding:7px 13px;font-size:12px}.hint{font-size:11px;color:#78909a}.progress{height:3px;background:#e8f0f3;position:absolute;bottom:0;left:0;right:0}.progress div{height:100%;background:var(--teal);transition:width .3s}aside{width:248px;padding:18px;background:#fff;border-right:1px solid #dce7ec;flex-shrink:0}aside[hidden]{display:none}.index-top{display:flex;align-items:center;justify-content:space-between}.index-top h2{font-size:15px;margin:0 0 15px}.index-top button{background:none;border:0;color:#66818d;font-size:23px}aside nav{display:flex;flex-direction:column;gap:5px}aside nav button{text-align:left;display:flex;align-items:center;gap:13px;background:none;border:0;color:#416777;padding:12px 9px;border-radius:5px;font-size:12px}aside nav button span{color:#7a96a4;font-size:10px}aside nav button.active{background:#e6f5f6;color:var(--blue);font-weight:600}aside p{font-size:11px;color:#79929e;line-height:1.6;margin-top:25px}.closing{display:flex;align-items:center;flex-wrap:wrap;gap:24px;font-size:12px;margin-top:23px;color:#66808c}.closing a{color:var(--blue);text-decoration:none;font-weight:600}.site-footer{max-width:1340px;margin:0 auto;padding:0 38px 22px;display:flex;justify-content:space-between;gap:20px;color:#8ca1aa;font-size:10px}.reader:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;background:#fff}.reader:fullscreen .reader-body{flex:1;min-height:0}.reader:fullscreen .stage{height:100%}.reader:fullscreen .book{width:calc(min(1000px,100%) * var(--zoom))}.reader:fullscreen .book.single{width:calc(min(500px,100%) * var(--zoom))}
@media(max-width:800px){.header-title{display:none}.header{padding:0 22px;height:80px}.brand{width:180px}main{padding:24px 16px}.intro h1{font-size:25px}.intro p{max-width:320px;line-height:1.5}.toolbar{padding:0 10px}.view-tools{gap:2px}.view-tools span{display:none}.stage{padding:16px 39px;min-height:360px}.book,.book.single{width:calc(min(430px,100%) * var(--zoom))}.page{width:100%}.book::after{display:none}.leaf{left:0;width:100%}.side-arrow{width:32px;height:32px;font-size:26px}.side-arrow.prev{margin-left:-32px;margin-right:0;left:5px}.side-arrow.next{margin-right:-32px;margin-left:0;right:5px}.navigation{padding:12px 16px 17px}.hint{display:none}.closing{gap:14px;line-height:1.5}.site-footer{padding:0 16px 25px;line-height:1.6;flex-direction:column;gap:3px}aside{position:absolute;inset:0 auto 0 0;z-index:20;width:min(280px,85%);box-shadow:12px 0 24px #1b3d501c;overflow:auto}.contact{font-size:12px;padding:10px 12px;gap:12px}.reader:fullscreen .book{width:calc(min(430px,100%) * var(--zoom))}}
@media(prefers-reduced-motion:reduce){.leaf{animation-duration:.01s}*{scroll-behavior:auto!important;transition:none!important}}

.stage{overflow-x:hidden}.stage.zoomed{overflow-x:auto}