.event-context-navigation { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; position: relative; z-index: 1; }
.event-context-navigation a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: #fff; font-size: 14px; text-decoration: none; }
.event-context-navigation a:hover,
.event-context-navigation a:focus,
.event-context-navigation a:active { color: var(--director-red, #df2c48); text-decoration: underline; }
.event-context-navigation a:focus-visible { outline: 2px solid var(--director-red, #df2c48); outline-offset: 4px; }
.event-context-navigation-divider { height: 20px; border-left: 1px solid #666; }
.invitation-container-header { position: relative; }
.invitation-container-header > .event-context-navigation + .invitation-container-title { position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; }
@media (max-width: 900px) {
    .invitation-container-header:has(> .event-context-navigation) { flex-direction: column; gap: 12px; height: auto; padding: 16px; }
    .invitation-container-header > .event-context-navigation + .invitation-container-title { position: static; transform: none; }
}