/* Gulf Concepts booklet — styles in their original cascade order. */

.gc-returning #startup{display:none!important}
/* The empty half of a cover turn is space, not white paper. */
#book.cover-transition{background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 3px 5px rgba(17,49,52,.09)) drop-shadow(0 12px 15px rgba(17,49,52,.18))!important}
#book.cover-transition::after{display:none!important}

#jumpDialog{width:min(720px,calc(100vw - 24px));max-height:88dvh;padding:16px;overflow:hidden}
#jumpDialog[open]{display:flex;flex-direction:column;gap:12px}
.pages-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.pages-heading h2{margin:0}
#pageThumbnails{display:grid;grid-auto-rows:max-content;align-content:start;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;padding:4px;touch-action:pan-y}
#pageThumbnails .page-preview{padding:6px;display:flex;flex-direction:column;align-items:stretch;gap:6px;background:#e7f0f0;border:2px solid transparent;min-width:0}
#pageThumbnails .page-preview[aria-current="page"]{border-color:#096c6c;background:#cfe5e4}
.thumb-paper{width:100%;flex:none;display:grid;place-items:center;aspect-ratio:595.276/841.89;background:white;box-shadow:0 2px 5px #173b3e22;overflow:hidden;font-size:11px;color:#678080}
.thumb-paper canvas{display:block;width:100%;height:100%}.thumb-number{font-size:12px;font-weight:700}
#jumpForm{flex:none;border-top:1px solid #d4e2e2;padding-top:10px}#jumpForm label{font-size:12px}.page-jump-row{display:flex;gap:8px;align-items:center}#jumpDialog #pageInput{min-width:0;margin:5px 0;padding:8px;font-size:16px}#jumpDialog #jumpHelp{font-size:11px;margin:4px 0 0}
@media(max-width:620px){#pageThumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#jumpDialog{height:84dvh}}

.page-navigation{display:inline-flex;align-items:center;gap:2px}
#thumbnailsOpen{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;flex:none}
#thumbnailsOpen:hover{background:#dbe9e9}#thumbnailsOpen svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
#pageThumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}
.thumb-spread{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0;align-items:start}
.thumb-spread .thumb-paper{min-width:0;position:relative;box-shadow:0 2px 4px #173b3e22}
.thumb-spread .thumb-paper:first-child::after,.thumb-spread .thumb-paper:last-child::after{content:'';position:absolute;inset:0;pointer-events:none}
.thumb-spread .thumb-paper:first-child::after{background:linear-gradient(to left,#173b3e22,transparent 10%)}
.thumb-spread .thumb-paper:last-child::after{background:linear-gradient(to right,#173b3e22,transparent 10%)}
.thumb-empty{aspect-ratio:595.276/841.89;width:100%}
@media(max-width:620px){#pageThumbnails{grid-template-columns:minmax(0,1fr)}}

/* Quiet thumbnail cards; only the current spread has a raised white surface. */
#pageThumbnails .page-preview{background:transparent;border:0;box-shadow:none;padding:8px;border-radius:10px}
#pageThumbnails .page-preview[aria-current="page"]{background:#fff;border:0;box-shadow:0 2px 8px rgba(23,59,62,.14)}
#jumpDialog #jumpCancel{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;min-height:40px;padding:11px;border:0;border-radius:50%;background:#e2eded;color:#285b5e;box-shadow:none}
#jumpDialog #jumpCancel:hover{background:#d5e5e5}
#jumpCancel svg{width:18px;height:18px;fill:currentColor;stroke:none}

#thumbnailsOpen svg{fill:currentColor;stroke:none}

#pageThumbnails .page-preview[aria-current="page"]{background:#fff;box-shadow:inset 0 0 0 2px #096c6c,0 4px 12px rgba(23,59,62,.22)}
#pageThumbnails .page-preview[aria-current="page"] .thumb-number{color:#096c6c;display:flex;align-items:center;justify-content:center;gap:8px}

:root{--brand:#096c6c;--line:#e8eeee}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;grid-template-rows:70px minmax(0,1fr) 72px;background:#fafcfc;color:#193e3c;font:14px Arial,Helvetica,sans-serif}header{background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(14px,3vw,44px)}.brand{display:flex;align-items:center;gap:17px;color:#358c8b}.brand-name{display:flex;flex-direction:column;font-weight:850;line-height:.94}.brand-name span:first-child{font-size:18px;letter-spacing:.05em}.brand-name span:last-child{font-size:28px}.divider{height:34px;width:1px;background:#d9e4e1}.subtitle{font-size:10px;letter-spacing:.17em;line-height:1.5;font-weight:800;color:#718a87}.actions{display:flex;gap:8px}.action{font:700 12px Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;padding:11px 13px;border-radius:5px;border:1px solid #d9e5e2;background:white;color:var(--brand);white-space:nowrap}.action.primary{background:var(--brand);color:white;border-color:var(--brand)}main{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px 34px 32px;overflow:hidden}#book{position:relative;display:flex;align-items:stretch;justify-content:center;width:max-content;height:var(--pageH,70vh);isolation:isolate;perspective:2200px;perspective-origin:50% 50%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;filter:drop-shadow(0 6px 8px rgba(20,48,46,.075)) drop-shadow(0 15px 18px rgba(20,48,46,.11))}#book.dragging{cursor:grabbing}.page{position:relative;flex:none;width:var(--pageW,450px);height:100%;overflow:hidden;background:#fff}.page canvas{display:block;width:100%;height:100%}.page.left:after,.page.right:after{position:absolute;content:"";top:0;bottom:0;width:11px;pointer-events:none}.page.left:after{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.08))}.page.right:after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.09),transparent)}#book.double:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:rgba(21,50,49,.07);pointer-events:none;z-index:4}.turner{position:absolute;top:0;height:100%;width:var(--pageW);z-index:5;transform-style:preserve-3d;will-change:transform;pointer-events:none}.turner.forward{left:50%;transform-origin:0 50%}.turner.backward{left:0;transform-origin:100% 50%}.face{position:absolute;inset:0;background:white;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.face canvas{width:100%;height:100%;display:block}.face.back{transform:rotateY(180deg)}.face.front:after,.face.back:after{position:absolute;content:"";inset:0;pointer-events:none;opacity:var(--shade,0);background:linear-gradient(90deg,rgba(9,36,34,.23),transparent 22%,transparent 80%,rgba(9,36,34,.16))}.face.back:after{background:linear-gradient(90deg,rgba(9,36,34,.22),transparent 25%,transparent 82%,rgba(9,36,34,.1))}.loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;color:#637d79}footer{display:flex;align-items:center;justify-content:center;gap:20px;background:transparent;border-top:0;position:relative;padding:7px 14px}.nav{width:40px;height:40px;border:1px solid rgba(9,108,108,.16);background:rgba(255,255,255,.5);color:var(--brand);border-radius:50%;font-size:25px;cursor:pointer}.nav:disabled{opacity:.3;cursor:default}.status{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:140px}.status strong{font-size:14px;letter-spacing:.08em;color:var(--brand)}.status small{font-size:9px;letter-spacing:.16em;color:#809793;font-weight:bold}.hint{position:absolute;right:3vw;font-size:10px;color:#879a97;white-space:nowrap}@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){body{grid-template-rows:60px minmax(0,1fr) 66px}header{padding:0 14px}.brand{gap:10px}.brand-name span:first-child{font-size:13px}.brand-name span:last-child{font-size:20px}.divider{height:28px}.subtitle{font-size:8px}.action{padding:9px}.long,.hint{display:none}main{padding:12px 13px 16px}.status{min-width:116px}footer{gap:13px}}@media(max-width:365px){.subtitle,.divider{display:none}}@media(max-height:440px){body{grid-template-rows:49px minmax(0,1fr) 52px}main{padding:4px 12px}.nav{width:32px;height:32px}}

/* Refined floating-book presentation: controls sit behind the PDF, never on it. */
html,body{height:100%;overflow:hidden}
body{display:block;position:relative;background:#edf5f9;color:#096c6c}
header{position:absolute;z-index:1;top:0;left:0;right:0;height:78px;background:transparent;border:0;display:flex;justify-content:flex-end;padding:0 clamp(20px,3vw,48px);pointer-events:none}
header .actions{pointer-events:auto}
.identity{position:absolute;left:clamp(20px,2.7vw,48px);top:clamp(24px,4vh,55px);width:205px;z-index:1;pointer-events:none}
.identity .brand{display:block;color:#096c6c}
.identity .brand-name{display:flex;flex-direction:column;line-height:.96;font-weight:850}
.identity .brand-name span:first-child{font-size:clamp(21px,2.2vw,29px);letter-spacing:0}
.identity .brand-name span:last-child{font-size:clamp(29px,3.2vw,43px);letter-spacing:-.025em}
.identity .subtitle{display:block;margin-top:15px;font-size:12px;letter-spacing:.085em;line-height:1.2;color:#718487;font-weight:800;white-space:nowrap}
.identity .status{display:block;min-width:0;margin-top:13px;text-align:left}
.identity .status strong{font-size:13px;letter-spacing:.065em;color:#708488}
.divider{display:none}
main{position:absolute;inset:0 0 0 225px;z-index:2;display:flex;align-items:center;justify-content:center;padding:90px 85px 85px;overflow:visible;pointer-events:none}
#book{pointer-events:auto;z-index:2;filter:drop-shadow(0 6px 6px rgba(22,55,60,.075)) drop-shadow(0 18px 13px rgba(22,55,60,.13))}
main .nav{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:45px;height:45px;border:0;background:#096c6c;color:#efcd31;font-size:32px;line-height:1;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.06)}
main .nav-left{left:25px}main .nav-right{right:25px}
footer{position:absolute;bottom:14px;right:28px;left:225px;z-index:1;display:flex;justify-content:flex-end;align-items:center;height:28px;padding:0;background:transparent;border:0;pointer-events:none}
footer .hint{position:static;font-size:10px;color:#8b9da0;letter-spacing:.035em}
@media(max-width:900px){.identity{left:17px;top:18px;width:140px}.identity .brand-name span:first-child{font-size:19px}.identity .brand-name span:last-child{font-size:26px}.identity .subtitle{font-size:9px;margin-top:10px}.identity .status strong{font-size:11px}main{left:145px;padding:77px 53px 62px}main .nav{width:35px;height:35px;font-size:26px}main .nav-left{left:7px}main .nav-right{right:7px}footer{left:145px}}
@media(max-width:620px){header{height:54px;padding:0 10px}.action{font-size:10px;padding:8px}.identity{left:13px;top:11px;width:110px}.identity .brand-name span:first-child{font-size:14px}.identity .brand-name span:last-child{font-size:20px}.identity .subtitle{font-size:8px;margin-top:7px}.identity .status{margin-top:6px}.identity .status strong{font-size:10px}main{left:0;padding:88px 18px 61px}main .nav{top:auto;bottom:8px;transform:none;width:33px;height:33px;font-size:24px}main .nav-left{left:calc(50% - 61px)}main .nav-right{right:calc(50% - 61px)}footer{display:none}}
@media(max-height:500px){main{padding-top:55px;padding-bottom:35px}.identity{top:8px}footer{bottom:3px}}

/* Final reference: full-width, maximum-space editorial layout */
:root{--brand:#096c6c}
body{background:#edf5f9}
header{position:absolute;top:0;left:0;right:0;height:108px;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:0 clamp(20px,2vw,38px);background:transparent;border:0;pointer-events:none}
header .actions{pointer-events:auto}
.identity{position:absolute;top:19px;left:clamp(20px,2vw,38px);width:auto;z-index:1;display:flex;align-items:center;gap:27px;pointer-events:none}
.identity .brand{display:flex;align-items:center;gap:27px}
.identity .brand-name{line-height:.95;display:flex;flex-direction:column;color:#096c6c}
.identity .brand-name span:first-child{font-size:clamp(17px,1.55vw,24px)}
.identity .brand-name span:last-child{font-size:clamp(25px,2.3vw,36px);letter-spacing:-.035em}
.identity .subtitle{margin:0;padding-left:27px;border-left:1px solid #91a6a9;display:block;color:#748285;letter-spacing:.015em;font-size:clamp(14px,1.5vw,22px);font-weight:750;line-height:1;white-space:nowrap}
.identity .status{display:none}
main{position:absolute;inset:108px 0 54px;z-index:2;display:flex;align-items:center;justify-content:center;padding:0 clamp(16px,1.85vw,34px);overflow:visible;pointer-events:none}
#book{pointer-events:auto;z-index:2;filter:drop-shadow(0 6px 5px rgba(24,49,50,.09)) drop-shadow(0 15px 12px rgba(24,49,50,.16))}
main .nav{pointer-events:auto;position:absolute;top:auto;bottom:-46px;transform:none;width:43px;height:43px;z-index:3;background:#096c6c;color:#efcd31;border:0;border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.08)}
main .nav-left{left:calc(50% - 172px)}main .nav-right{right:calc(50% - 172px)}
footer{position:absolute;inset:auto 0 0;height:54px;display:flex;align-items:center;justify-content:center;z-index:1;background:transparent;border:0;pointer-events:none}
footer .status{display:flex;align-items:center;justify-content:center;gap:2px;flex-direction:column;min-width:130px}
footer .status small{font-size:10px;letter-spacing:.08em;color:#849496}
footer .status strong{font-size:16px;letter-spacing:.04em;color:#6d7c80}
footer .hint{display:none}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 header{height:78px;padding:0 12px}.identity{top:13px;left:12px;gap:8px}.identity .brand{gap:8px}.identity .brand-name span:first-child{font-size:12px}.identity .brand-name span:last-child{font-size:18px}.identity .subtitle{font-size:10px;padding-left:10px}.action{padding:7px;font-size:10px}
 main{inset:78px 0 56px;padding:0 8px}.nav{font-size:24px}main .nav{bottom:-46px;width:36px;height:36px}main .nav-left{left:calc(50% - 112px)}main .nav-right{right:calc(50% - 112px)}footer{height:56px}footer .status strong{font-size:13px}footer .status small{font-size:8px}
}
@media(max-width:420px){.identity .subtitle{font-size:8px}.action{padding:6px}.identity .brand-name span:last-child{font-size:15px}}
@media(max-height:510px){header{height:55px}.identity{top:8px}main{top:55px;bottom:43px}footer{height:43px}main .nav{bottom:-38px;width:33px;height:33px}}

/* Compact final layout: the PDF gets the largest possible stage. */
html,body{overflow:hidden!important}
body{background:#edf5f9}
header{height:56px!important;padding:0 clamp(12px,1.8vw,28px)!important;z-index:1!important;border:0!important;background:transparent!important}
.identity{top:9px!important;left:clamp(12px,1.8vw,28px)!important;gap:11px!important;z-index:1!important}
.identity .brand{gap:11px!important}
.identity .brand-name span:first-child{font-size:clamp(11px,1.1vw,15px)!important;letter-spacing:.025em!important}
.identity .brand-name span:last-child{font-size:clamp(17px,1.7vw,24px)!important;letter-spacing:-.035em!important}
.identity .subtitle{font-size:clamp(10px,1.08vw,15px)!important;padding-left:12px!important;line-height:1!important;letter-spacing:.02em!important;border-left:1px solid #9caaad!important;white-space:nowrap!important}
header .actions{gap:7px!important;align-items:center}
.action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 10px!important;font-size:10px!important;min-height:33px!important;border-radius:5px!important;line-height:1!important}
.action .action-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.action .action-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.action .long{display:inline!important;font-size:10px!important}
main{inset:56px 0 42px!important;padding:0 clamp(10px,1.3vw,24px)!important;overflow:visible!important;z-index:2!important}
#book{filter:drop-shadow(0 5px 5px rgba(18,49,52,.08)) drop-shadow(0 12px 10px rgba(18,49,52,.17))!important}
main .nav{top:auto!important;bottom:-39px!important;transform:none!important;width:35px!important;height:35px!important;border-radius:50%!important;background:#c5d5db!important;border:1px solid rgba(9,108,108,.06)!important;color:#096c6c!important;box-shadow:0 2px 5px rgba(18,49,52,.06)!important;font-size:0!important;display:grid!important;place-items:center!important}
main .nav::after{content:'';display:block;width:12px;height:12px;border-right:4px solid #096c6c;border-top:4px solid #096c6c;transform:rotate(45deg);margin-left:-4px}
main .nav-left::after{transform:rotate(-135deg);margin-left:4px}
main .nav-left{left:calc(50% - 142px)!important}
main .nav-right{right:calc(50% - 142px)!important}
main .nav:disabled{opacity:.3!important}
footer{height:42px!important;inset:auto 0 0!important;z-index:1!important;background:transparent!important;border:0!important}
footer .status{gap:0!important;min-width:110px!important}
footer .status strong{font-size:13px!important;line-height:1.2!important}
footer .status small{font-size:8px!important;line-height:1.1!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){header{height:51px!important;padding:0 10px!important}.identity{top:10px!important;left:10px!important;gap:6px!important}.identity .brand{gap:6px!important}.identity .brand-name span:first-child{font-size:10px!important}.identity .brand-name span:last-child{font-size:15px!important}.identity .subtitle{font-size:8px!important;padding-left:7px!important}.action{padding:5px 7px!important;min-height:30px!important;gap:3px!important}.action .long{display:none!important}.action .action-icon,.action .action-icon svg{width:19px;height:19px}main{inset:51px 0 39px!important;padding:0 9px!important}footer{height:39px!important}main .nav{width:32px!important;height:32px!important;bottom:-35px!important}main .nav-left{left:calc(50% - 119px)!important}main .nav-right{right:calc(50% - 119px)!important}}
@media(max-height:500px){header{height:42px!important}.identity{top:5px!important}main{top:42px!important;bottom:34px!important}footer{height:34px!important}main .nav{bottom:-32px!important;width:29px!important;height:29px!important}}

/* Full-height brochure: controls outside pages; page number in top centre. */
header{height:48px!important;z-index:6!important;padding:0 16px!important;justify-content:flex-end!important;align-items:center!important}
.identity{top:7px!important;left:17px!important;z-index:6!important;gap:10px!important}
.identity .brand-name span:first-child{font-size:11px!important}
.identity .brand-name span:last-child{font-size:18px!important}
.identity .subtitle{font-size:11px!important;padding-left:10px!important}
#bookNavigation{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;min-width:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;margin:0!important;pointer-events:none!important}
#bookNavigation strong{font-size:13px!important;letter-spacing:.1em!important;color:#096c6c!important;white-space:nowrap!important}
#bookNavigation small{display:none!important}
main{inset:48px 0 5px!important;padding:2px clamp(45px,4.2vw,75px) 9px!important;z-index:2!important;overflow:visible!important}
footer{display:none!important}
main .nav{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:43px!important;height:43px!important;border-radius:50%!important;background:#c5d5db!important;border:0!important;color:#096c6c!important;box-shadow:none!important;display:grid!important;place-items:center!important;line-height:0!important;font-size:0!important;z-index:8!important;transition:background .18s ease,transform .18s ease!important}
main .nav:hover:not(:disabled){background:#b5cbd3!important;transform:translateY(-50%) scale(1.055)!important}
main .nav::after{display:none!important}
main .nav svg{width:25px;height:25px;display:block;stroke:#096c6c;fill:none;stroke-width:4.4;stroke-linecap:square;stroke-linejoin:miter}
main .nav-left{left:clamp(3px,.8vw,17px)!important;right:auto!important}
main .nav-right{right:clamp(3px,.8vw,17px)!important;left:auto!important}
#book{filter:drop-shadow(0 4px 5px rgba(18,49,52,.08)) drop-shadow(0 12px 10px rgba(18,49,52,.16))!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){header{height:45px!important;padding:0 8px!important}.identity{top:7px!important;left:9px!important;gap:4px!important}.identity .brand-name span:first-child{font-size:9px!important}.identity .brand-name span:last-child{font-size:14px!important}.identity .subtitle{font-size:7px!important;padding-left:5px!important}#bookNavigation strong{font-size:10px!important}main{inset:45px 0 4px!important;padding:2px 35px 8px!important}main .nav{width:29px!important;height:29px!important}main .nav svg{width:18px;height:18px;stroke-width:4}main .nav-left{left:2px!important}main .nav-right{right:2px!important}.action{padding:4px 5px!important;min-height:29px!important}.action .action-icon,.action .action-icon svg{width:17px;height:17px}}
@media(max-width:430px){.identity .subtitle{display:none!important}#bookNavigation{left:48%!important}main{padding-left:32px!important;padding-right:32px!important}}
@media(max-height:500px){header{height:38px!important}.identity{top:4px!important}main{inset:38px 0 2px!important;padding-bottom:6px!important}}

/* Final refinements: logo-height separator, restrained book depth. */
.identity .subtitle{position:relative!important;border-left:0!important;padding-left:10px!important}
.identity .subtitle::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:29px;width:1px;background:#91a6a9}
#book{filter:drop-shadow(0 2px 2px rgba(15,49,52,.12)) drop-shadow(0 9px 8px rgba(15,49,52,.18)) drop-shadow(0 19px 15px rgba(15,49,52,.15))!important}
#full .exit-icon{display:none}
:is(:fullscreen,.reader-fullscreen) #full .enter-icon{display:none}
:is(:fullscreen,.reader-fullscreen) #full .exit-icon{display:inline-flex}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){.identity .subtitle::before{height:22px}}
@media(max-width:430px){.identity .subtitle::before{display:none}}

/* Stable shadow on the book's own rectangle: never tied to individual pages or flip layers. */
#book{filter:none!important;background:#fff!important;box-shadow:0 3px 5px rgba(17,49,52,.09),0 12px 15px rgba(17,49,52,.18),0 23px 25px rgba(17,49,52,.12)!important}
/* Home control shares the centered page-number header, without adding height. */
#bookNavigation{gap:9px!important;pointer-events:auto!important}
#home{appearance:none;border:0;background:transparent;color:#096c6c;display:grid;place-items:center;width:24px;height:26px;padding:3px;cursor:pointer;border-radius:5px;transition:background .18s ease}
#home:hover,#home:focus-visible{background:rgba(9,108,108,.09)}
#home svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#home:disabled{opacity:.34;cursor:default}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#bookNavigation{gap:4px!important}#home{width:21px;height:23px}#home svg{width:15px;height:15px}}

/* The paper is always in front of the entire chrome, including the counter while turning. */
header{z-index:1!important}
.identity{z-index:1!important}
main{z-index:5!important}
#book{z-index:6!important;box-shadow:0 3px 5px rgba(17,49,52,.09),0 12px 15px rgba(17,49,52,.18),0 23px 25px rgba(17,49,52,.12)!important}
main .nav{z-index:7!important}
/* The return-to-cover control reads like editorial navigation, not a home-page shortcut. */
#bookNavigation{gap:10px!important}
#home{width:auto!important;min-width:63px;height:27px!important;padding:3px 6px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:4px;border-radius:4px!important;font:700 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;color:#096c6c;white-space:nowrap}
#home svg{width:13px!important;height:13px!important;flex:none;stroke-width:2}
#home:hover:not(:disabled),#home:focus-visible{background:rgba(9,108,108,.11)!important}
#home:disabled{opacity:.38!important}
/* Tactile hover for both header actions without changing their layout or sizing. */
header .action{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease!important;will-change:transform}
header .action:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(9,65,65,.17)!important}
header .action.primary:hover{background:#075858!important;border-color:#075858!important}
header .action:not(.primary):hover{background:#e0eff0!important;border-color:#90bbba!important}
header .action:active{transform:translateY(0);box-shadow:0 2px 6px rgba(9,65,65,.12)!important}
header .action:focus-visible,#home:focus-visible{outline:2px solid #096c6c;outline-offset:3px}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#bookNavigation{gap:3px!important}#home{min-width:0!important;gap:0!important;padding:3px!important}#home span{display:none}#home svg{width:15px!important;height:15px!important}}

/* Final adjustments: precise counter alignment and a brand-specific loading screen. */
#bookNavigation{display:flex!important;align-items:center!important;gap:9px!important;white-space:nowrap}
#home{min-width:0!important;height:26px!important;padding:0 5px!important;display:inline-flex!important;align-items:center!important;line-height:1!important;vertical-align:middle!important}
#home span{display:inline-block;font-size:10px!important;line-height:1!important;letter-spacing:.055em!important}
#home svg{width:13px!important;height:13px!important}
#bookNavigation strong{display:inline-block;line-height:26px!important;vertical-align:middle!important}
#startup{position:fixed;inset:0;z-index:40;background:#096c6c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity .55s ease,visibility .55s ease;pointer-events:auto}
#startup.loaded{opacity:0;visibility:hidden;pointer-events:none}
#startup .loader-mark{width:clamp(70px,9vw,118px);height:clamp(70px,9vw,118px);filter:drop-shadow(0 6px 12px rgba(0,0,0,.1));animation:gc-spin 2.8s cubic-bezier(.45,.08,.55,.92) infinite}
#startup .loader-title{font-size:12px;font-weight:800;letter-spacing:.24em;color:#fff}
#startup .loader-sub{font-size:10px;letter-spacing:.17em;color:#c5d5db;min-height:14px}
#startup .loader-track{height:2px;width:150px;background:rgba(255,255,255,.24);overflow:hidden;border-radius:2px}
#startup .loader-bar{height:100%;width:0%;background:#efcd31;transition:width .24s ease}
@keyframes gc-spin{0%{transform:rotate(0deg) scale(.92)}50%{transform:rotate(180deg) scale(1.04)}100%{transform:rotate(360deg) scale(.92)}}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#bookNavigation{gap:3px!important}#home span{font-size:8px!important}#home{padding:0 2px!important}#home svg{width:11px!important;height:11px!important}}
@media(max-width:430px){#home span{display:inline-block!important;font-size:7px!important}#bookNavigation strong{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){#startup .loader-mark{animation:none}}

/* Refined reference-inspired loading composition. Overrides earlier loader styles. */
#startup{background:#096c6c!important;gap:0!important;padding:clamp(22px,5vw,80px)!important;text-align:left!important}
#startup .loading-composition{width:min(100%,1050px);display:flex;flex-direction:column;align-items:flex-start;gap:0}
#startup .loading-word{display:flex;align-items:center;justify-content:flex-start;gap:0;white-space:nowrap;color:#f1f8fa;font-family:Impact,"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(46px,10vw,135px);letter-spacing:-.045em;line-height:1}
#startup .loader-mark{width:.70em!important;height:.70em!important;flex:0 0 .70em;margin:0 .005em 0 .015em;filter:none!important;animation:gc-loader-rotate 3.6s linear infinite!important;transform-origin:center center;will-change:transform}
#startup .loading-stars{color:#efcd31;font-family:Arial,sans-serif;font-size:.29em;letter-spacing:.07em;align-self:flex-end;margin:0 0 .12em .24em;font-weight:800}
#startup .loading-message{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,2.4vw,29px);font-weight:650;line-height:1.43;letter-spacing:-.02em;margin:clamp(22px,3.5vw,43px) 0 0;max-width:900px}
#startup .loading-progress{margin-top:clamp(26px,4vw,45px);width:min(300px,65vw);height:2px;background:rgba(255,255,255,.19);overflow:hidden;border-radius:2px}
#startup #loaderBar{height:100%;width:0%;background:#efcd31;transition:width .28s ease}
#startup .loading-progress-label{font-size:10px;color:#c5d5db;letter-spacing:.16em;font-weight:700;margin-top:12px;min-height:13px}
@keyframes gc-loader-rotate{to{transform:rotate(360deg)}}
@media(max-width:600px){#startup .loading-word{font-size:clamp(43px,11vw,76px)}#startup .loading-stars{font-size:.23em;margin-left:.13em}#startup .loading-message{font-size:clamp(15px,3.8vw,21px)}}
@media(prefers-reduced-motion:reduce){#startup .loader-mark{animation:none!important}}

/* Exact artwork extracted from the user-supplied PDF: no substitute glyphs or fonts. */
#startup{background:#0b6f72!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(20px,5vw,70px)!important;text-align:left!important}
#startup .exact-loader{width:min(100%,680px);display:flex;flex-direction:column;align-items:flex-start}
#startup .exact-word{display:flex;align-items:center;justify-content:flex-start;width:min(100%,430px);height:auto;gap:0;white-space:nowrap}
#startup .exact-word img{display:block;object-fit:contain;height:auto;flex-shrink:0}
#startup .exact-l{width:9.74%}#startup .exact-symbol{width:11.78%;animation:gc-exact-spin 5s linear infinite;transform-origin:50% 50%;will-change:transform}
#startup .exact-ading{width:58.72%}#startup .exact-small{display:none}
#startup .exact-message{font-family:Arial,Helvetica,sans-serif;color:#f3f8fa;font-size:clamp(17px,2.1vw,24px);font-weight:500;letter-spacing:-.025em;line-height:1.4;margin:clamp(20px,3vw,34px) 0 0}
#startup .exact-progress{height:2px;width:min(240px,65vw);margin-top:30px;background:rgba(255,255,255,.22);overflow:hidden;border-radius:4px}
#startup .exact-progress #loaderBar{height:100%;width:0;background:#efcd31;transition:width .25s ease}
#startup .exact-status{color:#c5d5db;letter-spacing:.15em;font-size:10px;font-weight:700;margin-top:12px}
@keyframes gc-exact-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){#startup .exact-message{font-size:clamp(16px,4vw,20px)}}
@media(prefers-reduced-motion:reduce){#startup .exact-symbol{animation:none}}

#pageBusy{position:fixed;z-index:100;bottom:clamp(18px,3vh,35px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:9px 15px;border-radius:24px;background:rgba(9,108,108,.94);color:white;font:700 11px Arial,sans-serif;letter-spacing:.06em;box-shadow:0 6px 18px rgba(5,54,54,.14);pointer-events:none;opacity:0;transition:opacity .18s ease}#pageBusy.active{opacity:1}#pageBusy .busyMark{width:15px;height:15px;background:#efcd31;clip-path:polygon(40% 0,60% 0,55% 35%,83% 12%,95% 27%,65% 45%,100% 45%,100% 60%,65% 55%,95% 80%,83% 94%,55% 65%,60% 100%,40% 100%,45% 65%,17% 94%,5% 80%,35% 55%,0 60%,0 45%,35% 45%,5% 27%,17% 12%,45% 35%);animation:gc-exact-spin 2s linear infinite}

/* September 25 refinements: precise header centerlines and exact brand symbol. */
header{display:flex!important;align-items:center!important}
#bookNavigation{position:absolute!important;top:0!important;bottom:auto!important;left:50%!important;transform:translateX(-50%)!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:0!important;padding:0!important;line-height:1!important;white-space:nowrap!important}
#bookNavigation #home{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:100%!important;line-height:1!important;margin:0!important;padding:0 3px!important}
#bookNavigation #home span{display:inline-block!important;line-height:1!important;margin:0!important;padding:0!important;vertical-align:middle!important}
#bookNavigation #home svg{display:block!important;flex:none!important;margin:0!important}
#bookNavigation strong{display:inline-flex!important;align-items:center!important;height:100%!important;line-height:1!important;margin:0!important;padding:0!important;vertical-align:middle!important}
header .actions{display:flex!important;align-items:center!important;align-self:center!important}
.identity{display:flex!important;align-items:center!important;height:48px!important;top:0!important;margin:0!important}
.identity .brand{display:flex!important;align-items:center!important}
#pageBusy .busyMark{width:17px!important;height:17px!important;flex:0 0 17px!important;clip-path:none!important;background:transparent url("data:image/png;base64,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") center/contain no-repeat!important;animation:gc-exact-spin 3.6s linear infinite!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#bookNavigation{gap:6px!important}#bookNavigation strong{font-size:10.5px!important}#bookNavigation #home span{font-size:8.4px!important}.identity{height:45px!important}}
@media(max-width:430px){#bookNavigation{gap:4px!important}#bookNavigation strong{font-size:9.45px!important}#bookNavigation #home span{font-size:7.35px!important}.identity{height:45px!important}}
@media(max-height:500px){.identity{height:38px!important}}
@media(prefers-reduced-motion:reduce){#pageBusy .busyMark{animation:none!important}}

/* Cover-page editorial navigation: same scale as BUSINESS PROFILE. */
#bookNavigation #home{
  height:26px!important;min-height:26px!important;
  padding:0 5px!important;gap:5px!important;
  border-radius:4px!important;background:transparent!important;
  transition:color .18s ease,background-color .18s ease!important;
}
#bookNavigation #home span{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;font-weight:750!important;
  letter-spacing:.015em!important;line-height:1!important;
}
#bookNavigation #home svg{
  width:13px!important;height:13px!important;
  stroke-width:2.4!important;stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#bookNavigation #home:hover:not(:disabled),
#bookNavigation #home:focus-visible{
  background:rgba(9,108,108,.075)!important;color:#096c6c!important;
}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 #bookNavigation #home{height:24px!important;min-height:24px!important;padding:0 3px!important;gap:3px!important}
 #bookNavigation #home span{font-size:7px!important}
 #bookNavigation #home svg{width:10px!important;height:10px!important;stroke-width:2.5!important}
}
@media(max-width:430px){
 #bookNavigation #home span{font-size:7px!important}
 #bookNavigation #home{gap:2px!important;padding:0 2px!important}
}

/* Final micro-adjustment: one type step up, matched weight and optical centering. */
.identity .subtitle{font-size:clamp(11px,1.15vw,16px)!important}
#bookNavigation #home{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
#bookNavigation #home span{font-size:12px!important;line-height:1!important}
#bookNavigation #home svg{display:block!important;flex:none!important;width:15px!important;height:15px!important;stroke-width:2.9!important;transform:translateY(-.5px)!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 .identity .subtitle{font-size:11px!important}
 #bookNavigation #home span{font-size:8px!important}
 #bookNavigation #home svg{width:11px!important;height:11px!important;stroke-width:2.9!important}
}
@media(max-width:430px){
 .identity .subtitle{font-size:9px!important}
 #bookNavigation #home span{font-size:8px!important}
 #bookNavigation #home svg{width:11px!important;height:11px!important}
 #bookNavigation #home{gap:3px!important}
}

/* Header readability refinement: equal editorial labels and clear single-page controls. */
.identity .subtitle,
#bookNavigation #home span{
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.018em!important;
  color:#526d70!important;
}
#bookNavigation #home{color:#096c6c!important}
#bookNavigation #home svg{width:16px!important;height:16px!important;stroke-width:2.9!important}
#bookNavigation strong{font-size:15px!important;font-weight:850!important;color:#075e61!important;letter-spacing:.095em!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 .identity .subtitle,#bookNavigation #home span{font-size:11px!important;font-weight:850!important;color:#365f62!important}
 #bookNavigation strong{font-size:13px!important;font-weight:850!important;color:#075e61!important}
 #bookNavigation #home svg{width:13px!important;height:13px!important;stroke-width:3!important}
 #bookNavigation{gap:7px!important}
}
/* Narrow phones: retain both labels without crowding the center page number. */
@media(max-width:620px){
 header{height:54px!important}
 .identity{height:54px!important;align-items:flex-start!important;justify-content:center!important;flex-direction:column!important;gap:2px!important;left:9px!important}
 .identity .subtitle{display:block!important;font-size:10px!important;padding:0!important;margin:0!important;line-height:1.1!important}
 .identity .subtitle::before{display:none!important}
 #bookNavigation{left:52%!important;gap:5px!important}
 #bookNavigation #home span{font-size:10px!important}
 #bookNavigation strong{font-size:12.5px!important}
 #bookNavigation #home svg{width:12px!important;height:12px!important}
 main{top:54px!important}
}
@media(max-width:390px){
 .identity .subtitle{font-size:9px!important}
 #bookNavigation{left:52%!important;gap:3px!important}
 #bookNavigation #home{gap:2px!important;padding:0 1px!important}
 #bookNavigation #home span{font-size:9px!important}
 #bookNavigation strong{font-size:11.5px!important}
 #bookNavigation #home svg{width:11px!important;height:11px!important}
}


/* Restore the brand separator in single-page / compact layouts.
   The narrow stacked header uses a short horizontal rule; wider layouts
   retain the original logo-height vertical rule. */
.identity .subtitle::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  background:#91a6a9!important;
}
@media (min-width:621px){
  .identity .subtitle{padding-left:10px!important}
  .identity .subtitle::before{
    width:1px!important;height:29px!important;
    left:0!important;top:50%!important;
    transform:translateY(-50%)!important;
  }
}
@media (max-width:620px){
  .identity .subtitle{position:relative!important;padding-top:4px!important}
  .identity .subtitle::before{
    width:30px!important;height:1px!important;
    left:0!important;top:0!important;transform:none!important;
  }
}

/* Matching two-line brand and profile lockup, separator at full logo height. */
.identity .brand{display:flex!important;align-items:center!important;gap:12px!important}
.identity .subtitle{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;position:relative!important;white-space:nowrap!important;margin:0!important;padding:0 0 0 12px!important;line-height:1!important;letter-spacing:0!important}
.identity .subtitle::before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:1px!important;height:100%!important;max-height:32px!important;background:#91a6a9!important}
.identity .subtitle-top{display:block!important;font-size:10px!important;font-weight:800!important;letter-spacing:.045em!important;line-height:1.1!important}
.identity .subtitle-bottom{display:block!important;font-size:18px!important;font-weight:850!important;letter-spacing:-.025em!important;line-height:1!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 .identity .brand{gap:7px!important}
 .identity .subtitle{padding:0 0 0 8px!important;margin:0!important}
 .identity .subtitle::before{width:1px!important;height:25px!important;max-height:none!important;left:0!important;top:50%!important;transform:translateY(-50%)!important}
 .identity .subtitle-top{font-size:7px!important;line-height:1.15!important}
 .identity .subtitle-bottom{font-size:12px!important;line-height:1!important}
}
@media(max-width:620px){
 .identity{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}
 .identity .brand{display:flex!important;align-items:center!important;gap:7px!important}
 .identity .subtitle{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:0 0 0 8px!important;margin:0!important}
 .identity .subtitle::before{width:1px!important;height:25px!important;top:50%!important;left:0!important;transform:translateY(-50%)!important}
}
@media(max-width:390px){.identity .subtitle-top{font-size:6.5px!important}.identity .subtitle-bottom{font-size:11px!important}}

/* Saddle-stitch finish: only the approved metal hardware is adjusted. */
#book{overflow:visible!important}
#book .page{overflow:hidden}
#book .stitch-cover{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:visible}
#book .stitch-cover .wire{
 position:absolute;left:-3px;width:3px;height:61.2px;border-radius:999px;
 background:linear-gradient(90deg,#252a2c 0%,#51595b 17%,#c2c9c9 36%,#f8faf9 48%,#adb6b7 61%,#424b4e 84%,#23292b 100%);
 box-shadow:-1px 0 1.4px rgba(0,0,0,.45),1px 0 .8px rgba(255,255,255,.72),0 1px 1px rgba(0,0,0,.27);
 opacity:1}
#book .stitch-cover .wire:first-child{top:calc(23% - 30.6px)}
#book .stitch-cover .wire:last-child{top:calc(76% - 30.6px)}
/* Back-cover hardware protrudes very slightly to the right of its spine. */
#book.saddle-back .stitch-cover .wire{left:auto;right:-3px}
/* Center: four separate dark-steel prongs, flush in the paper fold. */
#book .saddle-inner{position:absolute;left:50%;top:0;height:100%;width:0;pointer-events:none;z-index:20;overflow:visible}
#book .saddle-inner .stitch{position:absolute;left:0;width:0;height:0}
#book .saddle-inner .stitch:first-child{top:23%}
#book .saddle-inner .stitch:last-child{top:76%}
#book .saddle-inner .stitch::before,#book .saddle-inner .stitch::after{
 content:"";position:absolute;left:-1.25px;width:2.5px;height:28.8px;border-radius:999px;
 background:linear-gradient(90deg,#22292b 0%,#50595b 20%,#c7cece 43%,#f7f9f8 51%,#929c9e 69%,#283033 100%);
 box-shadow:-1px 0 1px rgba(0,0,0,.48),.7px 0 .7px rgba(255,255,255,.75),0 1px .7px rgba(0,0,0,.3);opacity:1}
#book .saddle-inner .stitch::before{top:-32.8px;transform:rotate(-2deg)}
#book .saddle-inner .stitch::after{top:4px;transform:rotate(2deg)}
#book.saddle-inner-mobile .saddle-inner{left:auto;right:0}
#book.saddle-inner-mobile.right-half .saddle-inner{left:0;right:auto}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#book .stitch-cover .wire{height:61.2px;width:3px}}

/* Final approved micro-adjustments: keep every other viewer feature unchanged. */
/* 10% slimmer wire, same height and position, nuanced stainless-steel highlights. */
#book .stitch-cover .wire{
 width:2.7px!important;
 background:linear-gradient(90deg,#303639 0%,#677073 17%,#e4e8e7 42%,#fff 49%,#9ca6a9 65%,#363d40 100%)!important;
 box-shadow:-.65px 0 .9px rgba(0,0,0,.33),.65px 0 .7px rgba(255,255,255,.63),0 1px .7px rgba(0,0,0,.2)!important;
}
#book .saddle-inner .stitch::before,#book .saddle-inner .stitch::after{
 width:2.25px!important;left:-1.125px!important;
 background:linear-gradient(90deg,#262c2f 0%,#50595d 18%,#d6dddd 43%,#f9fbfa 50%,#859093 68%,#252c2f 100%)!important;
 box-shadow:-.65px 0 .85px rgba(0,0,0,.43),.55px 0 .55px rgba(255,255,255,.58),0 .7px .65px rgba(0,0,0,.24)!important;
}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#book .stitch-cover .wire{width:2.7px!important}}
/* First-cover edge is handled in its rendered canvas; no artificial edge overlay. */
#book.saddle-outside:not(.saddle-back) .page::before{content:none!important}
/* Another 10% slimmer than the previous approved wire; height and placement locked. */
#book .stitch-cover .wire{width:2.43px!important}
#book .saddle-inner .stitch::before,#book .saddle-inner .stitch::after{width:2.025px!important;left:-1.0125px!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#book .stitch-cover .wire{width:2.43px!important}}

/* User-requested final staple thickness adjustment: 1px thinner only; all positions/heights locked. */
#book .stitch-cover .wire{width:1.43px!important}
#book .saddle-inner .stitch::before,#book .saddle-inner .stitch::after{width:1.025px!important;left:-.5125px!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#book .stitch-cover .wire{width:1.43px!important}}

/* Approved final micro-adjustment: front 2px right; back 2px left; everything else locked. */
#book.saddle-outside:not(.saddle-back) .stitch-cover .wire{left:-1px!important}
#book.saddle-back .stitch-cover .wire{left:auto!important;right:-1px!important}

/* Final 1px correction only: front left, back right, center fold grey. */
#book.saddle-outside:not(.saddle-back) .stitch-cover .wire{left:-2px!important}
#book.saddle-back .stitch-cover .wire{left:auto!important;right:-2px!important}
#book.double.saddle-center .saddle-inner::before{
 content:"";position:absolute;top:0;left:0;width:1px;height:100%;
 background:#686e72;pointer-events:none;
}

/* Visibility refinement ONLY for the inside saddle-stitch staples (center spread).
   Front/back hardware, 1px center seam, page rendering and navigation are untouched. */
#book.saddle-center .saddle-inner{z-index:35}
#book.saddle-center .saddle-inner .stitch::before,
#book.saddle-center .saddle-inner .stitch::after{
  background:linear-gradient(90deg,#111719 0%,#30393c 22%,#9ba6aa 42%,#eef2f1 49%,#657276 60%,#182124 78%,#0d1214 100%)!important;
  box-shadow:-.35px 0 .4px rgba(0,0,0,.38),.4px 0 .35px rgba(255,255,255,.65),0 .45px .4px rgba(0,0,0,.24)!important;
  opacity:1!important;
}


/* Clinched metal ends: separate entry points and inward-bent legs. */
#book .saddle-inner .stitch::before,#book .saddle-inner .stitch::after{content:none!important}
#book .saddle-inner .staple-metal{position:absolute;display:block;width:calc(var(--pageH) * 0.0114285714);height:calc(var(--pageH) * 0.0914285714);left:0;top:0;transform:translate(-50%,-50%);overflow:visible;filter:drop-shadow(.35px .45px .3px rgba(0,0,0,.25))}

/* Sound toggle: same header button system, immediately beside Download PDF. */
#soundToggle{min-width:33px!important;padding:6px 7px!important}
#soundToggle .action-icon{width:18px;height:18px}
#soundToggle .sound-slash{display:none}
#soundToggle[aria-pressed="false"] .sound-slash{display:block}
#soundToggle[aria-pressed="false"]{opacity:.7}

/* Staple dimensions are proportional to one PDF page (700px reference height).
   Page variables keep the same proportions in single and double-page views. */
#book .stitch-cover .wire{
 height:calc(var(--pageH) * 0.0874285714)!important;
 width:calc(var(--pageW) * 0.002889191)!important;
 transform:translateY(-50%);
}
#book .stitch-cover .wire:first-child{top:23%!important}
#book .stitch-cover .wire:last-child{top:76%!important}
#book.saddle-outside:not(.saddle-back) .stitch-cover .wire{left:calc(var(--pageW) * -0.004040827)!important}
#book.saddle-back .stitch-cover .wire{right:calc(var(--pageW) * -0.004040827)!important}
#book .saddle-inner .stitch::before,
#book .saddle-inner .stitch::after{
 height:calc(var(--pageH) * 0.0342857143)!important;
 width:calc(var(--pageW) * 0.002485109)!important;
 left:calc(var(--pageW) * -0.0012425545)!important;
}
#book .saddle-inner .stitch::before{top:calc(var(--pageH) * -0.0437142857)!important;transform:rotate(-.6deg);transform-origin:50% 0}
#book .saddle-inner .stitch::after{top:calc(var(--pageH) * 0.0094285714)!important;transform:rotate(.6deg);transform-origin:50% 100%}

#count{border:0;background:transparent;color:inherit;font:inherit;font-weight:750;cursor:pointer;padding:8px;border-radius:8px;white-space:nowrap}
#count:hover{background:transparent;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}button:focus-visible,input:focus-visible{outline:3px solid #387d80;outline-offset:3px}
.reader-dialog{border:1px solid #b8cecf;border-radius:16px;background:#f4f9f9;color:#285b5e;padding:24px;max-width:calc(100vw - 32px);box-sizing:border-box;font-family:inherit;box-shadow:0 20px 80px #173b3e44}
.reader-dialog::backdrop{background:#142b32a6}.reader-dialog h2{margin:0 0 16px;font-size:21px}.reader-dialog button{cursor:pointer;min-height:42px;border:1px solid #c4d9d9;border-radius:8px;background:white;color:#285b5e;padding:8px 14px;font:inherit}.reader-dialog button:disabled{opacity:.45;cursor:default}
#pageInput{width:100%;box-sizing:border-box;padding:12px;border:1px solid #aac4c5;border-radius:8px;margin:8px 0;font:inherit;font-size:18px}#jumpHelp{margin:4px 0 18px;font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}#jumpGo{background:#30696d;color:white}
#zoomDialog{width:min(1100px,96vw);height:92dvh;padding:14px;overflow:hidden}#zoomDialog[open]{display:flex;flex-direction:column;gap:10px}.zoom-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zoom-tools h2{margin:0 auto 0 0;font-size:17px}.zoom-tools button{padding:6px 12px}#zoomArea{flex:1;min-height:0;overflow:auto;background:#dae6e7;border-radius:8px;touch-action:none;cursor:grab}#zoomArea.panning{cursor:grabbing}#zoomPages{display:flex;width:max-content;gap:2px;margin:auto;padding:16px}#zoomPages canvas{display:block;background:white;flex:none;box-shadow:0 2px 8px #173b3e33}#zoomStatus{font-size:12px;min-height:16px;margin:0}
@media(max-width:620px){#zoomDialog{padding:10px}.zoom-tools{gap:5px}.zoom-tools button{padding:6px 9px}.zoom-tools h2{font-size:14px}.reader-dialog{padding:18px}#count{padding:6px}}

#bookNavigation #count{pointer-events:auto!important;width:auto!important;max-width:none!important;overflow:visible!important;font-size:13px!important;letter-spacing:.03em!important;flex:none!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 #bookNavigation{top:72px!important;left:50%!important;transform:translate(-50%,-50%)!important;gap:10px!important}
 #bookNavigation #home{min-height:36px!important}
 #stage{padding-top:100px!important}
}
@media(max-width:390px){header .actions{gap:4px!important}}

#zoomOpen[aria-pressed="true"]{background:#30696d!important;color:white!important;border-color:#30696d!important;box-shadow:0 0 0 2px #30696d33}
#stage.inline-zoom{overflow:hidden!important}
#book.zoom-armed,#book.zoom-armed *{cursor:zoom-in!important;touch-action:none!important}
#book.zoomed,#book.zoomed *{cursor:grab!important;touch-action:none!important}
#book.zoom-panning,#book.zoom-panning *{cursor:grabbing!important}
#book.zoom-armed,#book.zoomed{will-change:transform}
#stage.inline-zoom>.nav{visibility:hidden;pointer-events:none}
#zoomHint{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:8;margin:0;padding:8px 14px;background:#285b5e;color:white;border-radius:24px;font:12px/1.4 system-ui,sans-serif;text-align:center;pointer-events:none;max-width:90vw;width:max-content}
#zoomHint[hidden]{display:none}

.turner.curl{transform:none!important;overflow:visible;filter:none;transform-style:preserve-3d}
.curl-strip{position:absolute;top:0;left:0;height:100%;transform-style:preserve-3d;will-change:transform}
.curl-strip .face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.curl-strip .face::after{background:rgba(10,31,30,.45)}
@media(prefers-reduced-motion:reduce){.turner.curl{filter:none!important}}

/* Leave room below the book for the turning sheet to extend outward. */
#stage{padding-bottom:calc(9px + 8vh)!important}

/* Contact shadow on the receiving pages, beneath the turning sheet. */
#book .turn-fold-shadow{position:absolute;top:0;height:100%;transform:translateX(-50%);z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(17,29,30,.025) 16%,rgba(17,29,30,.11) 38%,rgba(17,29,30,.29) 49%,rgba(17,29,30,.29) 51%,rgba(17,29,30,.11) 62%,rgba(17,29,30,.025) 84%,transparent 100%);will-change:opacity,width}

#mobileReadHint{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:90%;margin:0;text-align:center;color:#496e72;font:11px/1.4 system-ui;pointer-events:none;z-index:3}
#mobileReadHint[hidden]{display:none}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#stage.inline-zoom>.nav{visibility:visible;pointer-events:auto;z-index:30}#book.double:not(.zoomed):not(.zoom-armed){cursor:grab}}

/* Circular toolbar controls and the reference's filled selected spread. */
header .actions .action{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:10px!important;gap:0!important;flex:none!important;border:0!important;border-radius:50%!important;box-shadow:none!important}
header .actions .action .long{display:none!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){header .actions .action{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;padding:6px!important}}
#pageThumbnails .page-preview[aria-current="page"]{background:#7c9498;border:0;box-shadow:none;border-radius:6px}
#pageThumbnails .page-preview[aria-current="page"] .thumb-number{color:#fff}

header .actions .action svg,header .actions .action svg path{fill:currentColor;stroke:none!important}
#soundToggle[aria-pressed="false"] .sound-waves{display:none}

@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){header .actions #soundToggle{width:32px!important;min-width:32px!important;max-width:32px!important;padding:6px!important}}

/* Keep reading navigation immediately below the unzoomed book. */
#bookNavigation{position:fixed!important;top:var(--navigation-top,90%)!important;bottom:auto!important;left:50%!important;transform:translateX(-50%)!important;height:40px!important;gap:12px!important;z-index:35;max-width:calc(100vw - 12px)}
#bookNavigation #home{height:40px!important}
#bookNavigation small{display:none!important}
#stage{padding-bottom:max(76px,calc(9px + 8vh))!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){#stage{padding-top:16px!important}#bookNavigation{gap:8px!important}#bookNavigation #home span{font-size:10px!important}}

/* Suppress browser double-tap magnification while retaining native pinch outside the book. */
html,body{touch-action:manipulation}
/* The booklet handles two-finger pinch itself using pointer events. */
#book,#book *{touch-action:none!important}

/* Detail must paint above the book (6), with navigation above both. */
#stage>canvas[data-zoom-detail]{z-index:7!important}
#stage>.nav{z-index:8!important}

#bookNavigation[hidden]{display:none!important}
#zoomHint{font-size:11px;padding:6px 12px;max-width:calc(100vw - 24px)}
/* Mobile-only label enlargement. Desktop keeps its original sizes. */
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 .identity .brand-name span:first-child{font-size:11.979px!important}
 .identity .brand-name span:last-child{font-size:18.634px!important}
 .identity .subtitle-top{font-size:9.317px!important}
 .identity .subtitle-bottom{font-size:15.972px!important}
 .identity .subtitle::before{height:33.275px!important}
 #bookNavigation #home span{font-size:13.31px!important}
 #bookNavigation #count{font-size:17.303px!important}
}
@media(max-width:390px){
 .identity .subtitle-top{font-size:8.6515px!important}
 .identity .subtitle-bottom{font-size:14.641px!important}
}
/* Refine the symbols without changing their circular button targets. */
header .actions #full .action-icon,header .actions #full svg,
header .actions #directDownload .action-icon,header .actions #directDownload svg{width:17px;height:17px}
header .actions #directDownload svg path{stroke:none!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 header .actions #full .action-icon,header .actions #full svg,
 header .actions #directDownload .action-icon,header .actions #directDownload svg{width:16px;height:16px}
}

/* Sound symbol: one pixel larger; button size stays the same. */
header .actions #soundToggle .action-icon,header .actions #soundToggle svg{width:19px;height:19px}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){header .actions #soundToggle svg{width:18px;height:18px}}

header .actions #soundToggle svg .sound-wave-outer{stroke:currentColor!important;stroke-width:.55;stroke-linejoin:round}

/* Use fullscreen height for reading; reserve a compact navigation strip. */
@media(min-width:761px){
 :root:is(:fullscreen,.reader-fullscreen) header,:root:is(:fullscreen,.reader-fullscreen) .identity{top:0!important;height:42px!important}
 :root:is(:fullscreen,.reader-fullscreen) #stage{inset:42px 0 0!important;padding:0 48px 44px!important}
 :root:is(:fullscreen,.reader-fullscreen) #bookNavigation,:root:is(:fullscreen,.reader-fullscreen) #bookNavigation #home{height:32px!important;min-height:32px!important}
}

/* A moving cover has no static open-spread gutter. */
#book.cover-transition::after{display:none!important}
#book.cover-transition .page::after{opacity:0!important}


/* Keep the same contour shadow before, during and after a cover turn. */
#book,#book.cover-transition{
 background:transparent!important;
 box-shadow:none!important;
 filter:drop-shadow(0 3px 5px rgba(17,49,52,.09)) drop-shadow(0 12px 15px rgba(17,49,52,.18)) drop-shadow(0 23px 25px rgba(17,49,52,.12))!important;
}

/* Use a static shadow after mobile turns; avoid retaining a filtered canvas layer. */
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 #book:not(.cover-transition){
  filter:none!important;
  box-shadow:0 3px 5px rgba(17,49,52,.09),0 12px 15px rgba(17,49,52,.18),0 23px 25px rgba(17,49,52,.12)!important;
 }
}

@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 #book.cover-transition{filter:none!important}
 #book.cover-transition>.page{box-shadow:0 3px 5px rgba(17,49,52,.09),0 12px 15px rgba(17,49,52,.18),0 23px 25px rgba(17,49,52,.12)}
}

/* Normal view keeps a little breathing room above the header. */
:root:not(:fullscreen):not(.reader-fullscreen) header,:root:not(:fullscreen):not(.reader-fullscreen) .identity{top:12px!important}
:root:not(:fullscreen):not(.reader-fullscreen) #stage{top:60px!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 :root:not(:fullscreen):not(.reader-fullscreen) header,:root:not(:fullscreen):not(.reader-fullscreen) .identity{top:8px!important}
 :root:not(:fullscreen):not(.reader-fullscreen) #stage{top:53px!important}
}
@media(max-width:620px){:root:not(:fullscreen):not(.reader-fullscreen) #stage{top:62px!important}}

/* Keep toolbar controls above page and zoom compositing layers. */
header{z-index:40!important}
header .actions,header .actions button{pointer-events:auto!important}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 :root.reader-fullscreen header,:root.reader-fullscreen .identity{top:env(safe-area-inset-top,0px)!important;height:44px!important}
 :root.reader-fullscreen #stage{top:calc(44px + env(safe-area-inset-top,0px))!important;padding-top:4px!important;padding-bottom:56px!important}
}

/* Fullscreen is a desktop control; mobile uses pinch zoom. */
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){header .actions #full{display:none!important}}

/* Consistent mobile edge spacing and breathing room below the booklet. */
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 header{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
 .identity{left:max(14px,env(safe-area-inset-left))!important}
 #stage{padding-bottom:max(84px,calc(17px + 8vh))!important}
}

/* Branded circular hover and keyboard-focus state. */
#thumbnailsOpen{border-radius:50%;transition:background-color .16s ease,color .16s ease}
#thumbnailsOpen:hover,#thumbnailsOpen:focus-visible{background:#096c6c;color:#fff}
#thumbnailsOpen:hover svg circle,#thumbnailsOpen:focus-visible svg circle{fill:#fff}
#thumbnailsOpen .thumbnail-brand-mark{fill:#d9a900}

/* Consistent rounded action controls; page previews retain booklet shapes. */
button:not(.page-preview),.reader-dialog button:not(.page-preview),#bookNavigation #home,#count{border-radius:999px!important}
#jumpGo{border-radius:999px!important;min-width:52px}

#loadRecovery{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:110;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 24px);padding:12px 16px;background:#fff;color:#285b5e;border-radius:20px;box-shadow:0 5px 24px #173b3e33;font:13px/1.4 Arial,sans-serif}
#loadRecovery[hidden]{display:none}
#loadRecovery button{border:0;background:#096c6c;color:white;padding:10px 18px;min-height:40px;font:700 13px Arial,sans-serif;cursor:pointer;flex:none}

/* Mobile page arrows share the navigation row below the book. */
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 #bookNavigation{width:min(400px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;gap:4px!important;justify-content:center!important}
 #bookNavigation .nav{position:static!important;transform:none!important;flex:0 0 32px;width:32px!important;height:32px!important;padding:7px;border:0;background:#c5d5db;color:#096c6c;display:grid;place-items:center;box-shadow:none}
 #bookNavigation .nav:first-child{margin-right:auto}
 #bookNavigation .nav:last-child{margin-left:auto}
 #bookNavigation .nav svg{display:block;width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}
 #bookNavigation .nav:hover:not(:disabled){background:#b5cbd3}
 #bookNavigation .nav:disabled{opacity:.3}
 #bookNavigation #count{padding-left:4px!important;padding-right:4px!important}
}
@media(max-width:360px){
 #bookNavigation{gap:2px!important}
 #bookNavigation #home span{font-size:11.55px!important}
 #bookNavigation #count{font-size:15.4px!important}
}

#book .contents-link{position:absolute;display:block;background:transparent;border:0;border-radius:12px!important;z-index:3;cursor:pointer;touch-action:manipulation}
#book .contents-link:hover{background:rgba(9,108,108,.07)}
#book .contents-link:focus-visible{outline:2px solid #096c6c;outline-offset:2px}
#book.zoomed .contents-link,#book.zoom-armed .contents-link{pointer-events:none}

/* Equal breathing room around the cover button label. */
#bookNavigation #home{padding-left:14px!important;padding-right:14px!important;flex-shrink:0}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 #bookNavigation #home{padding-left:8px!important;padding-right:8px!important}
}

/* Compact, evenly spaced thumbnail picker. */
#jumpDialog{width:min(880px,calc(100vw - 32px));height:min(760px,86dvh);max-height:86dvh;padding:18px;border-radius:20px}
#jumpDialog[open]{gap:14px}
#pageThumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 4px 8px;scroll-padding:8px}
#pageThumbnails .page-preview{padding:8px;gap:8px;border:1px solid #d9e5e5;background:#fff;border-radius:12px;box-shadow:none}
#pageThumbnails .page-preview:hover{border-color:#7fa9aa;background:#f2f8f8}
#pageThumbnails .page-preview[aria-current="page"]{background:#e7f2f1;border:1px solid #096c6c;box-shadow:inset 0 0 0 1px #096c6c;border-radius:12px}
#pageThumbnails .page-preview[aria-current="page"] .thumb-number{color:#096c6c}
#pageThumbnails .thumb-number{font-size:12px;line-height:18px}
#jumpForm{padding-top:12px}
#jumpDialog #pageInput{margin:0;min-height:42px}
#jumpDialog #jumpHelp{margin:8px 0 0}
@media(max-width:620px){
 #jumpDialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:86dvh;padding:14px}
 #pageThumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #pageThumbnails .page-preview{padding:6px;gap:6px}
}

/* Shared navigation type and consistent edge alignment. */
#bookNavigation #count{font-size:14px!important}
#book .contents-link:hover{background:rgba(9,108,108,.04);box-shadow:inset 0 0 0 1px #7fa9aa}
@media(min-width:761px) and (pointer:fine){
 #thumbnailsOpen{width:36px;height:36px;padding:8px}
 :root:is(:fullscreen,.reader-fullscreen) header,:root:is(:fullscreen,.reader-fullscreen) .identity{height:40px!important;top:0!important}
 :root:is(:fullscreen,.reader-fullscreen) #stage{top:40px!important;padding-top:0!important}
}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 :root{--mobile-edge:14px}
 header{padding-left:var(--mobile-edge)!important;padding-right:var(--mobile-edge)!important}
 .identity{left:var(--mobile-edge)!important}
 :root:not(:fullscreen):not(.reader-fullscreen) header,:root:not(:fullscreen):not(.reader-fullscreen) .identity{top:16px!important}
 :root:not(:fullscreen):not(.reader-fullscreen) #stage{top:61px!important}
 #stage{padding-left:var(--mobile-edge)!important;padding-right:var(--mobile-edge)!important}
 #bookNavigation{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important}
 #bookNavigation #count{font-size:13.31px!important}
 #pageThumbnails{padding:6px;scrollbar-gutter:stable}
 #pageThumbnails .page-preview{border:2px solid #d9e5e5;box-shadow:none}
 #pageThumbnails .page-preview[aria-current="page"]{border:2px solid #096c6c;box-shadow:none;outline:none}
}
@media(max-width:620px){:root:not(:fullscreen):not(.reader-fullscreen) #stage{top:70px!important}}
@media(max-width:360px){#bookNavigation #count{font-size:11.55px!important}}

.identity .brand-link{color:inherit;text-decoration:none;pointer-events:auto;cursor:pointer}
.identity .brand-link:focus-visible{outline:2px solid #096c6c;outline-offset:4px;border-radius:2px}
#readerCopyright{position:fixed;left:17px;bottom:8px;z-index:36;margin:0;color:#527477;font:10px/1.2 Arial,sans-serif;letter-spacing:.04em;pointer-events:none}
@media(max-width:760px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){
 #readerCopyright{left:14px;bottom:max(5px,env(safe-area-inset-bottom));font-size:8px;color:rgba(54,95,98,.45);letter-spacing:.025em}
}

/* One outer inset for fullscreen controls on all four edges. */
@media(min-width:761px) and (pointer:fine){
 :root:is(:fullscreen,.reader-fullscreen){--fullscreen-edge:clamp(3px,.8vw,17px)}
 :root:is(:fullscreen,.reader-fullscreen) header,:root:is(:fullscreen,.reader-fullscreen) .identity{top:var(--fullscreen-edge)!important;height:40px!important}
 :root:is(:fullscreen,.reader-fullscreen) #stage{inset:calc(var(--fullscreen-edge) + 44px) 0 calc(var(--fullscreen-edge) + 44px)!important;padding:0 48px!important}
 :root:is(:fullscreen,.reader-fullscreen) #bookNavigation{top:calc(100dvh - var(--fullscreen-edge) - 40px)!important;height:40px!important}
 :root:is(:fullscreen,.reader-fullscreen) #bookNavigation #home{height:40px!important;min-height:40px!important}
 :root:is(:fullscreen,.reader-fullscreen) #readerCopyright{bottom:var(--fullscreen-edge)}
}

/* Anchor the fullscreen reader to the top rather than centering spare height. */
@media(min-width:761px) and (pointer:fine){
 :root:is(:fullscreen,.reader-fullscreen) header,:root:is(:fullscreen,.reader-fullscreen) .identity{top:var(--fullscreen-edge,10px)!important}
 :root:is(:fullscreen,.reader-fullscreen) #stage{align-items:flex-start!important;justify-content:center!important;padding-top:0!important;margin-top:0!important}
 :root:is(:fullscreen,.reader-fullscreen) #book{align-self:flex-start!important;margin-top:0!important}
}

/* Centre staples belong only to the settled centre spread. */
#book.page-turn-active .saddle-inner{visibility:hidden!important}

#mobileReadHint{bottom:auto;top:90px;z-index:10;width:max-content;max-width:calc(100% - 28px);height:26px;display:flex;align-items:center;gap:8px;color:#096c6c;font:500 11px/1.4 Arial,sans-serif;letter-spacing:.15px;background:none;padding:0;box-shadow:none}
#mobileReadHint[hidden]{display:none}
#mobileReadHint{left:14px;right:auto;transform:none}
#mobileReadHint[data-direction="right"]{left:auto;right:14px;flex-direction:row-reverse}
#mobileReadHint svg{width:30px;height:20px;overflow:visible}
#mobileReadHint .swipe-motion path{animation:swipe-cue 1.8s ease-in-out infinite}
#mobileReadHint .swipe-motion path:nth-child(1){animation-delay:.4s}
#mobileReadHint .swipe-motion path:nth-child(2){animation-delay:.2s}
#mobileReadHint .swipe-motion path:nth-child(3){animation-delay:0s}
#mobileReadHint[data-direction="right"] svg{transform:scaleX(-1)}
@keyframes swipe-cue{0%,60%,100%{opacity:.15}30%{opacity:1}}
@media(prefers-reduced-motion:reduce){#mobileReadHint .swipe-motion path{animation:none}}

.view-choice{display:flex;gap:4px;margin:0 0 12px;padding:4px;border-radius:28px;background:#e3eeee;flex-shrink:0}.view-choice button{flex:1;min-height:36px;border:0;border-radius:24px;background:transparent;color:#285b5e;font:600 13px Arial;cursor:pointer}.view-choice button[aria-pressed="true"]{background:#096c6c;color:white}.view-choice button:focus-visible{outline:2px solid #d9a900;outline-offset:2px}

.reader-scroll{position:fixed;z-index:15;overscroll-behavior:contain;scrollbar-color:#579495 #deebed;scrollbar-width:thin}.reader-scroll[hidden]{display:none}.reader-scroll-x{height:14px;overflow-x:scroll;overflow-y:hidden}.reader-scroll-y{width:14px;overflow-y:scroll;overflow-x:hidden}.reader-scroll-x div{height:1px}.reader-scroll-y div{width:1px}.reader-scroll::-webkit-scrollbar{width:10px;height:10px}.reader-scroll::-webkit-scrollbar-track{background:#deebed;border-radius:8px}.reader-scroll::-webkit-scrollbar-thumb{background:#579495;border:2px solid #deebed;border-radius:8px}

.motion-choice{display:flex;gap:5px;flex-shrink:0}.motion-choice button{flex:1;border:1px solid #bad0d2;border-radius:22px;min-height:34px;background:transparent;color:#285b5e;font:600 12px Arial;cursor:pointer}.motion-choice button[aria-pressed="true"]{background:#096c6c;color:white;border-color:#096c6c}
#readingTrack{pointer-events:auto;position:absolute;inset:0 0 64px;z-index:5;display:flex;overflow:auto;scrollbar-color:#579495 #deebed;scrollbar-width:thin;overscroll-behavior:contain;scroll-snap-type:x mandatory;touch-action:none}
#readingTrack[hidden]{display:none}#readingTrack.vertical{flex-direction:column;scroll-snap-type:y mandatory}
.reading-spread{flex:0 0 100%;min-width:0;min-height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;padding:8px 16px;box-sizing:border-box;gap:0}
.reading-spread img{width:calc(100% / var(--pages));height:100%;object-fit:contain;min-width:0;user-select:none;-webkit-user-drag:none}
#readingTrack.vertical .reading-spread{height:100%;min-height:100%}

#readingTrack{scrollbar-width:none;cursor:grab}#readingTrack::-webkit-scrollbar{display:none}#readingTrack:active{cursor:grabbing}
#readingBar{pointer-events:auto;position:absolute;z-index:8;left:16px;bottom:45px;width:calc(100% - 32px);height:18px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:none;accent-color:#096c6c}
#readingBar[hidden]{display:none}#readingBar.vertical{writing-mode:vertical-lr;direction:ltr;left:auto;right:2px;top:8px;bottom:auto;width:18px;height:calc(100% - 80px)}
#readingBar::-webkit-slider-runnable-track{height:6px;border-radius:5px;background:#cbdfe2}#readingBar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:12px;margin-top:-3px;border-radius:8px;background:#096c6c;border:2px solid #eaf5f8}
#readingBar.vertical::-webkit-slider-runnable-track{width:6px;height:100%}#readingBar.vertical::-webkit-slider-thumb{width:12px;height:32px;margin-top:0;margin-left:-3px}
#readingBar::-moz-range-track{background:#cbdfe2;border-radius:5px}#readingBar::-moz-range-thumb{background:#096c6c;border:2px solid #eaf5f8;border-radius:8px;width:28px;height:10px}#readingBar.vertical::-moz-range-thumb{width:10px;height:28px}#readingBar:focus-visible{outline:2px solid #096c6c;outline-offset:2px;border-radius:8px}

/* Keep the scrolling controls outside the page-navigation controls. */
#readingBar:not(.vertical){bottom:64px;left:24px;width:calc(100% - 48px)}
#readingTrack{bottom:90px}
#readingBar.vertical{right:4px;height:calc(100% - 106px)}
#stage.vertical-reading #next{right:34px!important}
@media(max-width:760px){#readingBar:not(.vertical){left:14px;width:calc(100% - 28px)}#readingBar.vertical{right:2px}}

.reading-spread img+img{box-shadow:-1px 0 0 rgba(38,75,77,.38);position:relative}

.reading-options{flex:none;padding:14px 16px;border:1px solid #dce8e9;border-radius:16px;background:#fff;display:grid;gap:12px}
.reading-option-row{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px}
.option-label{font:600 10px/1.4 Arial,sans-serif;letter-spacing:1px;color:#698386}
.reading-options .view-choice,.reading-options .motion-choice{display:flex;gap:4px;padding:4px;margin:0;border-radius:12px;background:#eef4f4}
.reading-options button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;min-height:36px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#527477;font:600 12px/1.2 Arial,sans-serif;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.reading-options button svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reading-options button[aria-pressed="true"]{color:#096c6c;background:#fff;border-color:#b7d0d0;box-shadow:0 1px 3px #163e3c12}
.reading-options button:hover{background:#e1eceb;color:#096c6c}.reading-options button[aria-pressed="true"]:hover{background:#fff}
.reading-options button:focus-visible{outline:2px solid #096c6c;outline-offset:2px}
@media(max-width:620px){.reading-options{padding:11px;gap:11px}.reading-option-row{grid-template-columns:1fr;gap:5px}.option-label{font-size:9px}.reading-options button{padding:7px 4px;font-size:11px;gap:5px}.reading-options button svg{width:15px;height:15px}}

#jumpDialog #jumpGo{background:#c6e6e2;color:#075f60;border:1px solid #9accc5;font-weight:700;box-shadow:0 2px 5px rgba(9,108,108,.09)}#jumpDialog #jumpGo:hover{background:#b2dcd6;border-color:#71b5ab}#jumpDialog #jumpGo:focus-visible{outline:2px solid #096c6c;outline-offset:3px}

#jumpDialog .page-jump-row{position:relative;display:block}
#jumpDialog #pageInput{width:100%;padding-right:64px;box-sizing:border-box}
#jumpDialog #jumpGo{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:48px;min-width:0;height:32px;min-height:32px;margin:0;padding:0;border:0;background:transparent;color:#096c6c;box-shadow:none;font:600 13px Arial,sans-serif;border-radius:8px}
#jumpDialog #jumpGo:hover{background:transparent;border:0;color:#064b4c;text-decoration:underline;text-underline-offset:3px}
#jumpDialog #jumpGo:focus-visible{outline:2px solid #096c6c;outline-offset:0}
#jumpDialog #pageInput::-webkit-inner-spin-button,#jumpDialog #pageInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#jumpDialog #pageInput{appearance:textfield;-moz-appearance:textfield}

#jumpDialog #pageInput{padding-left:18px;padding-right:60px}
#jumpDialog #jumpGo{width:34px;height:34px;min-height:34px;right:6px;border-radius:50%;background:#e4f0ee}
#jumpDialog #jumpGo:hover{background:#d4e8e4;text-decoration:none}
#mobileReadHint{height:22px}
#mobileReadHint svg{height:18px}

#mobileReadHint{left:25%;right:auto;transform:translateX(-50%)}
#mobileReadHint[data-direction="right"]{left:75%;right:auto;transform:translateX(-50%)}

#mobileReadHint{gap:4px}

#mobileReadHint .swipe-motion{animation:swipe-group-drift 3.6s ease-in-out infinite}
@keyframes swipe-group-drift{0%,100%{transform:translateX(2px)}50%{transform:translateX(-2px)}}
@media(prefers-reduced-motion:reduce){#mobileReadHint .swipe-motion{animation:none}}

#mobileReadHint .swipe-motion{animation:swipe-travel-cycle 4.8s ease-in-out infinite}
#mobileReadHint .swipe-motion path{animation-duration:4.8s;animation-timing-function:ease-in-out;animation-delay:0s}
#mobileReadHint .swipe-motion path:nth-child(1){animation-name:swipe-fade-first;animation-delay:0s}
#mobileReadHint .swipe-motion path:nth-child(2){animation-name:swipe-fade-second;animation-delay:0s}
#mobileReadHint .swipe-motion path:nth-child(3){animation-name:swipe-fade-third;animation-delay:0s}
@keyframes swipe-travel-cycle{0%,18%{transform:translateX(2px)}58%,92%{transform:translateX(-3px)}93%,100%{transform:translateX(2px)}}
@keyframes swipe-fade-first{0%,60%{opacity:1}70%,99.99%{opacity:0}100%{opacity:1}}
@keyframes swipe-fade-second{0%,70%{opacity:1}80%,99.99%{opacity:0}100%{opacity:1}}
@keyframes swipe-fade-third{0%,80%{opacity:1}90%,99.99%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){#mobileReadHint .swipe-motion,#mobileReadHint .swipe-motion path{animation:none;opacity:1}}

#mobileReadHint svg{width:42px;height:22px}
#mobileReadHint .swipe-motion{animation:reference-travel 4s cubic-bezier(.4,0,.2,1) infinite}
#mobileReadHint .swipe-motion path{animation-duration:4s;animation-delay:0s;animation-timing-function:ease-out}
#mobileReadHint .swipe-motion path:nth-child(1){animation-name:reference-fade-1}
#mobileReadHint .swipe-motion path:nth-child(2){animation-name:reference-fade-2}
#mobileReadHint .swipe-motion path:nth-child(3){animation-name:reference-fade-3}
#mobileReadHint .swipe-motion path:nth-child(4){animation-name:reference-fade-4}
@keyframes reference-travel{0%,12%{transform:translateX(3px)}54%,90%{transform:translateX(-6px)}91%,100%{transform:translateX(3px)}}
@keyframes reference-fade-1{0%,54%{opacity:1}63%,99.99%{opacity:0}100%{opacity:1}}
@keyframes reference-fade-2{0%,62%{opacity:1}71%,99.99%{opacity:0}100%{opacity:1}}
@keyframes reference-fade-3{0%,70%{opacity:1}79%,99.99%{opacity:0}100%{opacity:1}}
@keyframes reference-fade-4{0%,78%{opacity:1}87%,99.99%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){#mobileReadHint .swipe-motion,#mobileReadHint .swipe-motion path{animation:none;opacity:1}}

#mobileReadHint svg{width:30px;height:22px}
#mobileReadHint .swipe-motion{animation:none;transform:none}
#mobileReadHint .swipe-motion path{animation:chevron-reference-flow 1.8s linear infinite;transform:none}
#mobileReadHint .swipe-motion path:nth-child(1){animation-name:chevron-reference-flow;animation-delay:-1.2s}
#mobileReadHint .swipe-motion path:nth-child(2){animation-name:chevron-reference-flow;animation-delay:-1.4s}
#mobileReadHint .swipe-motion path:nth-child(3){animation-name:chevron-reference-flow;animation-delay:-1.6s}
@keyframes chevron-reference-flow{0%,78%,100%{opacity:0}18%{opacity:.6}32%,42%{opacity:1}60%{opacity:.4}}
@media(prefers-reduced-motion:reduce){#mobileReadHint .swipe-motion path{animation:none;opacity:1}}

#mobileReadHint svg{width:27px}

#mobileReadHint svg{height:21px}

#book .page .paper-finish{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(112deg,transparent 8%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 44%,rgba(255,255,255,0) 59%,transparent 76%)}
#book.double .page.left .paper-finish{background:linear-gradient(90deg,rgba(0,31,31,.018),transparent 15%,rgba(255,255,255,0) 67%,rgba(255,255,255,0) 84%,rgba(0,28,28,.022) 98.5%,rgba(0,25,25,.075)),linear-gradient(115deg,transparent 20%,rgba(255,255,255,0) 47%,transparent 70%)}
#book.double .page.right .paper-finish{background:linear-gradient(90deg,rgba(0,25,25,.075),rgba(0,28,28,.022) 1.5%,rgba(255,255,255,0) 16%,rgba(255,255,255,0) 33%,transparent 85%,rgba(0,31,31,.018)),linear-gradient(115deg,transparent 20%,rgba(255,255,255,0) 47%,transparent 70%)}
body.finish-off .paper-finish{display:none}

@media(max-width:760px){}

#book.double::before,#book.double::after{content:"";position:absolute;top:2px;bottom:2px;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,#c4d0ce 0px,#f9fbfa 1px,#e5eae8 2px);border-top:1px solid #d5ddda;border-bottom:1px solid #bccac5;box-shadow:0 2px 3px #173a3520}
#book.double::before{right:100%;width:var(--left-stack,2px);transform:skewY(-8deg);transform-origin:right center;border-radius:2px 0 0 2px}
#book.double::after{left:100%;width:var(--right-stack,4px);transform:skewY(8deg);transform-origin:left center;border-radius:0 2px 2px 0}
#book.double .page.left{border-radius:2px 0 0 3px}
#book.double .page.right{border-radius:0 3px 2px 0}
body.finish-off #book.double::before,body.finish-off #book.double::after{display:none}

#book.double::before,#book.double::after{z-index:0}#book.double>.page{position:relative;z-index:1}#book.double>.turner{z-index:6}

/* A cover transition temporarily uses a blank half for the curl hinge. */
#book.double.cover-transition::before,#book.double.cover-transition::after{display:none!important}

#book.double::before,#book.double::after{transition:width .32s ease,opacity .24s ease}
@media(prefers-reduced-motion:reduce){#book.double::before,#book.double::after{transition:none}}

/* Keep navigation beneath the booklet, including the curled page outside its bounds. */
#bookNavigation{z-index:4!important}

#mobileReadHint{transition:opacity .5s ease}#mobileReadHint.swipe-understood{opacity:0!important;pointer-events:none}@media(prefers-reduced-motion:reduce){#mobileReadHint{transition:none}}

/* A soft, narrow contact shadow at the open booklet fold. */
#book.double>.page.left::after,#book.double>.page.right::after{width:7px}
#book.double>.page.left::after{background:linear-gradient(90deg,transparent,rgba(17,44,44,.04))}
#book.double>.page.right::after{background:linear-gradient(90deg,rgba(17,44,44,.05),transparent)}

/* Stable page shadow: avoid Safari filtering the full composited book layer. */
#book,#book.cover-transition{filter:none!important;box-shadow:none!important}
#book:not(.cover-transition){box-shadow:0 8px 14px rgba(17,49,52,.16)!important}
#book.cover-transition>.page{box-shadow:0 8px 14px rgba(17,49,52,.16)}
#book.double::before,#book.double::after{box-shadow:none;transform:none}
/* Keep the complete preview and keyboard highlight inside the scroll area. */
#pageThumbnails{padding:10px;scroll-padding:10px}
#pageThumbnails .page-preview{flex-shrink:0;overflow:visible}
#pageThumbnails .page-preview:focus{outline:none}
#pageThumbnails .page-preview:focus-visible{outline:2px solid #096c6c;outline-offset:-4px}
.thumb-spread{min-height:0;flex-shrink:0}
.thumb-paper canvas{height:auto;aspect-ratio:595.276/841.89;object-fit:contain}

/* Compact contents hover outline, scaled with the page artwork. */
#book .contents-link{border-radius:6px!important}