/* Only the requested components, scoped to the original detail frame. */
.workflow-original-detail .p2-info { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow); }
.workflow-original-detail .p2-info .wf-info-heading { border-bottom:1px solid var(--line); margin-bottom:12px; }
.workflow-original-detail .p2-info .crumb { margin-bottom:8px; }
.workflow-original-detail .p2-info .p2-desc { margin-bottom:12px; }
/* Base description already has 18px bottom margin: -5px gives the specified 13px net gap. */
.workflow-original-detail .handoff { margin:-5px 0 0; display:flex; flex-direction:column; gap:6px; padding-bottom:3px; }
.workflow-original-detail .handoff .h { font-size:12px; font-weight:700; color:#98A0AC; letter-spacing:.5px; }
.workflow-original-detail .handoff .row { display:flex; align-items:flex-start; gap:7px; font-size:13px; color:#3F4753; line-height:1.45; }
.workflow-original-detail .handoff .row svg { flex:none; margin-top:2px; }
.workflow-original-detail .handoff .fn { font-size:11.5px; color:#98A2B3; margin-top:2px; }
/* Compensate for the unchanged 70px legacy claim button; do not shrink its contents. */
.workflow-original-detail .p2-info .p2-cta-row { margin:0; padding-top:0; }
.workflow-original-detail .promo-wrap { margin:11px 0 0; overflow:hidden; transition:height .42s cubic-bezier(.22,.75,.25,1); }
.workflow-original-detail .promo { background:#F7F8FA; border:1px solid #EDF0F4; border-left:3px solid #FFC53D; border-radius:12px; padding:10px 14px; display:flex; flex-direction:column; gap:4px; }
.workflow-original-detail .promo .eb { font-size:10.5px; color:#98A0AC; letter-spacing:.4px; }
.workflow-original-detail .promo .t { font-size:14px; font-weight:800; color:#101828; line-height:1.4; }
.workflow-original-detail .promo .s { font-size:12.5px; color:#667085; line-height:1.5; }
.workflow-original-detail .promo .l { font-size:13px; font-weight:800; margin-top:1px; }
.workflow-original-detail .promo .l a { color:#B7791F; text-decoration:none; }
.workflow-original-detail .promo .l a:hover { text-decoration:underline; }
.workflow-original-detail .promo .l a[aria-disabled="true"] { cursor:not-allowed; }
.workflow-original-detail .promo .l a:focus-visible { outline:2px solid #B7791F; outline-offset:3px; }
/* Learning variant uses the site's existing blue palette; geometry is unchanged. */
.workflow-original-detail .promo[data-v="B"] { background:#EEF6FC; border-color:#CFE5F5; border-left-color:var(--blue); }
.workflow-original-detail .promo[data-v="B"] .t,
.workflow-original-detail .promo[data-v="B"] .l a { color:var(--blue-2); }
.workflow-original-detail .promo[data-v="B"] .l a:focus-visible { outline-color:var(--blue-2); }
.workflow-original-detail .promo-wrap[data-variant="A"] .promo[data-v="B"],
.workflow-original-detail .promo-wrap[data-variant="B"] .promo[data-v="A"] { display:none; }
.workflow-original-detail .promo-wrap.swapping .promo { animation:wfPromoSwapIn .42s cubic-bezier(.22,.75,.25,1) both; }
@media (min-width:860px) {
  /* Restore the existing desktop flex spacer overridden by the component rule. */
  .workflow-original-detail .p2-info .p2-cta-row { margin:auto 0 0; }
}
@keyframes wfPromoSwapIn { from { opacity:0; transform:translateY(18px) scale(.985); } to { opacity:1; transform:none; } }
.workflow-original-detail .wf-workflow-chain { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.workflow-original-detail .wf-workflow-chain .step { background:#fff; border:1px solid #E7EAEE; border-radius:12px; padding:9px 16px; font-size:13px; font-weight:600; color:#344054; white-space:nowrap; box-shadow:0 1px 2px rgba(16,24,40,.04); }
.workflow-original-detail .wf-workflow-chain .arw { flex:none; display:grid; place-items:center; }
@media (prefers-reduced-motion:reduce) {
  .workflow-original-detail .promo-wrap { transition:none; }
  .workflow-original-detail .promo-wrap.swapping .promo { animation:none; }
}