/* The canonical fixed-height shell already owns vertical scrolling. */
html[data-urgent-scroll-contained],html[data-urgent-scroll-contained] body { overflow:hidden; overscroll-behavior-y:none; }
html[data-urgent-scroll-contained] .desktop-content-stage { min-height:0; overscroll-behavior-y:none; }
[data-urgent-cabinet-header="urgent-navigation-v1"] { position:static !important; }

/* The canonical shell's -8px margin clips circles inside overflow:hidden.
   Keep its safe-area padding and the actual horizontal rail unchanged. */
@media(max-width:767px) {
 [data-stories-rail]:has(> [data-testid="stories-rail"]) {margin-top:0 !important}
}

/* Existing legacy appearance adapter: use canonical theme tokens and 400-weight
   typography. Scoped here; it is not a certified shared-kit component. */
[data-canonical-appearances] {color:hsl(var(--foreground));font-family:var(--app-font-sans,"Nunito",sans-serif)}
[data-canonical-appearances] article {background:hsl(var(--card));border-color:hsl(var(--border));padding:12px}
[data-canonical-appearances] a {color:inherit;min-width:0;text-decoration:none}
[data-canonical-appearances] .speaker-appearance-title {display:block;font-size:14px;line-height:20px;white-space:normal;overflow-wrap:break-word;word-break:normal;hyphens:none}
[data-canonical-appearances] .speaker-appearance-meta {font-size:12px;line-height:18px;color:hsl(var(--muted-foreground))}
[data-canonical-appearances] p[role=status] {font-size:12px;line-height:18px;color:hsl(var(--muted-foreground))}
[data-canonical-appearances] p[role=status]:empty {display:none}
[data-canonical-appearances] button {max-width:100%;min-height:44px;line-height:20px;white-space:normal;color:hsl(var(--foreground));background:hsl(var(--card));border-color:hsl(var(--border))}
[data-canonical-appearances] button:disabled {opacity:.5}
[data-canonical-appearances] button:focus-visible {outline:2px solid hsl(var(--ring));outline-offset:2px}