.flox-micro{color:#f5f5f5;background:#111;padding:2rem clamp(1rem,4vw,4rem)}
.flox-micro h1{text-align:center;font-size:clamp(1.5rem,3vw,2.25rem);color:white;margin:0 0 3rem}
.flox-micro__stack{max-width:1020px;margin:auto}.flox-micro__figure{margin:0 auto 3.5rem;text-align:center}
.flox-micro__open{padding:0;border:0;background:none;cursor:zoom-in;display:block;margin:auto;width:100%}
.flox-micro__open img{width:auto;height:auto;max-width:100%;max-height:88vh;object-fit:contain;margin:auto;display:block}
.flox-micro figcaption{color:#bdbdbd;font-size:.92rem;line-height:1.6;margin-top:1rem}
.flox-micro__note{color:#999;text-align:center;font-size:.8rem}
.flox-micro__missing{padding:1rem;border:1px dashed #777}
.flox-micro__dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:2rem 4rem;background:#080808;color:white;border:0;align-items:center;justify-content:center;flex-direction:column;gap:.75rem}
.flox-micro__dialog[open]{display:flex}.flox-micro__dialog::backdrop{background:#000e}
.flox-micro__dialog img{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain}
.flox-micro__dialog button{background:#242424;border:1px solid #666;color:white;font-size:2rem;cursor:pointer;position:absolute;width:44px;height:44px;line-height:1}
.flox-micro__close{right:1.5rem;top:1.5rem}.flox-micro__previous{left:1rem;top:50%}.flox-micro__next{right:1rem;top:50%}
.flox-micro__dialog-caption{text-align:center;color:#ddd;margin:0;font-size:.9rem}
@media(max-width:650px){.flox-micro{padding:1rem}.flox-micro__dialog{padding:4rem 2.5rem}.flox-micro__previous{left:.2rem}.flox-micro__next{right:.2rem}}