.app-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  margin: 32px 0; padding: 20px 24px; border-radius: 16px;
  background: var(--bg-elevated, #ffffff); color: var(--text-primary, #1e293b);
  border: 1px solid var(--border-light, #e7e5e4);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.app-cta-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 260px; }
.app-cta-copy strong { font-size: 17px; font-weight: 700; letter-spacing: -0.01em; }
.app-cta-copy span { font-size: 14px; line-height: 20px; color: var(--text-secondary, #334155); }
.app-cta-stores { display: flex; gap: 8px; flex-wrap: wrap; }
.app-cta-store {
  display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 10px;
  font-size: 14px; font-weight: 700; text-decoration: none;
  background: var(--text-primary, #1e293b); color: var(--bg-primary, #f5f5f4);
}
.app-cta-store:hover { opacity: 0.9; }
.app-cta-store:focus-visible { outline: 2px solid var(--color-accent, #047857); outline-offset: 2px; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .app-cta { background: #162032; color: #f1f5f9; border-color: #263247; }
  :root:not([data-theme]) .app-cta-copy span { color: #cbd5e1; }
  :root:not([data-theme]) .app-cta-store { background: #f1f5f9; color: #0b1120; }
}
@media (max-width: 480px) {
  .app-cta { padding: 16px; }
  .app-cta-stores { flex: 1 1 100%; }
  .app-cta-store { flex: 1 1 0; justify-content: center; }
}

.story-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 16px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 13px; color: var(--text-tertiary, #475569); }
.story-crumbs a { color: inherit; text-decoration: none; font-weight: 600; }
.story-crumbs a:hover { text-decoration: underline; }