.event-details { max-width: 720px; margin: 16px auto 0; display: grid; gap: 16px; }
.event-details p, .event-details figure, .event-details h4 { margin: 0; }
.event-details h4 { font-size: 1.17rem; line-height: 1.4; }
.event-details img, .event-details video { display: block; max-width: 100%; max-height: 540px; border-radius: 4px; }
.event-details video { width: 100%; aspect-ratio: 16 / 9; background: #0a141d; }
.event-details figcaption { margin-top: 6px; color: var(--muted); font-size: .86rem; }
.event:has(details[open] figure) { grid-column: 1 / -1; }
.event-editor { grid-column: 1 / -1; display: grid; gap: 8px; min-width: 0; }
.editor-toolbar:not([hidden]) { display: flex; flex-wrap: wrap; gap: 8px; }
.editor-toolbar button { padding: 5px 10px; border: 1px solid var(--line); border-radius: 4px; background: var(--paper); color: var(--ink); font-size: .86rem; }
.editor-toolbar button:hover { border-color: #80602d; }
.editor-toolbar .gold { background: var(--gold); }
.editor-preview { border: 1px solid var(--line); padding: 16px; overflow-wrap: anywhere; }
.editor-preview [data-preview-status]:empty { display: none; }
.media-dialog { width: min(480px, calc(100% - 32px)); }
.media-dialog::backdrop { background: #0a141db3; }