.workflow-shot { margin: 12px 0; min-width: 0; }
.workflow-device { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); }
.workflow-shot img { display: block; width: 100%; height: auto; }
.workflow-dark { display: none; }
:root[data-theme="dark"] .workflow-light { display: none; }
:root[data-theme="dark"] .workflow-dark { display: block; }
.workflow-shot figcaption { margin-top: 10px; color: var(--muted); font-size: .9rem; line-height: 1.6; }
.article-content blockquote { margin: 4px 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--line); }
@media (max-width: 600px) {
  .workflow-device { max-width: 390px; margin-inline: auto; }
}