
/* Phase names are distinct headings. Ascending marks represent sequence, not measured progress. */
body.wf-wide #worry .worry-stage .phase-list{gap:24px;align-items:stretch}
body.wf-wide #worry .worry-stage .phase-growth{position:relative;padding:0;background:#fff;border-radius:7px;--phase-ink:#6e8277;--phase-fill:#f7f8f5;--phase-line:#c9d5c9}
body.wf-wide #worry .worry-stage .phase-growth-2{--phase-ink:#577b69;--phase-fill:#f1f6ef;--phase-line:#afc6b4}
body.wf-wide #worry .worry-stage .phase-growth-3{--phase-ink:#3e705e;--phase-fill:#edf5ef;--phase-line:#8eb39e}
body.wf-wide #worry .worry-stage .phase-growth-4{--phase-ink:#285c4a;--phase-fill:#e7f2ec;--phase-line:#6f9c86}
body.wf-wide #worry .worry-stage .phase-growth .ph-head{position:relative;display:flex;align-items:center;gap:11px;border:1px solid var(--phase-line);background:var(--phase-fill);border-radius:7px;padding:38px 15px 17px;margin:0;min-height:126px}
body.wf-wide #worry .worry-stage .phase-growth .ph-copy{display:flex;flex-direction:column;min-width:0}
body.wf-wide #worry .worry-stage .phase-growth .ph-no{font-size:22px;font-weight:700;line-height:1.5;color:var(--phase-ink);letter-spacing:.015em}
body.wf-wide #worry .worry-stage .phase-growth .ph-sub{font-size:12px;line-height:1.8;color:#62766a;margin-top:5px}
body.wf-wide #worry .worry-stage .phase-growth .ph-illustration,body.wf-wide #worry .worry-stage .phase-growth .ph-illustration img{width:36px;height:36px;flex:0 0 36px}
body.wf-wide #worry .worry-stage .phase-growth .ph-items{padding:12px 17px 14px}
body.wf-wide #worry .phase-growth-mark{position:absolute;right:14px;top:12px;display:flex;align-items:flex-end;gap:4px;height:17px}
body.wf-wide #worry .phase-growth-mark i{display:block;width:6px;background:#dce5dc;border-radius:1px}
body.wf-wide #worry .phase-growth-mark i:nth-child(1){height:5px}
body.wf-wide #worry .phase-growth-mark i:nth-child(2){height:9px}
body.wf-wide #worry .phase-growth-mark i:nth-child(3){height:13px}
body.wf-wide #worry .phase-growth-mark i:nth-child(4){height:17px}
body.wf-wide #worry .phase-growth-mark i.is-reached{background:var(--phase-ink)}
body.wf-wide #worry .phase-growth:not(:last-child)::after{content:'→';position:absolute;top:49px;right:-20px;color:#88a392;font-size:18px;line-height:1;pointer-events:none}
@container site (max-width:1150px){body.wf-wide #worry .phase-growth:nth-child(2)::after{display:none}}
@media(max-width:1150px){body.wf-wide #worry .phase-growth:nth-child(2)::after{display:none}}
body.sp #worry .worry-stage .phase-growth .ph-head{min-height:114px;padding-top:30px}
body.sp #worry .phase-growth:not(:last-child)::after{display:block;content:'↓';top:auto;right:calc(50% - 6px);bottom:-21px}
@container site (max-width:560px){body.wf-wide #worry .phase-growth:not(:last-child)::after{display:block;content:'↓';top:auto;right:calc(50% - 6px);bottom:-21px}body.wf-wide #worry .worry-stage .phase-growth .ph-head{min-height:114px;padding-top:30px}}
@media(max-width:560px){body.wf-wide #worry .phase-growth:not(:last-child)::after{display:block;content:'↓';top:auto;right:calc(50% - 6px);bottom:-21px}body.wf-wide #worry .worry-stage .phase-growth .ph-head{min-height:114px;padding-top:30px}}
