/* Readability only. Scoped to Stories; existing colors and preview geometry stay intact. */
#storiesView { font-size: 18px; }
#storiesView .story-create-heading h3 { font-size: 26px; line-height: 1.3; }
#storiesView .story-form-stage h4,
#storiesView #storyCaptionBlock .story-caption-heading > strong,
#storiesView #storyLibraries .sl-picker-title > strong { font-size: 20px; line-height: 1.35; }
#storiesView label,
#storiesView .message,
#storiesView table { font-size: 18px; }
#storiesView .hint,
#storiesView .muted,
#storiesView .story-header .muted,
#storiesView .story-history-bar span,
#storiesView .story-queue th,
#storiesView .file-name,
#storiesView #storyCaptionStatus,
#storiesView .story-caption-action { font-size: 16px; line-height: 1.45; }
#storiesView .story-metric { box-sizing: border-box; min-height: 140px; padding: 20px; }
#storiesView .story-metric span { font-size: 20px; line-height: 1.35; overflow-wrap: anywhere; }
#storiesView .story-metric b { font-size: 44px; line-height: 1.1; overflow-wrap: anywhere; }
#storiesView button,
#storiesView #createQueue,
#storiesView #storyAccountsCompact button,
#storiesView #storyLibraries button,
#storiesView #storyLivePublications .sl-action {
  min-height: 48px;
  font-size: 18px;
  line-height: 1.25;
}
#storiesView input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),
#storiesView select,
#storiesView #storyAccountsCompact .sc-settings input,
#storiesView #storyAccountsCompact .sc-settings select {
  box-sizing: border-box;
  min-height: 48px;
  height: 48px;
  font-size: 18px;
}
#storiesView textarea { font-size: 18px; line-height: 1.45; }
#storiesView #storyCaptionBlock > summary { min-height: 48px; }
#storiesView #storyAccountsCompact .sc-heading { font-size: 18px; }
#storiesView #storyAccountsCompact .sc-count { font-size: 22px; min-width: 34px; height: 34px; }
#storiesView #storyAccountsCompact .sc-filters,
#storiesView #storyAccountsCompact .sc-subtitle { min-height: 48px; height: auto; font-size: 16px; }
#storiesView #storyAccountsCompact .sc-filters { flex-wrap: wrap; }
#storiesView #storyAccountsCompact .sc-account { min-height: 100px; height: auto; padding: 12px 8px; }
#storiesView #storyAccountsCompact .sc-avatar,
#storiesView #storyLivePublications .sl-avatar {
  flex-basis: 72px;
  width: 72px;
  height: 72px;
  font-size: 14px;
}
#storiesView #storyAccountsCompact .sc-name { font-size: 20px; line-height: 28px; white-space: normal; overflow-wrap: anywhere; }
#storiesView #storyAccountsCompact .sc-nick { font-size: 16px; line-height: 23px; white-space: normal; overflow-wrap: anywhere; }
#storiesView #storyAccountsCompact .sc-move { flex-basis: 48px; width: 48px; height: 48px; font-size: 22px; }
#storiesView #storyAccountsCompact .sc-settings label { font-size: 18px; line-height: 1.4; }
#storiesView #storyAccountsCompact .sc-footnote,
#storiesView #storyAccountsCompact .sc-empty { font-size: 16px; line-height: 1.45; }
#storiesView #storyLibraries .sl-meta,
#storiesView #storyLibraries .sl-scope,
#storiesView #storyLibraries .sl-note,
#storiesView #storyLibraries .sl-status,
#storiesView #storyLibraries .sl-paging,
#storiesView #storyLibraries .sl-saved,
#storiesView #storyLibraries .sl-pick span,
#storiesView #storyLibraries .sl-empty { font-size: 16px; line-height: 1.45; }
#storiesView #storyLivePublications .sl-person strong { font-size: 20px; line-height: 1.4; }
#storiesView #storyLivePublications [data-sl-summary],
#storiesView #storyLivePublications .sl-muted,
#storiesView #storyLivePublications .sl-status,
#storiesView #storyLivePublications .sl-count,
#storiesView #storyLivePublications .sl-details,
#storiesView #storyLaunchSummary { font-size: 16px; line-height: 1.45; }
/* This is a publication-position preview, not ordinary UI typography. */
#storiesView .eternal-story-canvas { font-size: 16px; }
/* Keep the existing 680px account-column breakpoint, only stack time labels
   earlier when their larger text needs room. Never scale the entire page. */
@media (max-width: 520px) {
  #storiesView #storyAccountsCompact .sc-settings label { grid-template-columns: 1fr; }
}