.example-share-view .share-view .pub-topbar{display:none}.shareview-banner{text-align:center;background:#f8f7f4;border-bottom:1px solid #e8e5df;flex-direction:column;align-items:center;gap:4px;padding:10px 16px 12px;display:flex}.shareview-banner__pill{letter-spacing:.06em;text-transform:uppercase;color:#6b6560;background:#edeae4;border:1px solid #dbd7d0;border-radius:999px;padding:2px 10px;font-size:.6875rem;font-weight:600;line-height:1.6;display:inline-block}.shareview-banner__sub{color:#9b9590;margin:0;font-size:.75rem;line-height:1.4}.example-page{min-width:0;overflow-x:hidden}@media (max-width:768px){.example-page .shareview-banner{padding:10px 16px 12px}.example-share-view .page-outer{padding:32px 20px 64px}.example-share-view .doc-title{font-size:22px}.example-share-view .doc-section{margin-top:32px}.example-share-view .summary-band{flex-direction:column}.example-share-view .summary-item+.summary-item{border-left:none;border-top:1px solid var(--border,#e5e7eb)}.example-share-view .summary-item{padding:16px 20px}.example-share-view .workflow-wrap{border:none;border-radius:0;overflow:visible}.example-share-view .workflow-wrap table.workflow-table{width:100%;min-width:0;display:block}.example-share-view .workflow-wrap table.workflow-table colgroup,.example-share-view .workflow-wrap table.workflow-table thead{display:none}.example-share-view .workflow-wrap table.workflow-table tbody{display:block}.example-share-view .workflow-wrap table.workflow-table tbody tr{border:1px solid var(--border,#e5e7eb);background:#fff;border-radius:12px;min-width:0;margin-bottom:12px;padding:14px 16px;display:block}.example-share-view .workflow-wrap table.workflow-table tbody tr:last-child{margin-bottom:0}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total{background:var(--surface,#fafafa);border-color:var(--border,#e5e7eb)}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-cell{padding:0;display:block}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-grid{grid-template-columns:unset;grid-template-rows:unset;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-step{grid-column:unset;grid-row:unset;padding-bottom:12px;font-size:14px;font-weight:700}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-before,.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-after,.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-saved{grid-column:unset;grid-row:unset;-moz-column-gap:12px;text-align:right;grid-template-columns:72px 1fr;align-items:start;column-gap:12px;max-width:320px;margin-left:auto;margin-right:auto;padding:12px 0;font-size:13px;display:grid}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-before:before,.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-after:before,.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-saved:before{text-align:left;color:var(--muted,#6b7280);text-transform:uppercase;letter-spacing:.06em;grid-column:1;font-size:11px;font-weight:600;line-height:1.2}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-before:before{content:"Before"}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-after:before{content:"After"}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-saved:before{content:"Saved"}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-before,.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-after,.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-saved{border-bottom:1px solid var(--border,#e5e7eb)}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-step{text-align:left}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-saved{border-bottom:none}.example-share-view .workflow-wrap table.workflow-table tbody tr.wf-total .wf-total-pill{grid-column:unset;grid-row:unset;text-align:center;margin-top:12px}.example-share-view .workflow-wrap table.workflow-table tbody td{overflow-wrap:break-word;border:none;min-width:0;padding:0;display:block}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:first-child{margin-bottom:0;padding:0 0 12px}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(2),.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(3),.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(4){-moz-column-gap:12px;border-bottom:1px solid var(--border,#e5e7eb);grid-template-columns:72px 1fr;align-items:start;column-gap:12px;max-width:320px;margin-left:auto;margin-right:auto;padding:12px 0;font-size:13px;display:grid}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(4){border-bottom:none}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(2):before,.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(3):before,.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(4):before{text-align:left;color:var(--muted,#6b7280);text-transform:uppercase;letter-spacing:.06em;grid-column:1;font-size:11px;font-weight:600;line-height:1.2}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(2):before{content:"Before"}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(3):before{content:"After"}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(4):before{content:"Saved"}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(2) .td-cell,.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(3) .td-cell{text-align:right;grid-column:2;justify-self:end}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(4){text-align:right}.example-share-view .workflow-wrap table.workflow-table tbody tr:not(.wf-total) td:nth-child(4):before{text-align:left}.example-share-view .workflow-wrap table.workflow-table .td-step-name{text-align:left;font-size:14px;font-weight:600}.example-share-view .workflow-wrap table.workflow-table .td-step-wrap{text-align:left}.example-share-view .workflow-wrap table.workflow-table .td-cell{text-align:right;display:block}.example-share-view .workflow-wrap table.workflow-table .td-cell-val{text-align:right;white-space:normal;font-weight:600;display:block}.example-share-view .workflow-wrap table.workflow-table .td-cell-actor{text-align:right;color:var(--muted,#6b7280);white-space:normal;margin-top:2px;font-size:12px;display:block}.example-share-view .context-box,.example-share-view .calc-prose-wrap{padding:18px 20px}.example-share-view .pub-footer{margin-top:40px;padding-top:20px}}
