/* page style: ai-workflow */
body[data-site-route="/ai-workflow/"] .ai-workflow-photo img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center 42%;
  width: 100%;
}

body[data-site-route="/ai-workflow/"] .ai-workflow-flow {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  list-style: none;
  padding-left: 0;
}

body[data-site-route="/ai-workflow/"] .ai-workflow-flow li {
  align-items: center;
  display: flex;
  gap: 10px;
}

body[data-site-route="/ai-workflow/"] .ai-workflow-flow li + li::before {
  color: var(--accent);
  content: "→";
  font-family: var(--mono);
  font-weight: 600;
}

body[data-site-route="/ai-workflow/"] .ai-workflow-flow span {
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: var(--meta-size);
  line-height: var(--meta-line);
  padding: 7px 11px;
}

body[data-site-route="/ai-workflow/"] .ai-workflow-note {
  color: var(--muted);
  font-size: var(--meta-size);
  line-height: var(--meta-line);
}

body[data-site-route="/ai-workflow/"] .ai-workflow-note-number {
  font-family: var(--mono);
  margin-right: 4px;
}