.event-details-link { display: block; width: fit-content; margin-top: .65rem; color: #746166; font-size: .875rem; font-weight: 500; text-decoration-color: #c5b7bb; text-decoration-thickness: 1px; text-underline-offset: .25em; }
.event-details-link:hover, .event-details-link:focus-visible { color: var(--primary); text-decoration-color: currentColor; }
.event-dialog { width: min(760px, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 1px solid #ded8cd; border-radius: 18px; color: #222; background: #fffdf9; box-shadow: 0 24px 80px #0005; }
.event-dialog::backdrop { background: #21151bb3; backdrop-filter: blur(4px); }
.event-dialog-bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid #ded8cd; }
.event-dialog-bar a { color: #6e1625; font-size: 1rem; }
.event-dialog-close { font: inherit; padding: .6rem .9rem; cursor: pointer; border: 1px solid #ded8cd; border-radius: 8px; background: white; color: #471019; }
.event-dialog-content { padding: clamp(1.25rem, 4vw, 2.5rem); overflow-wrap: anywhere; }
.event-dialog-content h1 { font-family: Georgia, serif; font-size: clamp(1.8rem, 5vw, 2.6rem); line-height: 1.15; color: #471019; margin-top: 0; }
.event-dialog-content h2 { font-family: Georgia, serif; color: #471019; font-size: 1.5rem; }
.event-dialog-content section + section { margin-top: 2rem; }
.event-dialog-content img { max-width: 100%; height: auto; }
html.event-modal-open { overflow: hidden; }
:focus-visible { outline: 3px solid #9b7336; outline-offset: 4px; }