*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Arial,sans-serif}body{background:#123333;color:#f6f4e9}.document-viewer [hidden]{display:none!important}
.document-viewer{height:100vh;height:100svh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:radial-gradient(ellipse at 75% 20%,#2e4b3e55,transparent 60%),#123333;overflow:hidden}
.document-viewer a{color:inherit;text-decoration:none}.document-viewer button{font:inherit;cursor:pointer}.document-viewer :focus-visible{outline:2px solid #edcc7a;outline-offset:5px}.document-viewer svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.viewer-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:16px 28px;border-bottom:1px solid #ffffff14}
.viewer-back{display:inline-flex;align-items:center;gap:10px;justify-self:start;font-size:13px;color:#e2e9df!important}.viewer-back svg{width:21px;height:21px}.viewer-back:hover{color:#edcc7a!important}
.viewer-brand{display:flex;align-items:center;gap:8px;color:#d7c58e;font:17px Georgia,serif}.viewer-brand svg{width:24px;height:24px}
.viewer-zoom-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:end;border:1px solid #d8c38155;border-radius:30px;padding:10px 16px;background:#ffffff09;color:#f1e2b4;font-size:12px!important;min-height:40px}.viewer-zoom-button svg{width:18px;height:18px}.viewer-zoom-button:hover{background:#ffffff15}.viewer-zoom-button:disabled{opacity:.4;cursor:wait}
.viewer-heading{width:min(100%,1060px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px 14px}.viewer-heading p{font-size:12px;line-height:1.4;color:#b7c9bf;margin:6px 0 0}.viewer-heading h1{font:400 clamp(16px,2vw,23px)/1.25 Georgia,serif;margin:0;color:#f6f4e9}.viewer-counter{flex:none;background:#ffffff0a;border:1px solid #ffffff18;border-radius:24px;min-width:65px;text-align:center;padding:8px 12px;font-size:12px;color:#edd79e;font-variant-numeric:tabular-nums}
.viewer-main{min-width:0;min-height:0;display:flex}.viewer-stage-wrap{position:relative;width:100%;height:100%;min-height:0}.viewer-stage{position:relative;width:100%;height:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.viewer-stage::-webkit-scrollbar{display:none}.viewer-slide{flex:0 0 100%;min-width:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px 80px;scroll-snap-align:start;scroll-snap-stop:always}.viewer-slide img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:#fff;border:5px solid #fff;border-radius:3px;box-shadow:0 8px 35px #0005;user-select:none;-webkit-user-select:none}
.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid #b4c8b838;border-radius:50%;background:#234343e8;color:#e9d49b!important;box-shadow:0 4px 16px #071f1f55}.viewer-arrow:hover{background:#36544d;border-color:#edcc7a99}.viewer-arrow svg{width:23px;height:23px}.viewer-prev{left:28px}.viewer-next{right:28px}
.viewer-zoom-surface{width:100%;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#09272766;cursor:grab;scrollbar-width:thin;scrollbar-color:#829c8e #153535}.viewer-zoom-surface.is-dragging{cursor:grabbing}.viewer-zoom-surface img{display:block;max-width:none;height:auto;margin:20px auto;background:#fff;box-shadow:0 5px 30px #0005;user-select:none;-webkit-user-select:none}
.viewer-footer{padding:15px 24px 13px;min-width:0}.viewer-thumbnails{display:flex;justify-content:safe center;align-items:center;gap:12px;width:max-content;max-width:100%;overflow-x:auto;overflow-y:hidden;margin:0 auto;padding:5px;scrollbar-width:thin;scrollbar-color:#8da795 transparent}.viewer-thumbnails a{position:relative;display:block;flex:none;width:46px;height:60px;border:2px solid transparent;border-radius:4px;opacity:.55;background:#fff;transition:opacity .15s}.viewer-thumbnails a:hover{opacity:.85}.viewer-thumbnails a[aria-current=true]{opacity:1;border-color:#eed08a;outline:1px solid #eed08a;outline-offset:3px}.viewer-thumbnails img{width:100%;height:100%;object-fit:contain;display:block;border-radius:2px}.viewer-thumbnails a>span{position:absolute;bottom:0;left:0;display:grid;place-items:center;min-width:15px;height:15px;padding:1px 3px;border-radius:0 3px 0 1px;background:#123333e6;color:#fff;font-size:9px}.viewer-hint{text-align:center;color:#a5bbb0;font-size:10px;line-height:1.5;margin:9px 0 0}
@media(max-width:680px){.viewer-header{grid-template-columns:1fr auto;padding:12px 16px;gap:12px}.viewer-brand{display:none}.viewer-back{font-size:12px;gap:7px}.viewer-zoom-button{padding:9px 12px;font-size:11px!important}.viewer-heading{padding:15px 18px 12px;gap:12px}.viewer-heading h1{font-size:20px}.viewer-heading p{font-size:11px}.viewer-counter{font-size:11px;min-width:52px;padding:7px 9px}.viewer-slide{padding:8px 23px}.viewer-slide img{border-width:3px}.viewer-arrow{width:36px;height:36px;background:#234343db}.viewer-arrow svg{width:18px;height:18px}.viewer-prev{left:6px}.viewer-next{right:6px}.viewer-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.viewer-thumbnails{gap:12px}.viewer-thumbnails a{width:39px;height:51px}.viewer-hint{font-size:9px;margin-top:8px;max-width:300px;margin-inline:auto}.viewer-zoom-surface img{margin-block:12px}}
@media(max-height:520px){.viewer-header{padding-block:8px}.viewer-heading{padding-block:8px}.viewer-heading p,.viewer-hint{display:none}.viewer-footer{padding-block:7px}.viewer-thumbnails a{width:28px;height:36px}}
@media(prefers-reduced-motion:reduce){.viewer-thumbnails a{transition:none}}