/* One restrained identity per project; darker companions carry small text. */
.project-preview--shrimp, .case--shrimp { --project-accent: #627F90; --project-ink: #3E6178; --project-surface: #E8EEF1; }
.project-preview--day-echo, .case--day-echo { --project-accent: #A18A64; --project-ink: #806338; --project-surface: #F0EADF; }
.project-preview--journeycraft, .case--journeycraft { --project-accent: #738D7D; --project-ink: #426A51; --project-surface: #E9EEE8; }
.project-preview--math-lens, .case--math-lens { --project-accent: #8D79A7; --project-ink: #635080; --project-surface: #EEECF3; }
.project-preview .project-index>span, .project-preview .project-role,
.project-preview .project-title>span, .case .case-role { color: var(--project-ink, var(--blue-strong)); }
.case .case-methods li { border-left-color: var(--project-accent, var(--gold)); }
.case .evidence-switch button[aria-pressed="true"] { color: var(--project-ink, var(--blue-strong)); }
.project-preview { background: var(--project-surface); border-top: 2px solid var(--project-accent); padding: var(--space-md); }
.project-preview>.preview-heading { padding: 0; background: none; }
.project-preview .project-link:hover h3, .project-preview .project-link:focus-visible h3 { color: var(--project-ink); }
.project-preview a:focus-visible, .project-preview button:focus-visible,
.case a:focus-visible, .case button:focus-visible { outline-color: var(--project-ink); }
.project-preview .recording-toolbar, .case--day-echo .recording-toolbar { background: var(--project-surface); padding-inline: var(--space-sm); border-top: 2px solid var(--project-accent); }
.project-preview .lens-comparison figcaption, .case--math-lens .lens-comparison figcaption { background: var(--project-surface); }
.project-preview .phone-pair img, .case--journeycraft .study-figure img, .case--journeycraft .reader-screen img { border-color: var(--project-accent); }
.case-heading>div, .study-title { border-left: 4px solid var(--project-accent); padding: var(--space-md); background: var(--project-surface); }
.case--day-echo .recording-frame { border-top: 3px solid var(--project-accent); }
.case--math-lens .lens-comparison { border-top: 3px solid var(--project-accent); }
.case .case-methods { color: var(--project-ink); }
@media(max-width: 600px) {
  .project-preview, .project-preview+.project-preview { padding: var(--space-sm); border-top: 2px solid var(--project-accent); }
}
@media(prefers-reduced-motion:no-preference) {
  .case-navigation a>span[aria-hidden] { transition: transform var(--motion-fast) var(--ease); }
  .case-previous:hover>span[aria-hidden], .case-previous:focus-visible>span[aria-hidden] { transform: translateX(-3px); }
  .case-next:hover>span[aria-hidden], .case-next:focus-visible>span[aria-hidden] { transform: translateX(3px); }
}