/* Flipbook PDF reader (Sierra Glass Block, Oct 23). Colours come from the site's variables, with fallbacks so the widget
   also works on other sites. The accent (widget setting) is HydroBlok green, Glass Block teal or neutral charcoal; it only
   tints backgrounds and borders, so icons and text stay charcoal for contrast. Tap targets are 44px at 1024px and below. */
.sgb-flipbook{--fb-ink:var(--charcoal,#2d2d2d);--fb-acc:var(--charcoal,#2d2d2d);--fb-acc-bg:var(--surface,#f7f7f7);--fb-line:var(--line-strong,#e3e3e3);--fb-bg:var(--surface,#f7f7f7);position:relative;width:100%;font-family:var(--font-body,inherit);color:var(--fb-ink);}
.sgb-flipbook--hydroblok{--fb-acc:var(--hb-green,#85cd65);--fb-acc-bg:var(--hb-green-tint,#f4f8f1);}
.sgb-flipbook--glass-block{--fb-acc:var(--sgb-teal,#5bcbcc);--fb-acc-bg:var(--sgb-teal-tint,#ebf9f9);}
.sgb-flipbook *,.sgb-flipbook *::before,.sgb-flipbook *::after{box-sizing:border-box;}
.sgb-flipbook svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}
.sgb-fb-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* tabs, when the widget has more than one PDF */
.sgb-fb-docs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.sgb-flipbook .sgb-fb-doc{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:10px 18px;border:1px solid var(--fb-line);border-radius:999px;background:#fff;color:var(--fb-ink);font-family:inherit;font-size:14px;font-weight:800;line-height:1.2;letter-spacing:0;text-transform:none;cursor:pointer;transition:background-color .2s,border-color .2s;}
.sgb-flipbook .sgb-fb-doc:hover{background:var(--fb-acc-bg);border-color:var(--fb-acc);color:var(--fb-ink);}
.sgb-flipbook .sgb-fb-doc[aria-selected="true"]{background:var(--fb-acc-bg);border-color:var(--fb-acc);box-shadow:inset 0 0 0 1px var(--fb-acc);color:var(--fb-ink);}
.sgb-flipbook .sgb-fb-doc:focus-visible{outline:2px solid var(--fb-ink);outline-offset:2px;}
.is-switching .sgb-fb-count{opacity:.5;}

/* before the reader starts, and the standard PDF view */
.sgb-fb-loading{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.55;max-height:70vh;border-radius:16px;background:var(--fb-bg);color:var(--body,#666);font-size:15px;font-weight:700;}
.sgb-fb-fallback iframe{display:block;width:100%;height:min(80vh,900px);border:1px solid var(--fb-line);border-radius:12px;background:#fff;}
.sgb-fb-fallback p{margin:12px 0 0;font-size:15px;}
.sgb-fb-fallback a{color:var(--fb-ink);font-weight:800;}

/* the book */
.sgb-fb-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;padding:28px 16px;overflow:hidden;border-radius:16px;background:var(--fb-bg);}
.sgb-fb-viewport{position:relative;flex:0 0 auto;max-width:100%;overflow:visible;outline:none;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:pointer;}
.sgb-fb-viewport:focus-visible{outline:2px solid var(--fb-ink);outline-offset:6px;border-radius:2px;}
.is-zoomed .sgb-fb-viewport{overflow:auto;touch-action:auto;cursor:grab;overscroll-behavior:contain;}
.sgb-fb-book{position:relative;margin:0 auto;transform:translateX(var(--fb-shift,0px));transition:transform var(--fb-speed,700ms) cubic-bezier(.45,0,.55,1);}
.sgb-flipbook .sgb-fb-page,.sgb-flipbook .sgb-fb-face{position:absolute;top:0;bottom:0;overflow:hidden;background:#fff;}
.sgb-fb-page--l{left:0;width:50%;}
.sgb-fb-page--r{right:0;width:50%;}
.sgb-fb-page:not(.is-empty){box-shadow:0 10px 28px rgba(0,0,0,calc(var(--fb-depth,.6)*.22));}
.sgb-flipbook .sgb-fb-page.is-empty{background:transparent;box-shadow:none;}
.sgb-flipbook .sgb-fb-page img,.sgb-flipbook .sgb-fb-face img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:contain;pointer-events:none;}
.sgb-flipbook .sgb-fb-page img:not([src]),.sgb-flipbook .sgb-fb-face img:not([src]){visibility:hidden;}
/* the fold: shading on each side of the spine */
.sgb-fb-page--l:not(.is-empty)::after,.sgb-fb-page--r:not(.is-empty)::after{content:"";position:absolute;top:0;bottom:0;width:10%;pointer-events:none;}
.sgb-fb-page--l::after{right:0;background:linear-gradient(to left,rgba(0,0,0,calc(var(--fb-depth,.6)*.2)),rgba(0,0,0,0));}
.sgb-fb-page--r::after{left:0;background:linear-gradient(to right,rgba(0,0,0,calc(var(--fb-depth,.6)*.2)),rgba(0,0,0,0));}
.is-single .sgb-fb-page--l{display:none;}
.is-single .sgb-fb-page--r{width:100%;}
.is-single .sgb-fb-page--r::after{display:none;}
/* the page being turned */
.sgb-fb-leaf{position:absolute;top:0;bottom:0;left:50%;width:50%;display:none;z-index:3;transform-style:preserve-3d;will-change:transform;}
.sgb-fb-leaf.is-on{display:block;}
.sgb-fb-leaf.is-r{left:50%;transform-origin:0 50%;}
.sgb-fb-leaf.is-l{left:0;transform-origin:100% 50%;}
.is-single .sgb-fb-leaf{left:0;width:100%;}
.sgb-flipbook .sgb-fb-face{left:0;right:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 calc(var(--fb-lift,0)*36px) rgba(0,0,0,calc(var(--fb-lift,0)*.35));}
.sgb-fb-face--back{transform:rotateY(180deg);}
.sgb-flipbook .sgb-fb-face.is-empty{background:#f3f3f1;}
.sgb-fb-face i{position:absolute;inset:0;opacity:0;pointer-events:none;}
.is-r .sgb-fb-face--front i,.is-l .sgb-fb-face--back i{background:linear-gradient(to right,rgba(0,0,0,.45),rgba(0,0,0,0) 55%);}
.is-l .sgb-fb-face--front i,.is-r .sgb-fb-face--back i{background:linear-gradient(to left,rgba(0,0,0,.45),rgba(0,0,0,0) 55%);}
.sgb-fb-book.is-fading{animation:sgb-fb-fade .25s ease;}
@keyframes sgb-fb-fade{from{opacity:.25;}to{opacity:1;}}

/* arrows: beside the book, or over its edges on narrow screens */
.sgb-flipbook .sgb-fb-nav{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--fb-line);border-radius:50%;background:#fff;color:var(--fb-ink);box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;transition:background-color .2s,border-color .2s;}
.sgb-flipbook .sgb-fb-nav:hover{background:var(--fb-acc-bg);border-color:var(--fb-acc);color:var(--fb-ink);}
.sgb-flipbook .sgb-fb-nav[aria-disabled="true"]{opacity:.35;cursor:default;background:#fff;border-color:var(--fb-line);}
.sgb-fb-stage.is-overlay{padding:16px 12px;}
.sgb-fb-stage.is-overlay .sgb-fb-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);background:rgba(255,255,255,.92);}
.sgb-fb-stage.is-overlay .sgb-fb-nav--left{left:6px;}
.sgb-fb-stage.is-overlay .sgb-fb-nav--right{right:6px;}
.sgb-fb-stage.is-overlay .sgb-fb-nav[aria-disabled="true"]{opacity:0;pointer-events:none;}

/* toolbar */
.sgb-fb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:16px auto 0;padding:4px;border:1px solid var(--fb-line);border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);}
.sgb-fb-count{padding:0 12px;font-size:14px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;}
.sgb-flipbook .sgb-fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;margin:0;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--fb-ink);font-family:inherit;font-size:14px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;transition:background-color .2s;}
.sgb-flipbook .sgb-fb-btn:hover,.sgb-flipbook .sgb-fb-btn[aria-expanded="true"],.sgb-flipbook .sgb-fb-btn[aria-pressed="true"]{background:var(--fb-acc-bg);color:var(--fb-ink);box-shadow:inset 0 0 0 1px var(--fb-acc);}
.sgb-flipbook .sgb-fb-btn[aria-disabled="true"]{opacity:.35;cursor:default;background:transparent;box-shadow:none;}
.sgb-flipbook :is(.sgb-fb-btn,.sgb-fb-nav,.sgb-fb-thumb):focus-visible{outline:2px solid var(--fb-ink);outline-offset:2px;}

/* page thumbnails */
.sgb-fb-thumbs{margin:12px 0 0;padding:10px;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--fb-line);border-radius:12px;background:#fff;scrollbar-width:thin;}
.sgb-fb-thumbs[hidden]{display:none;}
.sgb-fb-thumbs ol{display:flex;gap:8px;margin:0;padding:0;list-style:none;}
.sgb-flipbook .sgb-fb-thumb{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;width:86px;margin:0;padding:5px;border:2px solid transparent;border-radius:8px;background:none;color:var(--fb-ink);font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;text-transform:none;cursor:pointer;}
.sgb-flipbook .sgb-fb-thumb:hover{background:var(--fb-bg);color:var(--fb-ink);}
.sgb-flipbook .sgb-fb-thumb[aria-current="true"]{border-color:var(--fb-acc);background:var(--fb-acc-bg);}
.sgb-flipbook .sgb-fb-thumb img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:var(--fb-aspect,.773);object-fit:contain;background:var(--fb-bg);box-shadow:0 1px 3px rgba(0,0,0,.18);}

/* full screen (the browser's, or filling the window where that isn't available, as on iPhones) */
.sgb-flipbook:fullscreen{display:flex;flex-direction:column;justify-content:center;padding:16px;overflow:auto;background:var(--fb-bg);}
.sgb-flipbook:-webkit-full-screen{display:flex;flex-direction:column;justify-content:center;padding:16px;overflow:auto;background:var(--fb-bg);}
.sgb-flipbook.is-full-fake{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;justify-content:center;padding:16px;overflow:auto;background:var(--fb-bg);}
html.sgb-fb-noscroll{overflow:hidden;}

@media (max-width:1024px){
	.sgb-flipbook .sgb-fb-btn{min-width:44px;height:44px;}
	.sgb-flipbook .sgb-fb-thumb{width:80px;}
}
@media (max-width:767px){
	.sgb-flipbook .sgb-fb-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
	.sgb-fb-count{padding:0 8px;}
}
@media (prefers-reduced-motion:reduce){
	.sgb-fb-book{transition:none;}
	.sgb-fb-book.is-fading{animation:none;}
}
.is-still-always .sgb-fb-book{transition:none;}
.is-still-always .sgb-fb-book.is-fading{animation:none;}