.zoomable-image{border:1px solid var(--paper-line);background:var(--paper-surface-muted);cursor:pointer;border-radius:8px;width:fit-content;max-width:100%;margin:30px auto;display:block;position:relative;overflow:hidden}.zoomable-image:focus-visible{outline:2px solid color-mix(in srgb, var(--paper-accent) 36%, transparent);outline-offset:4px}.zoomable-image img{max-width:100%;height:auto;display:block}.zoomable-image__veil{background:color-mix(in srgb, var(--paper-ink) 28%, transparent);opacity:0;pointer-events:none;place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}.zoomable-image__icon{border:1px solid color-mix(in srgb, var(--paper-surface) 72%, transparent);background:color-mix(in srgb, var(--paper-surface) 86%, transparent);width:42px;height:42px;color:var(--paper-ink);box-shadow:0 10px 26px color-mix(in srgb, var(--paper-ink) 12%, transparent);border-radius:999px;place-items:center;transition:opacity .16s,transform .16s;display:grid;transform:translateY(2px)scale(.98)}.zoomable-image:hover .zoomable-image__veil,.zoomable-image:focus-visible .zoomable-image__veil{opacity:1}.zoomable-image:hover .zoomable-image__icon,.zoomable-image:focus-visible .zoomable-image__icon{transform:translateY(0)scale(1)}.article-content a .zoomable-image{cursor:pointer}.article-content a .zoomable-image__veil{display:none}.article-content>p:has(>img):not(:has(a[href])){border:1px solid var(--paper-line);background:var(--paper-surface-muted);cursor:pointer;border-radius:8px;width:fit-content;max-width:100%;margin:30px auto;position:relative;overflow:hidden}.article-content figure:has(>img):not(:has(a[href])){cursor:pointer;position:relative}.article-content>p:has(>img):not(:has(a[href]))>img,.article-content figure:has(>img):not(:has(a[href]))>img{max-width:100%;height:auto;display:block}.article-content>p:has(>img):not(:has(a[href])):before,.article-content figure:has(>img):not(:has(a[href])):before{z-index:1;background:color-mix(in srgb, var(--paper-ink) 28%, transparent);opacity:0;pointer-events:none;content:"";transition:opacity .16s;position:absolute;inset:0}.article-content>p:has(>img):not(:has(a[href])):after,.article-content figure:has(>img):not(:has(a[href])):after{z-index:2;border:1px solid color-mix(in srgb, var(--paper-surface) 72%, transparent);background-color:color-mix(in srgb, var(--paper-surface) 86%, transparent);width:42px;height:42px;box-shadow:0 10px 26px color-mix(in srgb, var(--paper-ink) 12%, transparent);opacity:0;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23343c35' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3M11 8v6M8 11h6'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:999px;place-items:center;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(2px - 50%))scale(.98)}.article-content>p:has(>img):not(:has(a[href])):hover:before,.article-content figure:has(>img):not(:has(a[href])):hover:before,.article-content>p:has(>img):not(:has(a[href])):focus-within:before,.article-content figure:has(>img):not(:has(a[href])):focus-within:before,.article-content>p:has(>img):not(:has(a[href])):hover:after,.article-content figure:has(>img):not(:has(a[href])):hover:after,.article-content>p:has(>img):not(:has(a[href])):focus-within:after,.article-content figure:has(>img):not(:has(a[href])):focus-within:after{opacity:1}.article-content>p:has(>img):not(:has(a[href])):hover:after,.article-content figure:has(>img):not(:has(a[href])):hover:after,.article-content>p:has(>img):not(:has(a[href])):focus-within:after,.article-content figure:has(>img):not(:has(a[href])):focus-within:after{transform:translate(-50%,-50%)scale(1)}.zoomable-image-lightbox{z-index:1000;background:color-mix(in srgb, var(--paper-ink) 72%, transparent);opacity:0;visibility:hidden;place-items:center;padding:28px;transition:opacity .18s,visibility .18s;display:grid;position:fixed;inset:0}.zoomable-image-lightbox.is-open{opacity:1;visibility:visible}.zoomable-image-lightbox__image{object-fit:contain;border-radius:8px;max-width:min(100%,1180px);max-height:88vh;display:block;box-shadow:0 18px 56px #00000052}.zoomable-image-lightbox__close{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:2;border:1px solid color-mix(in srgb, var(--paper-surface) 34%, transparent);background:color-mix(in srgb, var(--paper-surface) 90%, transparent);width:42px;height:42px;color:var(--paper-ink);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:fixed}.zoomable-image-lightbox__nav{z-index:2;border:1px solid color-mix(in srgb, var(--paper-surface) 34%, transparent);background:color-mix(in srgb, var(--paper-surface) 88%, transparent);width:46px;height:46px;color:var(--paper-ink);cursor:pointer;opacity:.92;border-radius:999px;place-items:center;transition:background .16s,border-color .16s,opacity .16s,transform .16s;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.zoomable-image-lightbox__nav:hover{border-color:color-mix(in srgb, var(--paper-surface) 56%, transparent);background:color-mix(in srgb, var(--paper-surface) 94%, transparent);opacity:1}.zoomable-image-lightbox__nav--prev{left:max(20px, env(safe-area-inset-left))}.zoomable-image-lightbox__nav--next{right:max(20px, env(safe-area-inset-right))}.zoomable-image-lightbox__nav--prev:hover{transform:translate(-1px,-50%)}.zoomable-image-lightbox__nav--next:hover{transform:translate(1px,-50%)}.zoomable-image-lightbox__close:focus-visible,.zoomable-image-lightbox__nav:focus-visible{outline:2px solid color-mix(in srgb, var(--paper-accent) 46%, transparent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.zoomable-image-lightbox__nav{transition:none}.zoomable-image-lightbox__nav--prev:hover,.zoomable-image-lightbox__nav--next:hover{transform:translateY(-50%)}}@media (hover:none){.zoomable-image__veil,.article-content>p:has(>img):not(:has(a[href])):before,.article-content>p:has(>img):not(:has(a[href])):after,.article-content figure:has(>img):not(:has(a[href])):before,.article-content figure:has(>img):not(:has(a[href])):after{display:none}}@media (width<=640px){.zoomable-image{width:100%;margin:24px 0}.zoomable-image-lightbox{padding:16px}.zoomable-image-lightbox__image{max-height:82vh}.zoomable-image-lightbox__nav{top:auto;bottom:max(18px, env(safe-area-inset-bottom));width:44px;height:44px;transform:none}.zoomable-image-lightbox__nav--prev{left:calc(50% - 54px)}.zoomable-image-lightbox__nav--next{right:calc(50% - 54px)}.zoomable-image-lightbox__nav--prev:hover,.zoomable-image-lightbox__nav--next:hover{transform:none}}