.hub-gallery{background:#e8f0f2;border-bottom:1px solid #cddfe5}
.hub-gallery-stage{position:relative}
.hub-gallery-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.hub-gallery-track::-webkit-scrollbar{display:none}
.hub-gallery-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.hub-gallery-slide img{display:block;width:100%;height:360px;object-fit:contain;user-select:none}
.hub-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #cddfe5;border-radius:50%;background:#fff;color:#00354d;box-shadow:0 3px 12px #00354d25;font:34px/1 Arial;cursor:pointer}
.hub-gallery-previous{left:14px}.hub-gallery-next{right:14px}
.hub-gallery-arrow:disabled{opacity:.4;cursor:default}
.hub-gallery-count{position:absolute;right:16px;bottom:14px;border-radius:20px;padding:7px 12px;background:#00354ded;color:white;font:600 12px/1.3 var(--sans)}
.hub-gallery-thumbs{position:relative;display:flex;gap:10px;overflow-x:auto;padding:13px 18px;scrollbar-width:thin}
.hub-gallery-thumb{flex:0 0 80px;height:58px;padding:3px;background:#fff;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer}
.hub-gallery-thumb img{display:block;width:100%;height:100%;border-radius:5px;object-fit:cover}
.hub-gallery-thumb[aria-current=true]{border-color:#248f8b;background:#d7efeb}
.hub-gallery :is(button,[tabindex]):focus-visible{outline:3px solid #248f8b;outline-offset:-3px}
.hub-gallery [hidden],.hub-gallery[hidden]{display:none!important}
.hub-card-photo-count{position:absolute;top:13px;right:13px;padding:6px 9px;border-radius:20px;background:#00354de8;color:white;font-size:10px;line-height:1.3}
@media(max-width:560px){.hub-gallery-slide img{height:260px}.hub-gallery-arrow{width:42px;height:42px}.hub-gallery-previous{left:8px}.hub-gallery-next{right:8px}.hub-gallery-thumbs{gap:8px;padding:10px}.hub-gallery-thumb{flex-basis:65px;height:50px}}

/* Display sideways source leaflets upright without changing their image files. */
.hub-gallery{--gallery-height:360px}
.hub-gallery-slide{position:relative;height:var(--gallery-height)}
.hub-gallery-slide img[src*="-r90."],.hub-gallery-slide img[src*="-r270."]{position:absolute;left:50%;top:50%;width:var(--gallery-height);height:var(--gallery-width,100%);max-width:none}
.hub-gallery-slide img[src*="-r90."]{transform:translate(-50%,-50%) rotate(90deg)}
.hub-gallery-slide img[src*="-r270."]{transform:translate(-50%,-50%) rotate(270deg)}
.hub-gallery img[src*="-r180."]{transform:rotate(180deg)}
.hub-gallery-thumb img[src*="-r90."]{transform:rotate(90deg);object-fit:contain}
.hub-gallery-thumb img[src*="-r270."]{transform:rotate(270deg);object-fit:contain}
.hub-gallery-leaflet-note{margin:0;padding:0 18px 14px;color:#36535d;font:12px/1.5 var(--sans)}
@media(max-width:560px){.hub-gallery{--gallery-height:260px}}