/* Shared numbered-workflow treatment for every Ask Franklin guide. */
.workflow-list{display:grid;min-width:0}
.workflow-article .way{min-width:0;padding:48px 0;border-top:1px solid var(--line)}
.workflow-article .way:first-child{padding-top:0;border-top:0}
.workflow-article .way>.way-number,.workflow-article .way>h2,.workflow-article .way>.way-copy{width:min(100%,var(--measure));margin-inline:auto}
.workflow-article .way-number{display:block;margin-bottom:14px;color:var(--red);font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.workflow-article .way h2{max-width:none;font-size:clamp(28px,3.4vw,40px);line-height:1.14;letter-spacing:-.03em;text-align:left;text-wrap:balance}
.workflow-article .way-copy{display:grid;gap:16px;margin-top:20px}
.workflow-article .way-copy p{width:100%;max-width:var(--measure);color:var(--grey-3);font-size:17px;line-height:1.78;text-align:start}
html[lang="en"] .workflow-article .et-only-copy{display:none}
.workflow-article .way-chat-layout{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
.workflow-article .way-chat-copy{width:min(100%,var(--measure));min-width:0;margin-inline:auto}
.workflow-article .way-chat-layout .workflow-example{margin-top:0}
.workflow-example{width:min(100%,var(--wide));min-width:0;margin:28px auto 0;overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:var(--ink-3)}
.workflow-example-compact{width:min(100%,var(--wide))}
.article-body .workflow-example-chat{width:min(100%,482px)}
.product-showcase-frame{display:block;width:100%;height:540px;transform-origin:top left;border:0;background:#1a1a1a}
.product-showcase-fallback{display:block;width:100%;height:auto}
@media(max-width:600px){
  .workflow-article .way{padding:38px 0}
  .workflow-example-compact{width:100%}
  .product-showcase-frame{height:520px}
  .product-showcase-visual-frame{height:620px}
}