.article-image-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--viewer-bg-color,rgba(0,0,0,.9));z-index:9999;display:none;justify-content:center;align-items:center;cursor:pointer}.article-image-viewer.active{display:flex}.article-image-viewer img{max-width:95vw;max-height:95vh;object-fit:contain;cursor:pointer}.article-image{position:relative;cursor:pointer}.article-image::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:8px 12px;background:rgba(0,0,0,.8);color:#fff;border-radius:4px;font-size:14px;white-space:pre-wrap;max-width:300px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000}.article-image::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000}.article-image:hover::after,.article-image:hover::before{opacity:1;visibility:visible;bottom:calc(100% + 10px)}@media(max-width:768px){.article-image::after{font-size:12px;padding:6px 10px;max-width:250px}}.article-figure{margin:1.5rem auto;display:flex;flex-direction:column;align-items:center;width:100%}.article-image{display:block;max-width:100%;height:auto;cursor:pointer}.article-image-caption{margin-top:.75rem;text-align:center;color:var(--secondary-text-color,#666);font-size:.9rem;font-style:italic;max-width:90%}@media screen and (min-width:769px){.article-image{position:relative}.article-image::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:8px 12px;background:rgba(0,0,0,.8);color:#fff;border-radius:4px;font-size:14px;white-space:pre-wrap;max-width:300px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000}.article-image::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000}.article-image:hover::after,.article-image:hover::before{opacity:1;visibility:visible;bottom:calc(100% + 10px)}}@media screen and (min-width:769px){.article-image-caption{display:var(--show-caption-desktop,block)}}@media screen and (max-width:768px){.article-image-caption{display:var(--show-caption-mobile,block)}}