.page-controls.sentinel-pager{width:112px;height:130px;padding:0;display:block;gap:0;background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 9px #0007);right:20px;bottom:18px;--pager-base:#dce5e7;--pager-next:#dce5e7}
.pager-face{position:absolute;inset:0;background:var(--pager-base);clip-path:polygon(50% 1%,96% 26%,96% 74%,50% 99%,4% 74%,4% 26%);overflow:hidden;pointer-events:none}
.pager-face:before,.pager-face:after{content:"";position:absolute;inset:-6%;background:var(--pager-next);opacity:0;transform:scaleX(0);transform-origin:50% 50%;border-radius:50%}
.pager-face:before{clip-path:polygon(50% 0,50% 100%,0 100%,0 0)}.pager-face:after{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}
.theme-changing .pager-face:before{animation:pager-left-wing .65s cubic-bezier(.2,.7,.2,1) both}.theme-changing .pager-face:after{animation:pager-right-wing .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes pager-left-wing{0%{opacity:1;transform:scaleX(0) rotate(18deg)}100%{opacity:1;transform:scaleX(1.6) rotate(0)}}
@keyframes pager-right-wing{0%{opacity:1;transform:scaleX(0) rotate(-18deg)}100%{opacity:1;transform:scaleX(1.6) rotate(0)}}
.pager-frame{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none}.pager-frame .outer{stroke:#eaf8ff;stroke-width:2}.pager-frame .inner{stroke:#254958;stroke-width:1.7}.pager-frame .core{stroke:#254958;stroke-width:1.3;opacity:.7}
.page-controls.sentinel-pager button{position:absolute;left:20px;width:72px;height:45px;padding:8px;border:0;border-radius:50%;background:transparent;color:#173846;display:grid;place-items:center;box-shadow:none;z-index:2}
.sentinel-pager button:first-of-type{top:8px}.sentinel-pager button:last-of-type{bottom:8px}.sentinel-pager button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-controls.sentinel-pager button:hover:not(:disabled){background:#ffffff55}.page-controls.sentinel-pager button:focus-visible{outline:2px solid #173846;outline-offset:-4px;background:#ffffff77}.page-controls.sentinel-pager button:disabled{opacity:.3;color:#173846;background:transparent}
.page-controls.sentinel-pager .page-count{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);min-width:0;text-align:center;font:700 10px/1 Arial,sans-serif;letter-spacing:.02em;color:#173846;pointer-events:none}
@media(max-width:600px){.page-controls.sentinel-pager{width:96px;height:116px;right:10px;bottom:12px}.page-controls.sentinel-pager button{left:12px;height:44px}.sentinel-pager button:first-of-type{top:3px}.sentinel-pager button:last-of-type{bottom:3px}.page-controls.sentinel-pager .page-count{font-size:9px}footer{padding-bottom:140px}}
@media(prefers-reduced-motion:reduce){.theme-changing .pager-face:before,.theme-changing .pager-face:after{animation:none!important}}

/* Compact Sentinel control, with touch targets retained on touch devices. */
.page-controls.sentinel-pager{width:68px;height:80px;right:18px;bottom:18px}
.page-controls.sentinel-pager button{left:7px;width:54px;height:30px;padding:5px}
.sentinel-pager button:first-of-type{top:3px}.sentinel-pager button:last-of-type{bottom:3px}
.sentinel-pager button svg{width:16px;height:16px}
.page-controls.sentinel-pager .page-count{font-size:7px;letter-spacing:0}
.sentinel-pager[data-theme=sky] .pager-frame .inner,.sentinel-pager[data-theme=sky] .pager-frame .core{stroke:#b6d4e3}
.page-controls.sentinel-pager[data-theme=sky] button,.page-controls.sentinel-pager[data-theme=sky] .page-count{color:#eef6fa}
.page-controls.sentinel-pager[data-theme=sky] button:disabled{color:#eef6fa;opacity:.4}
.page-controls.sentinel-pager[data-theme=sky] button:focus-visible{outline-color:#eef6fa;background:#ffffff22}
.page-controls.sentinel-pager[data-theme=sky] button:hover:not(:disabled){background:#ffffff22}
@media(pointer:coarse){.page-controls.sentinel-pager{width:80px;height:100px;right:10px;bottom:12px}.page-controls.sentinel-pager button{left:8px;width:64px;height:44px;padding:8px}.sentinel-pager button:first-of-type{top:0}.sentinel-pager button:last-of-type{bottom:0}.page-controls.sentinel-pager .page-count{font-size:8px}}