.pathway{--pw-dot:14px;--pw-ring:4px;--pw-line:var(--color-grey-400);--pw-bg:var(--color-paper);--pw-e:0px;gap:56px;display:grid}.pathway [data-family=green]{--fam:var(--color-green);--fam-art:var(--color-green-art)}.pathway [data-family=yellow]{--fam:var(--color-yellow);--fam-art:var(--color-yellow-art)}.pathway [data-family=blue]{--fam:var(--color-blue);--fam-art:var(--color-blue-art)}.pathway [data-family=red]{--fam:var(--color-red);--fam-art:var(--color-red-art)}.pw-lane{display:grid}.pw-stage,.pw-join{padding:0 0 32px 36px;position:relative}.pw-stage:has(.pw-entry:not(:empty)){--pw-e:26px}.pw-entry{height:var(--pw-e);color:var(--fam-art);line-height:1;display:block}.pw-dot{left:var(--pw-ring);top:calc(var(--pw-e) + 5px);width:var(--pw-dot);height:var(--pw-dot);background:var(--fam-art);box-shadow:0 0 0 var(--pw-ring) var(--fam);border-radius:50%;position:absolute}.pw-stage[data-open] .pw-dot{background:var(--pw-bg);border:2px solid var(--fam-art)}.pw-name{color:var(--color-ink)}.pw-body{max-width:30ch;color:var(--color-grey-700);margin-top:6px}.pw-next{color:var(--color-grey-700);margin-top:14px}.pw-next:before{--x:calc(var(--pw-ring) + var(--pw-dot) / 2 - 3.5px - 36px);content:"";width:7px;height:7px;margin:0 calc(-1 * var(--x) - 7px) 0 var(--x);border-right:1px solid var(--pw-line);border-bottom:1px solid var(--pw-line);vertical-align:middle;display:inline-block;transform:translateY(-3px)rotate(45deg)}.pw-note{color:var(--color-grey-500);padding:0 0 20px 36px;font-style:italic}.pw-stage:before,.pw-join:before{content:"";left:calc(var(--pw-ring) + var(--pw-dot) / 2 - .5px);border-left:1px solid var(--pw-line);position:absolute;top:0;bottom:0}.pw-lane>.pw-stage:first-child:before,.pw-note+.pw-stage:before{top:calc(var(--pw-e) + 5px + var(--pw-dot) / 2)}.pw-lane>li:last-child{padding-bottom:0}.pw-lane>li:last-child:before{height:calc(var(--pw-e) + 5px + var(--pw-dot) / 2);bottom:auto}.pw-join-label{color:var(--color-ink);display:block}.pw-join-sr,.pw-outcome>.pw-body{display:none}@media (min-width:720px) and (max-width:1239.98px){.pathway{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:48px}}@media (min-width:1240px){.pathway{--pw-gap:32px;--pw-row-gap:72px;--pw-cy:calc(26px + var(--pw-dot) / 2);column-gap:var(--pw-gap);row-gap:var(--pw-row-gap);grid-template-columns:repeat(4,minmax(0,1fr))}.pw-lane{grid-column:1/-1;grid-template-columns:subgrid}.pw-stage,.pw-join{--pw-e:26px;padding:0 16px 0 0}.pw-name{margin-top:20px}.pw-dot{left:var(--pw-ring)}.pw-stage .pw-name,.pw-stage .pw-body,.pw-stage .pw-next{position:relative}.pw-stage>.pw-dot{display:block;position:relative;top:auto}.pw-entry{height:26px}.pw-stage:before{top:var(--pw-cy);bottom:auto;left:calc(var(--pw-ring) * 2 + var(--pw-dot) + 6px);right:calc(-1 * var(--pw-gap) + 8px);border-left:0;border-top:1px solid var(--pw-line);height:0}.pw-stage:after{content:"";top:calc(var(--pw-cy) - 3.5px);right:calc(-1 * var(--pw-gap) + 9px);border-top:1px solid var(--pw-line);border-right:1px solid var(--pw-line);width:7px;height:7px;position:absolute;transform:rotate(45deg)}.pw-lane>.pw-stage:first-child:before,.pw-note+.pw-stage:before{top:var(--pw-cy)}.pw-lane>li:last-child:before{height:0}.pw-outcome:before,.pw-outcome:after{display:none}.pw-next{top:var(--pw-cy);left:calc(var(--pw-ring) * 2 + var(--pw-dot) + 10px);right:calc(-1 * var(--pw-gap) + 14px);text-align:center;color:var(--color-ink);justify-content:center;margin:0;font-weight:500;line-height:1.3;display:flex;translate:0 -50%;position:absolute!important}.pw-next span{background:var(--pw-bg);padding:2px 8px}.pw-next:before{display:none}.pw-lane-apart>.pw-stage:first-child .pw-next{font-weight:600}.pw-lane-apart>.pw-stage:first-child{grid-column:span 2}.pw-lane-apart>.pw-stage:nth-last-child(2):before{right:calc(-1 * var(--pw-gap) - var(--pw-ring) - var(--pw-dot) / 2 + .5px)}.pw-lane-apart>.pw-stage:nth-last-child(2):after,.pw-join .pw-dot,.pw-join-label{display:none}.pw-join-sr,.pw-outcome>.pw-body{display:block}.pathway .pw-lane>li.pw-join:before{top:var(--pw-cy);bottom:calc(-1 * (var(--pw-row-gap) + 26px - 8px));border-left:1px solid var(--pw-line);height:auto}.pw-join:after{content:"";left:calc(var(--pw-ring) + var(--pw-dot) / 2 - 4px);bottom:calc(-1 * (var(--pw-row-gap) + 26px - 8px));border-right:1px solid var(--pw-line);border-bottom:1px solid var(--pw-line);width:7px;height:7px;position:absolute;transform:rotate(45deg)}.pw-note{padding:calc(var(--pw-cy) - .7em) 20px 0 0;text-align:right;align-self:start}}