.journal-preview-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in;color:#fff9e9;text-align:left}
.journal-preview-trigger span{position:absolute;left:14px;bottom:14px;padding:9px 15px;background:#183c47d9;border:1px solid #fff8;font:12px var(--font-sans)}
.journal-preview-trigger:focus-visible{outline:3px solid #fff9e9;outline-offset:-5px}
.journal-video-toggle{z-index:2}
.journal-lightbox{position:fixed;inset:0;width:min(1200px,94vw);max-width:94vw;max-height:92dvh;margin:auto;padding:0;border:1px solid #fff3;background:#14272a;color:#fff9e9;overflow:auto;box-shadow:0 24px 100px #0006}
.journal-lightbox::backdrop{background:#071719e8}
.journal-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}
.journal-preview-bar h2{margin:0;font:20px var(--font-serif)}
.journal-preview-bar button{padding:10px 14px;border:1px solid #fff6;background:transparent;color:inherit;cursor:pointer;flex-shrink:0}
.journal-preview-content{display:flex;align-items:center;justify-content:center;background:#081012}
.journal-preview-content img,.journal-preview-content video{display:block;width:100%;height:auto;max-height:calc(92dvh - 80px);object-fit:contain}
@media(max-width:600px){.journal-preview-bar{padding:10px 12px}.journal-preview-bar h2{font-size:17px}}