.event-popup {
  --event-popup-actions: calc(var(--control-height) + var(--space-6));
  width: min(calc(100% - var(--space-4)), max(calc(var(--space-52) * 1.5), min(calc(var(--space-52) * 2.6), calc((100dvh - var(--space-8) - var(--event-popup-actions)) * .75))));
  max-width: 100%;
  max-height: calc(100dvh - var(--space-8));
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: var(--radius-dialog);
  background: var(--home-pearl);
  box-shadow: var(--home-panel-shadow);
}
.event-popup[open] { display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.event-popup::backdrop { background: var(--home-dialog-backdrop); }
.event-popup__media { min-height: 0; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y pinch-zoom; }
.event-popup__media img { display: block; width: 100%; height: auto; }
.event-popup__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); padding: var(--space-3); }
.event-popup__actions button { min-width: 0; min-height: var(--control-height); padding: var(--space-2) var(--space-3); border: var(--border-thin); border-radius: var(--radius-control); background: transparent; color: var(--home-wine-deep); font-family: var(--font-body); font-size: var(--font-small); line-height: var(--home-leading-tight); word-break: keep-all; cursor: pointer; }
.event-popup__actions button span { white-space: nowrap; }
.event-popup__actions [data-event-close] { border-color: transparent; background: var(--home-wine-deep); color: var(--home-pearl); }
.event-popup__actions [data-event-dismiss]:hover { background: var(--wine-50); }
.event-popup__actions [data-event-dismiss]:active { background: var(--wine-100); }
.event-popup__actions [data-event-close]:hover { background: var(--home-wine); }
.event-popup__actions [data-event-close]:active { background: var(--wine-850); }
.event-popup button:focus-visible { outline: var(--focus-ring) solid var(--key-700); outline-offset: var(--focus-separation); }