/* Connected story surfaces (swarm lane B, 7 Oct 2026). Load after application.css and persona-access.css.
 * Story slots reuse the authored Oracle card frame (oracle-frame--card) and the persona's own tokens; the preamble is
 * framing set apart from messages; a finished story's composer note sits above the composer. No dock, sanctuary or
 * frame override lives here. */
.application-story-slots { margin-top:22px; }
.application-story-slots__list { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.application-story-slot { position:relative; display:grid; grid-template-columns:max(34px,1.45em) minmax(0,1fr); align-items:center; gap:4px 12px; min-height:88px; padding:14px 12px; border:1px solid #79664a70; border-radius:9px; background:linear-gradient(90deg,#08070b,#121017); color:var(--paper,#e9dccb); }
.application-story-slot__number { position:relative; display:flex; align-items:center; align-self:stretch; color:#bca98a; font-size:1.25rem; border-right:1px solid #8e795c55; white-space:nowrap; }
.application-story-slot__number img { position:absolute; width:9px; height:9px; top:calc(50% - 4px); right:-5px; background:#0a090e; }
.application-story-slot__copy { display:grid; gap:2px; min-width:0; }
.application-story-slot__title { font-family:'Cormorant Garamond',Georgia,serif; font-size:1.2rem; line-height:1.25; overflow-wrap:anywhere; }
.application-story-slot__detail { color:var(--h3ll-muted,#b9aaa4); font:.78rem/1.45 Manrope,Arial,sans-serif; }
.application-story-slot__actions { grid-column:2; min-width:0; }
.application-story-slot[data-story-id] { border-color:color-mix(in srgb,var(--character-accent,#c59575) 45%,#79664a70); }
.application-story-slot .application-story-state[data-story-session="reading-only"] { opacity:.75; }
.application-story-action { margin:8px 0 0; }
.application-story-status { margin:4px 0 0; min-height:0; color:#e5c9b5; font:.82rem/1.5 Manrope,Arial,sans-serif; overflow-wrap:anywhere; }
.application-story-status:empty { display:none; }
.application-story-session { margin:18px 0 6px; padding:14px 0 4px; border-top:1px solid #8e795c55; }
.application-story-session__label { margin:0 0 4px; }
.application-story-session__label .application-story-state { display:inline; margin:0; font-size:.68rem; }
.application-story-session [data-story-countdown],.application-story-slots [data-story-countdown] { color:var(--h3ll-muted,#b9aaa4); font:.78rem/1.45 Manrope,Arial,sans-serif; }
.application-story-slots :is(a,button):focus-visible,.application-story-session :is(a,button):focus-visible { outline:2px solid var(--character-focus,#edb990); outline-offset:3px; }
/* Keyboard focus and scrollIntoView keep these controls above the fixed canonical dock (clearance: application-entry.css). */
:is(.application-story-slots,.application-persona-access) :is(a,button,input) { scroll-margin-block:16px var(--entry-dock-clearance,140px); }
/* Authored framing above the accepted history: never styled as a speaker's message. */
.application-story-preamble { margin:6px 10px 18px; padding:14px 16px; border-block:1px solid color-mix(in srgb,var(--chat-line,#8e795c) 60%,transparent); color:var(--chat-ink,#eadccb); background:color-mix(in srgb,var(--chat-paper,#0d0b10) 82%,transparent); text-align:center; }
.application-story-preamble p { margin:.4rem auto; max-width:46ch; font:italic 1rem/1.6 'Cormorant Garamond',Georgia,serif; overflow-wrap:anywhere; }
.application-story-preamble .application-story-preamble__kicker { margin:0 0 .5rem; font:600 .62rem/1.4 Manrope,Arial,sans-serif; font-style:normal; letter-spacing:.16em; color:var(--chat-muted,#b9aaa4); }
/* A closed story has nothing to dress for: the floating wardrobe hint yields to the note instead of covering it. */
main[data-story-locked] .realm-chat [data-motif-hint] { display:none; }
.application-story-lock { margin:0 8px 8px; padding:8px 12px; color:var(--chat-ink,#eadccb); background:color-mix(in srgb,var(--chat-paper,#0d0b10) 94%,transparent); border-radius:6px; font:.82rem/1.5 Manrope,Arial,sans-serif; text-align:center; }
/* The persona access summary under the worlds threshold's five cards. */
.application-persona-access { margin:24px 12px 8px; }
.application-persona-access .persona-access { border-radius:12px; }
.persona-access__terms { margin:1.25rem 0; }
.persona-access__term-list { display:grid; gap:.5rem; margin:.5rem 0; padding:0; list-style:none; }
.persona-access__term-list li { display:grid; gap:2px; padding:.6rem 0; border-bottom:1px solid color-mix(in srgb,var(--pa-line,#887c4d) 40%,transparent); }
.persona-access__term-list span { color:var(--pa-muted,#c5b793); font-size:.85rem; overflow-wrap:anywhere; }
.persona-access__terms-status:empty { display:none; }
@media (max-width:350px) { .application-story-slot { grid-template-columns:1fr; } .application-story-slot__number { border:0; } .application-story-slot__number img { display:none; } .application-story-slot__actions { grid-column:1; } }
@media (forced-colors:active) { .application-story-slot,.application-story-preamble,.application-story-lock { border:1px solid CanvasText; background:Canvas; color:CanvasText; } }