/* Phase 03 / B — curate the reading path; retain original evidence and viewers. */
.project-jess-page .jess-story-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 32px 0; padding: 24px 0; border-block: 1px solid var(--portfolio-rule); }
.project-jess-page .jess-story-nav a { display: flex; gap: 12px; align-items: baseline; text-decoration: none; color: var(--portfolio-ink); font-size: 17px; line-height: 1.5; }
.project-jess-page .jess-story-nav a:hover { color: var(--portfolio-blue); text-decoration: underline; }
.project-jess-page .jess-story-nav span { color: var(--portfolio-blue); font: 11px/1.5 'Spline Sans Mono', monospace; }
.project-jess-page .jess-support-heading { margin: 40px 0 16px; font: 600 22px/1.3 'Instrument Sans', sans-serif; color: var(--portfolio-ink); }
.project-jess-page .jess-evidence { margin: 40px 0; }
.project-jess-page .jess-evidence .jess-support-heading:first-child { margin-top: 0; }
.project-jess-page .jess-evidence .case-hero-visual.full { width: 100%; margin: 24px 0; padding: 12px; border: 1px solid var(--portfolio-rule); border-radius: var(--portfolio-figure-radius, 12px); background: var(--portfolio-paper); box-shadow: none; }
.project-jess-page .jess-next-label { margin-top: 24px; color: var(--portfolio-ink); font-weight: 600; }
.project-jess-page :is(h2, h3)[id] { scroll-margin-top: 100px; }
.project-jess-page .jess-loop-mobile { display: none; }
@media (max-width: 760px) {
  .project-jess-page .jess-story-nav { grid-template-columns: 1fr; gap: 16px; }
  .project-jess-page .jess-evidence .case-hero-visual.full { padding: 8px; }
}
@media (max-width: 560px) {
  .project-jess-page .loop-figure svg { display: none; }
  .project-jess-page .jess-loop-mobile { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; margin: 0; padding: 0; list-style: none; counter-reset: learning-step; }
  .project-jess-page .jess-loop-mobile li { padding: 12px 0; border-top: 1px solid var(--portfolio-rule); font-size: 17px; counter-increment: learning-step; }
  .project-jess-page .jess-loop-mobile li::before { content: counter(learning-step, decimal-leading-zero) " / "; font: 11px/1.5 'Spline Sans Mono', monospace; color: var(--portfolio-blue); }
}