/* Saved collections retain their existing data engine and semantic links. */
body[data-content-page="sparkmarks"] { --collection-accent: #a94f05; --content-tint: #d97706; }
body[data-content-page="sparkmarks"] :is(.spark-card, .sparks-stats, .sparks-empty) {
  border: 1px solid color-mix(in srgb, var(--collection-accent) 55%, var(--content-rim));
  border-radius: 24px;
  background: radial-gradient(100% 110% at 0 0, var(--content-specular), transparent 60%),
    linear-gradient(135deg, color-mix(in srgb, var(--color-white) 95%, #d97706), color-mix(in srgb, var(--color-white) 86%, #d97706));
  box-shadow: inset 0 1px var(--content-specular), inset 0 -2px #d9770645, 0 16px 32px var(--content-shadow);
  color: var(--content-ink);
}
body[data-content-page="sparkmarks"] :is(.spark-label, .page-hero h1) { color: var(--content-ink); }
body[data-content-page="sparkmarks"] :is(.spark-meta, .stat-label, .page-hero > p) { color: var(--content-muted); }
body[data-content-page="sparkmarks"] :is(.stat-number, .spark-arrow, .page-crosslinks a) { color: var(--collection-accent); }
body[data-content-page="sparkmarks"] :is(.filter-tab, .emoji-btn, .export-btn) { min-height: 44px; border-color: var(--content-rim); color: var(--content-ink); }
body[data-content-page="sparkmarks"] :is(.filter-tab.active, .emoji-btn.active) { background: color-mix(in srgb, var(--color-white) 78%, #d97706); border-color: var(--collection-accent); color: var(--content-ink); }
[data-lexicon="moon"] body[data-content-page="sparkmarks"] { --collection-accent: #ffd18a; --color-bg: #253441; --color-white: #40566a; }
@media (prefers-reduced-motion: reduce) { body[data-content-page="sparkmarks"] .spark-card { transition: none; transform: none; } }