/* File workflows share the public site's cream, sage and quiet typography. */
.file-workflow{margin-top:56px;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.file-workflow__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.file-workflow h3{margin:0;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1.15;font-weight:650}.file-workflow__intro p{max-width:650px;margin:14px 0 0;color:var(--muted);line-height:1.65;font-size:16px}.file-workflow a{color:var(--ink-2);text-underline-offset:4px;text-decoration-color:var(--lime-strong)}.file-workflow__link{flex:none;min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:600}.file-workflow__links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0 0}.file-workflow__links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.file-workflow-example{margin:28px 0 0;min-width:0}.file-workflow-example__panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.file-workflow-example__step{min-width:0}.file-workflow-example__label{display:block;margin:0 0 12px;color:var(--muted);font:11px/1.5 var(--font-mono);letter-spacing:.03em}.file-workflow-example__sheet,.file-workflow-example__chart,.file-workflow-example__message{height:188px;box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.file-workflow-example table{width:100%;border-collapse:collapse;font-size:12px}.file-workflow-example caption{text-align:left;padding:14px;font-weight:600;color:var(--ink)}.file-workflow-example th,.file-workflow-example td{line-height:1.35;padding:8px 12px;border-top:1px solid var(--line);font-weight:400;text-align:left}.file-workflow-example thead{background:var(--lime-wash)}.file-workflow-example td{text-align:right;font-variant-numeric:tabular-nums}.file-workflow-example__chart{display:flex;align-items:stretch;justify-content:space-around;padding:24px 18px 12px;gap:18px;background:var(--lime-wash)}.file-workflow-example__chart>div{display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.file-workflow-example__chart i{display:block;height:calc(100px * var(--bar));flex-shrink:0;width:min(38px,100%);border-radius:4px 4px 0 0;background:var(--ink-2);opacity:.75}.file-workflow-example__chart>div:nth-child(2) i{background:var(--lime-strong);opacity:1}.file-workflow-example__chart span{font-size:11px;color:var(--muted)}.file-workflow-example__message{padding:18px;background:var(--paper-2)}.file-workflow-example__message>span{display:block;font-size:11px;color:var(--muted);margin-bottom:14px}.file-workflow-example__message strong{font-size:14px;font-weight:600}.file-workflow-example__message p{margin:8px 0;font-size:13px;line-height:1.5}.file-workflow-example__message small{font-size:10px;color:var(--muted)}.file-workflow-example figcaption{margin:14px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}
.help-topic__body .file-workflow-example__panels{gap:12px}.help-topic__body .file-workflow-example__message{padding:14px}.help-topic__body .file-workflow-example__message p{font-size:12px;line-height:1.45;margin:8px 0}.help-topic__body .file-workflow-example figcaption{font-size:11px}.help-file-shortcuts{display:flex;gap:8px 18px;flex-wrap:wrap;margin:0 0 20px}.help-file-shortcuts a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;color:var(--ink-2);text-underline-offset:4px}
@media(max-width:900px){.help-topic__body .file-workflow-example__panels{grid-template-columns:1fr}.help-topic__body .file-workflow-example__step{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center}}
@media(max-width:680px){.file-workflow{padding:20px;border-radius:18px}.file-workflow__intro{display:block}.file-workflow__intro p{font-size:15px}.file-workflow-example__panels{grid-template-columns:1fr;gap:18px}.file-workflow-example__step,.help-topic__body .file-workflow-example__step{display:block}.file-workflow-example__sheet,.file-workflow-example__chart,.file-workflow-example__message{height:184px}.file-workflow__link{margin-top:10px}.file-workflow-example{margin-top:20px}}