/* Shared surfaces and text are the navigation; no independent flourish. */
html.has-continuity #event-detail[open],html.has-continuity #menu[open],html.has-continuity #search[open]{animation:none;translate:none;clip-path:none}
.continuity-overlay[popover]{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:visible;background:transparent;pointer-events:none!important;contain:layout style;z-index:2147483647}
.continuity-overlay::backdrop{background:transparent;pointer-events:none}
.continuity-overlay *{pointer-events:none!important;box-sizing:border-box}
.continuity-surface,.continuity-title,.continuity-media{position:absolute;margin:0;padding:0;transform-origin:0 0;overflow:hidden}
.continuity-surface{border:1px solid #ffffff30;box-shadow:0 18px 70px #0002}
.continuity-title{font-family:var(--sans);font-weight:500;white-space:normal;overflow-wrap:anywhere;z-index:2;min-width:0;max-width:none}
.continuity-media{display:block;z-index:1;max-width:none;max-height:none;background:#051daa}
.continuity-filter{position:absolute!important;min-height:0;margin:0;overflow:hidden;transform:none!important;animation:none!important;box-shadow:0 16px 50px #0002}
.layout-switch{position:relative;isolation:isolate}
.layout-switch button{position:relative;z-index:1}
.layout-switch button[aria-pressed=true]{background:transparent}
.layout-indicator{position:absolute;top:2px;bottom:2px;z-index:0;background:#ffffffed;border-radius:2px;pointer-events:none}
.detail-tabs{isolation:isolate}
.detail-tabs button[aria-selected=true]{border-bottom-color:transparent}
.tab-indicator{position:absolute;bottom:0;height:2px;z-index:2;background:#051daa;pointer-events:none}
html.has-continuity .type-options{animation:none}
@media(prefers-reduced-motion:reduce){.continuity-overlay{display:none!important}}
.paused .continuity-overlay,.motion-disabled .continuity-overlay{display:none!important}

html.has-continuity dialog[open]::backdrop{animation:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),backdrop-filter .3s cubic-bezier(.22,1,.36,1)}
html.has-continuity dialog[data-continuity-closing]::backdrop{opacity:0;backdrop-filter:blur(0)}
@media(prefers-reduced-motion:reduce){html.has-continuity dialog[open]::backdrop{transition:none}}

.continuity-search-row{position:absolute;min-height:0;margin:0;background:#07165c;color:white;overflow:hidden;z-index:2}
/* Filtering keeps the search surface anchored while its rows move inside it. */
#search{height:calc(100svh - 60px)}