*{box-sizing:border-box}html,body,main{margin:0;width:100%;background:#101416;padding:0}.image-container{width:100%;min-height:0;margin:0;padding:0}.image-wrapper{width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto;padding:0;text-align:center;background:transparent}.main-image{display:block;width:auto;max-width:100%;height:auto;margin:2.5rem;border:1px inset white;border-radius:4px}.image-caption{display:block;width:100%;margin:0;padding:9px;color:#fff;font-size:clamp(.85rem,2vw,1rem);line-height:1.4;text-align:center}.navigation-controls{position:fixed;z-index:20;top:max(.4rem,env(safe-area-inset-top));left:50%;display:flex;justify-content:center;gap:.4rem;width:min(96%,34rem);transform:translate(-50%);margin:0}.nav-btn{display:inline-flex;align-items:center;z-index:20;top:max(.4rem,env(safe-area-inset-top));justify-content:center;gap:.4rem;width:auto;transform:none;margin:4px;color:#fff;text-decoration:none}.nav-btn:hover,.nav-btn:focus-visible{color:#fff;background:#075d91}.nav-btn.disabled{opacity:.45;cursor:default}.nav-icon{font-size:1rem;line-height:1}.image-counter{position:fixed;z-index:20;right:.55rem;bottom:.55rem;padding:.3rem .55rem;border-radius:999px;color:#fff;background:#101416cc;font-size:.75rem}.key-navigation{display:none}@media(max-width:480px){.main-image{height:auto}.navigation-controls{width:calc(100% - .5rem);gap:.2rem}.nav-btn{flex:1;min-width:0;padding:.3rem .35rem;font-size:.76rem}.image-caption{padding:.55rem .7rem .7rem;text-align:left}}