/* Keep the proposed journey readable, with room reserved for each connector. */
.study-page[data-project="heylily"] .lead-artifact .diagram { padding: clamp(24px, 4vw, 48px); }
.study-page[data-project="heylily"] .diagram > p:first-child { margin-bottom: 36px; }
.study-page[data-project="heylily"] .flow { gap: 48px; }
.study-page[data-project="heylily"] .flow li { padding: 24px 0 8px; }
.study-page[data-project="heylily"] .flow b { font-size: 1.125rem; line-height: 1.4; margin-bottom: 14px; }
.study-page[data-project="heylily"] .flow span { line-height: 1.75; }
.study-page[data-project="heylily"] .flow li:not(:last-child):after {
  display: block;
  width: 32px;
  right: -40px;
  top: 20px;
  font-size: 32px;
  line-height: 1;
  text-align: center;
}
.study-page[data-project="heylily"] .diagram .diagram-note { margin-top: 36px; line-height: 1.7; }
@media (max-width: 900px) {
  .study-page[data-project="heylily"] .flow { grid-template-columns: minmax(0, 1fr); gap: 52px; }
  .study-page[data-project="heylily"] .flow li { padding: 20px 0 4px; }
  .study-page[data-project="heylily"] .flow li:not(:last-child):after {
    content: '↓';
    top: auto;
    right: auto;
    left: 0;
    bottom: -42px;
  }
}