.workflow-cost-page .resource-header { max-width: 1120px; margin-bottom: 48px; }
.workflow-cost-page .resource-header h1 { max-width: 26ch; font-size: clamp(2.2rem, 4.3vw, 3.8rem); font-weight: 500; line-height: 1.18; }
.workflow-cost-page .resource-header .product-crumbs,.workflow-cost-page .resource-header .product-crumbs a,.workflow-cost-page .resource-header .product-crumbs span { color: #68645e; }
.workflow-cost-page .resource-body { max-width: 820px; margin-inline: auto; }
.workflow-cost-page .resource-body .lead { font-size: 1.35rem; line-height: 1.8; }
.workflow-cost-page .resource-body .pull { border-left: 3px solid var(--red); padding: 12px 0 12px 24px; font-size: 1.35rem; line-height: 1.65; }
.workflow-cost-page .flow { border-block: 1px solid var(--line); margin: 32px 0; padding: 4px 0 12px; }
.workflow-cost-page .flow h3 { font-size: 1.15rem; margin-top: 24px; }
.workflow-cost-page .table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--line); margin: 32px 0; }
.workflow-cost-page table { width: 100%; border-collapse: collapse; text-align: left; font-size: 15px; line-height: 1.7; }
.workflow-cost-page th,.workflow-cost-page td { padding: 16px; vertical-align: top; border-bottom: 1px solid var(--line); }
.workflow-cost-page th { background: #ece8e1; }
.workflow-cost-page td:first-child { width: 17%; font-weight: 600; }
.workflow-cost-page td:nth-child(2) { width: 36%; }
.workflow-cost-page .caption { font-size: 14px; color: var(--muted); }
.workflow-cost-page .cta,.workflow-cost-page .workflow-related { border-top: 1px solid var(--line); margin-top: 48px; padding-top: 20px; }
.workflow-cost-page .workflow-related h2 { font-size: 1.3rem; }
.workflow-cost-page .resource-cta .button { max-width: 100%; white-space: normal; }
@media(max-width:680px) {
 .workflow-cost-page .resource-header h1 { font-size: 2.1rem; }
 .workflow-cost-page .resource-body { font-size: 16px; }
 .workflow-cost-page table,.workflow-cost-page tbody,.workflow-cost-page tr,.workflow-cost-page td { display: block; width: 100%; }
 .workflow-cost-page thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .workflow-cost-page tr { padding: 16px; border-bottom: 1px solid var(--line); }
 .workflow-cost-page td,.workflow-cost-page td:first-child,.workflow-cost-page td:nth-child(2) { width: 100%; padding: 8px 0; border: 0; }
 .workflow-cost-page td::before { content: attr(data-label); display: block; font-size: 11px; font-weight: 700; color: var(--muted); margin-bottom: 6px; }
}
