/* Jetsoft's manual feature gallery; preserve the experience page palette. */
html{scroll-padding-top:24px}
main>*{min-width:0}
.gallery,main>footer{grid-column:1/-1}
.gallery{scroll-margin-top:24px}
.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.gallery-heading h2{margin:0;font-size:26px;line-height:1.35}
.gallery-heading a{flex-shrink:0;padding:10px 0;min-height:44px}
.gallery>p{margin:10px 0 20px}
.gallery-stage{position:relative;margin:0;aspect-ratio:16/9;background:#f5f5f2;border:1px solid #d2ddd5;border-radius:8px;overflow:hidden;touch-action:pan-y pinch-zoom}
.gallery-stage img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-controls{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-top:16px}
.gallery-controls p{margin:0;text-align:center;font-size:15px;font-variant-numeric:tabular-nums;color:#334e42}
.gallery button{min-height:44px;padding:10px 18px;font:inherit;font-size:15px;line-height:24px;cursor:pointer;border:1px solid #bdcfc3;border-radius:6px;background:#e1e9e3;color:#174c39}
.gallery button:disabled{cursor:default;background:#e9eeea;color:#627569;border-color:#d2ddd5}
.gallery-pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.gallery-pages button{background:transparent}
.gallery-pages [aria-current=true]{background:#176e4f;color:#fff;border-color:#176e4f}
.gallery:focus-visible,.gallery button:focus-visible,a:focus-visible{outline:2px solid #176e4f;outline-offset:4px}
.gallery a{text-underline-offset:4px}
#gallery-error{color:#8a3025}
main>footer{margin:0}
::selection{background:#cde7d9;color:#172524}
@media(hover:hover){.gallery button:not(:disabled):not([aria-current=true]):hover{background:#d1dfd5}.gallery a:hover{color:#104b36}}
@media(max-width:600px){.gallery{margin-top:36px}.gallery-heading h2{font-size:24px}.gallery-controls{gap:10px;grid-template-columns:1fr 1fr}.gallery-controls p{grid-column:1/-1;grid-row:1}.gallery-controls button{width:100%}.gallery-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gallery-pages button{padding:8px 4px;font-size:14px}.gallery>p{font-size:14px}}