/* Purple Frog Signs: article gallery lightbox. */
.page--article .article-gallery .pf-article-gallery-trigger {
    display:block;width:100%;min-width:0;max-width:none;margin:0;padding:0;
    border:0;border-radius:.85rem;background:transparent;color:inherit;
    font:inherit;text-align:inherit;line-height:inherit;appearance:none;
    cursor:zoom-in;box-shadow:none;transform:none;
}
.page--article .article-gallery .pf-article-gallery-trigger:hover {
    background:transparent;box-shadow:none;transform:none;
}
.page--article .article-gallery .pf-article-gallery-trigger:focus-visible {
    outline:3px solid #a31660;outline-offset:4px;
}
html.pf-article-lightbox-open,html.pf-article-lightbox-open body {
    overflow:hidden!important;overscroll-behavior:none;
}
dialog.pf-article-lightbox {
    box-sizing:border-box;position:fixed;inset:0;
    width:calc(100vw - 2rem);max-width:1480px;
    max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);
    margin:auto;padding:1rem;border:0;border-radius:1rem;
    background:#19131e;color:#fff;
    box-shadow:0 1.5rem 5rem rgba(0,0,0,.5);
    overflow:auto;overscroll-behavior:contain;
}
dialog.pf-article-lightbox:not([open]) { display:none; }
dialog.pf-article-lightbox[open] {
    display:flex;flex-direction:column;align-items:stretch;gap:.75rem;
}
dialog.pf-article-lightbox::backdrop { background:rgba(15,10,20,.88); }
dialog.pf-article-lightbox [hidden] { display:none!important; }
dialog.pf-article-lightbox .pf-article-lightbox__close {
    box-sizing:border-box;position:sticky;top:0;z-index:1;
    flex:0 0 auto;align-self:flex-end;display:grid;place-items:center;
    width:48px;height:48px;margin:0;padding:0;
    border:2px solid transparent;border-radius:50%;
    background:#fff;color:#291434;font:36px/1 Arial,sans-serif;
    cursor:pointer;transform:none;
}
dialog.pf-article-lightbox .pf-article-lightbox__close:hover {
    background:#f5e7f0;color:#291434;
}
dialog.pf-article-lightbox .pf-article-lightbox__close:focus-visible {
    outline:3px solid #fff;outline-offset:4px;border-color:#a31660;
}
dialog.pf-article-lightbox .pf-article-lightbox__figure {
    display:flex;flex-direction:column;align-items:center;
    gap:.75rem;min-width:0;margin:0;padding:0;
}
dialog.pf-article-lightbox .pf-article-lightbox__image {
    display:block;width:auto;height:auto;max-width:100%;
    max-height:calc(100vh - 12rem);max-height:calc(100dvh - 12rem);
    margin:0 auto;border-radius:.25rem;object-fit:contain;
}
dialog.pf-article-lightbox .pf-article-lightbox__caption {
    box-sizing:border-box;width:100%;max-width:70rem;
    max-height:8rem;max-height:min(8rem,25dvh);
    margin:0;padding:.15rem .25rem;color:#fff;font-size:1rem;
    line-height:1.5;text-align:center;overflow:auto;overflow-wrap:anywhere;
}
dialog.pf-article-lightbox .pf-article-lightbox__status {
    margin:0;padding:1rem;color:#fff;text-align:center;
}
@media (max-width:600px) {
    dialog.pf-article-lightbox {
        width:calc(100vw - 1rem);
        max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);
        padding:.75rem;
    }
    dialog.pf-article-lightbox .pf-article-lightbox__caption {
        font-size:.9375rem;
    }
}