.hph-phases.svelte-ma3g1g{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;font-family:var(--font-sans)}.hph-phases.svelte-ma3g1g>li:where(.svelte-ma3g1g){display:flex;gap:14px}.rail.svelte-ma3g1g{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.rail.svelte-ma3g1g:after{content:"";flex-grow:1;width:2px;background:var(--color-hph-outline)}.hph-phases.svelte-ma3g1g>li:where(.svelte-ma3g1g):last-child .rail:where(.svelte-ma3g1g):after{display:none}.num.svelte-ma3g1g{display:flex;width:32px;height:32px;flex-shrink:0;align-items:center;justify-content:center;border-radius:99px;background:var(--color-hph-purple);color:#fff;font-size:14px;font-weight:800}.num.last.svelte-ma3g1g{background:var(--color-hph-gold);color:var(--color-hph-deep)}.body.svelte-ma3g1g{display:flex;flex-direction:column;gap:3px;min-width:0;padding:4px 0 18px}.hph-phases.svelte-ma3g1g>li:where(.svelte-ma3g1g):last-child .body:where(.svelte-ma3g1g){padding-bottom:0}.step.svelte-ma3g1g{display:none}.hph-phases.svelte-ma3g1g h3:where(.svelte-ma3g1g){margin:0;font-family:var(--font-sans);font-size:16px;font-weight:700;line-height:1.3;color:var(--color-hph-ink)}.meta.svelte-ma3g1g{margin:0;font-size:13px;font-weight:700;color:var(--color-hph-purple)}.text.svelte-ma3g1g{margin:2px 0 0;font-size:14.5px;line-height:1.5;color:var(--color-hph-body)}.outcomes.svelte-ma3g1g{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--color-hph-muted)}.items.svelte-ma3g1g{display:flex;flex-direction:column;gap:4px;margin:4px 0 0;padding-left:1.1em;font-size:14px;line-height:1.45;color:var(--color-hph-body)}.items.svelte-ma3g1g li:where(.svelte-ma3g1g)::marker{color:var(--color-hph-purple)}@media(min-width:1280px){.hph-phases.svelte-ma3g1g{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:16px}.hph-phases.svelte-ma3g1g>li:where(.svelte-ma3g1g){display:block;padding:22px;border:1px solid var(--color-hph-line);border-radius:18px;background:#fff}.rail.svelte-ma3g1g{display:none}.body.svelte-ma3g1g{padding:0;gap:6px}.step.svelte-ma3g1g{display:block;font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-hph-purple)}.hph-phases.svelte-ma3g1g h3:where(.svelte-ma3g1g){font-size:18px}.text.svelte-ma3g1g{font-size:15px}}
