/* Phase 03 / C — an explicitly conceptual model, not a product-screen mockup. */
.project-suiyu-page .suiyu-journey { margin: 32px 0 40px; }
.project-suiyu-page .suiyu-journey-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 20px 0 0; padding: 0; border-top: 1px solid var(--portfolio-rule); }
.project-suiyu-page .suiyu-journey-steps > li { padding: 24px 20px 24px 0; min-width: 0; }
.project-suiyu-page .suiyu-journey-steps > li:nth-child(-n+4):not(:first-child) { padding-left: 20px; border-left: 1px solid var(--portfolio-rule); }
.project-suiyu-page .suiyu-step { font: 11px/1.5 'Spline Sans Mono', monospace; color: var(--portfolio-blue); letter-spacing: .04em; text-transform: uppercase; }
.project-suiyu-page .suiyu-journey h3, .project-suiyu-page .suiyu-next-grid h3 { margin: 12px 0; font: 600 22px/1.3 'Instrument Sans', sans-serif; color: var(--portfolio-ink); }
.project-suiyu-page :is(.suiyu-journey, .suiyu-next-grid) p:not(.eyebrow) { margin: 0; font-size: 17px; line-height: 1.65; color: var(--portfolio-muted); }
.project-suiyu-page .suiyu-journey-steps > :is(.suiyu-journey-branch, .suiyu-journey-history) { grid-column: 1 / -1; border-top: 1px solid var(--portfolio-rule); padding-right: 0; }
.project-suiyu-page .suiyu-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.project-suiyu-page .suiyu-paths > div + div { border-left: 1px solid var(--portfolio-rule); padding-left: 32px; }
.project-suiyu-page .suiyu-journey-history p { max-width: 76ch; }
.project-suiyu-page .suiyu-journey .caption { border-top: 1px solid var(--portfolio-rule); padding-top: 12px; max-width: 85ch; }
.project-suiyu-page .suiyu-support-heading { font: 600 24px/1.3 'Instrument Sans', sans-serif; margin: 40px 0 16px; color: var(--portfolio-ink); }
.project-suiyu-page .suiyu-support-heading:not(:first-of-type) { padding-top: 32px; border-top: 1px solid var(--portfolio-rule); }
.project-suiyu-page .suiyu-hypothesis-label { font-size: 14px; color: var(--portfolio-muted); margin-top: 24px; }
.project-suiyu-page .suiyu-next-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0 0 32px; }
@media (max-width: 900px) {
  .project-suiyu-page .suiyu-journey-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-suiyu-page .suiyu-journey-steps > li:nth-child(3):not(:first-child) { border-left: 0; padding-left: 0; }
  .project-suiyu-page .suiyu-journey-steps > li:nth-child(3), .project-suiyu-page .suiyu-journey-steps > li:nth-child(4) { border-top: 1px solid var(--portfolio-rule); }
  .project-suiyu-page .suiyu-next-grid { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 560px) {
  .project-suiyu-page .suiyu-journey-steps, .project-suiyu-page .suiyu-paths { grid-template-columns: 1fr; }
  .project-suiyu-page .suiyu-journey-steps > li:nth-child(-n+4):not(:first-child) { border-left: 0; padding-left: 0; border-top: 1px solid var(--portfolio-rule); }
  .project-suiyu-page .suiyu-paths { gap: 20px; }
  .project-suiyu-page .suiyu-paths > div + div { border-left: 0; padding-left: 0; }
}