html{scroll-behavior:smooth}body{overflow-wrap:anywhere}.site-header,.site-footer{position:relative;z-index:2}img{max-width:100%;height:auto}

/* Add img-expandable to any content image that should open in a screen-sized viewer. */
.img-expandable{cursor:zoom-in;transition:filter .2s ease,transform .2s ease}
.img-expandable:hover{filter:brightness(.92)}
.img-expandable:focus-visible{outline:3px solid #0d6efd;outline-offset:3px}
.image-viewer{max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;overflow:visible}
.image-viewer::backdrop{background:rgba(4,12,28,.88)}
.image-viewer__frame{position:relative;display:flex;align-items:center;justify-content:center;max-width:96vw;max-height:94vh}
.image-viewer__image{display:block;width:auto;height:auto;max-width:96vw;max-height:94vh;object-fit:contain;border-radius:.25rem;box-shadow:0 1rem 3rem rgba(0,0,0,.45)}
.image-viewer__close{position:absolute;z-index:1;top:.5rem;right:.5rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(0,0,0,.68);color:#fff;font:700 1.75rem/1 sans-serif;cursor:pointer}
.image-viewer__close:hover,.image-viewer__close:focus-visible{background:#fff;color:#111;outline:0}
@media (prefers-reduced-motion:reduce){.img-expandable{transition:none}}