.workflow-comparison{margin-top:76px;margin-bottom:12px;padding:54px 34px 28px;background:#f1f6e9;border:1px solid #dce7cf;border-radius:24px}
.workflow-comparison-heading{text-align:center;max-width:740px;margin:0 auto 32px}
.workflow-comparison-heading .eyebrow{margin-bottom:14px;color:#576944}
.workflow-comparison-heading h2{font-size:clamp(1.9rem,3.1vw,2.75rem);text-wrap:balance}
.workflow-comparison-heading>p:last-child{margin-top:16px;font-size:16px;line-height:1.6}
.workflow-comparison-scroll{overflow-x:auto;border:1px solid #cfd9c4;border-radius:14px;background:#fff;scrollbar-color:#94a77d #eef3e9;scrollbar-width:thin}
.workflow-comparison-scroll:focus-visible{outline:3px solid #52743a;outline-offset:5px}
.workflow-comparison table{width:100%;min-width:660px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px;line-height:1.6;text-align:left}
.workflow-comparison caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.workflow-comparison col:first-child{width:22%}
.workflow-comparison col:not(:first-child){width:39%}
.workflow-comparison th,.workflow-comparison td{padding:23px 25px;vertical-align:middle;border-bottom:1px solid #e0e7d9}
.workflow-comparison tr>:not(:last-child){border-right:1px solid #e0e7d9}
.workflow-comparison thead th{background:#f8faf5;color:#16221e;font-weight:600;padding-block:25px}
.workflow-comparison thead th:first-child{font-size:12px;color:#607168}
.workflow-comparison thead th:last-child{background:#c6ee86}
.workflow-comparison thead small{display:block;margin-top:6px;color:#607168;font-size:12px;font-weight:400;line-height:1.4}
.workflow-comparison thead th:last-child small{color:#415333}
.workflow-comparison-brand{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.25;letter-spacing:-.025em}
.workflow-comparison-brand svg{width:29px;height:29px;flex:none;padding:4px;background:#16221e;border-radius:7px;fill:#c6ee86}
.workflow-comparison tbody th{color:#263328;font-size:14px;font-weight:600;background:#fcfdf9}
.workflow-comparison tbody td{color:#607168}
.workflow-comparison tbody td:last-child{background:#f4f9ed;color:#263328;font-weight:500}
.workflow-comparison tbody tr:last-child>*{border-bottom:0}
.workflow-comparison-answer{display:flex;align-items:flex-start;gap:11px}
.workflow-comparison-check{display:grid;place-items:center;flex:none;width:19px;height:19px;margin-top:2px;background:#416b30;border-radius:50%;font-size:12px;font-weight:700;line-height:1;color:#fff}
.workflow-comparison-note{max-width:900px;margin:20px auto 0;font-size:12px;line-height:1.7;text-align:center;color:#64715a}
.workflow-comparison-hint{display:none}
@media(max-width:1000px){.workflow-comparison{padding:40px 23px 24px}.workflow-comparison th,.workflow-comparison td{padding:20px}.workflow-comparison-brand{font-size:16px}}
@media(min-width:701px) and (max-width:900px){.workflow-comparison table{min-width:0;font-size:13px}.workflow-comparison th,.workflow-comparison td{padding:20px 16px}.workflow-comparison-brand{font-size:15px;gap:8px}.workflow-comparison-brand svg{width:25px;height:25px}.workflow-comparison tbody th{font-size:13px}}
@media(max-width:700px){.workflow-comparison{margin-top:48px;padding:32px 15px 22px;border-radius:18px}.workflow-comparison-heading{margin-bottom:22px}.workflow-comparison-heading>p:last-child{font-size:14px}.workflow-comparison-heading .eyebrow{font-size:10px;letter-spacing:.09em}.workflow-comparison-hint{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:13px;color:#576944;font-size:12px}.workflow-comparison-hint span{font-size:18px;line-height:1}.workflow-comparison th,.workflow-comparison td{padding:19px 20px}.workflow-comparison-note{text-align:left;margin-top:16px;font-size:11px}}

/* Show the manual setup at a glance beside the short, built-in workflow. */
.workflow-comparison tbody th,.workflow-comparison tbody td{vertical-align:top}
.workflow-comparison-steps{counter-reset:workflow-step;list-style:none;margin:0;padding:0;display:grid;gap:9px}
.workflow-comparison-steps li{position:relative;padding-left:28px;line-height:1.55}
.workflow-comparison-steps li:before{counter-increment:workflow-step;content:counter(workflow-step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#eeeef3;color:#62646d;font-size:11px;font-weight:600;line-height:1}
.workflow-comparison tbody td:last-child .workflow-comparison-answer{font-size:15px;line-height:1.65}