/* A single image announcement, fitted without cropping on every screen. */
.event-popup{position:fixed;z-index:50;left:32px;top:32px;width:max-content;max-width:min(420px,calc(100vw - 64px));background:#fffdfa;color:#403c34;border:1px solid #e2dbcf;box-shadow:0 12px 60px #30281b28;line-height:1.4}
.event-popup[hidden]{display:none}
.event-popup-image{display:block;width:auto;height:auto;max-width:min(420px,calc(100vw - 66px));max-height:calc(100svh - 116px);object-fit:contain;margin:auto}
.event-popup-link{display:block}
.event-popup-x{position:absolute;top:6px;right:6px;width:44px;height:44px;border-radius:50%;background:#fffdf5ed;color:#403c34;border:1px solid #d8d0c3;font:300 30px Nunito,sans-serif;box-shadow:0 2px 10px #0001}
.event-popup-controls{display:grid;grid-template-columns:1.5fr 1fr;border-top:1px solid #e2dbcf;min-width:240px}
.event-popup-controls button{padding:12px 10px;min-height:48px;font:12px var(--sans);color:inherit;background:#fffdfa}
.event-popup-controls button+button{border-left:1px solid #e2dbcf}
.event-popup button:hover{background:#f2eee5}
@media(max-width:600px){.event-popup{left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 32px)}.event-popup-image{max-width:calc(100vw - 34px);max-height:calc(100svh - 100px)}.event-popup-controls{min-width:min(260px,calc(100vw - 34px))}}