/* Preserve each output role while reducing the existing size by two pixels. */
#workflow.ms-screen-story {
  --story-output-title: calc(0.9375rem - 2px);
  --story-output-body: calc(0.875rem - 2px);
  --story-output-phone: calc(0.84375rem - 2px);
  --story-output-note: calc(0.6875rem - 2px);
}

#workflow.ms-screen-story .ms-ai-output :is(.ms-output-heading, .ms-output-lines) {
  font-size: var(--story-output-title) !important;
}

#workflow.ms-screen-story .ms-ai-output :is(.ms-output-input, .ms-output-status) {
  font-size: var(--story-output-body) !important;
}

#workflow.ms-screen-story .ms-device-phone .ms-ai-output :is(
  .ms-output-heading, .ms-output-lines, .ms-output-input, .ms-output-status
) {
  font-size: var(--story-output-phone) !important;
}

#workflow.ms-screen-story .ms-ai-output .ms-output-tag {
  font-size: var(--story-output-note) !important;
}

@media (max-width: 760px) {
  #workflow.ms-screen-story {
    --story-output-title: calc(0.875rem - 2px);
  }

  html:not([lang="zh-CN"]) #workflow.ms-screen-story .ms-ai-output .ms-output-lines {
    font-size: 10px !important;
  }
}