/* Article lightbox — shared by Jinja FULL permalinks (template-owned).
   Port of spike/s20-images-lightbox.html with spike-lb → article-lb. */
.article-lb-trigger{cursor:pointer;display:block;}
.article-lb-trigger img{display:block;width:100%;height:auto;}
#article-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.92);padding:1.5rem;}
#article-lightbox.is-open{display:flex;}
#article-lightbox .article-lb-inner{position:relative;max-width:min(96vw,1400px);max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:0.75rem;}
#article-lightbox img{max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,0.08),0 12px 40px rgba(0,0,0,0.6);}
#article-lightbox .article-lb-caption{color:#c8c4bc;font-size:0.9rem;text-align:center;max-width:48rem;line-height:1.4;margin:0;}
#article-lightbox .article-lb-close{position:absolute;top:-0.25rem;right:-0.25rem;transform:translate(50%,-50%);background:#1a1916;color:#eee;border:1px solid rgba(255,255,255,0.25);width:2.25rem;height:2.25rem;border-radius:999px;font-size:1.25rem;line-height:1;cursor:pointer;}
#article-lightbox .article-lb-close:hover{background:#2a2824;}
#article-lightbox .article-lb-nav{display:flex;gap:0.75rem;align-items:center;}
#article-lightbox .article-lb-nav button{background:#1a1916;color:#eee;border:1px solid rgba(255,255,255,0.25);padding:0.4rem 0.9rem;border-radius:4px;cursor:pointer;font-size:0.9rem;}
#article-lightbox .article-lb-nav button:hover{background:#2a2824;}
#article-lightbox .article-lb-nav button:disabled{opacity:0.35;cursor:default;}