/* B: phase photographs and progressively deeper title bands. */
body.wf-wide #worry .worry-stage{padding:0;background:#fff}
body.wf-wide #worry .worry-stage .phase-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
body.wf-wide #worry .worry-stage .phase-row{display:block;min-width:0;padding:0;border:1px solid #e7e6df;border-radius:7px;overflow:hidden;background:#fff}
body.wf-wide #worry .phase-growth::after{display:none!important}
body.wf-wide #worry .phase-summary{display:block;list-style:none;cursor:pointer}
body.wf-wide #worry .phase-summary::-webkit-details-marker{display:none}
body.wf-wide #worry .phase-summary::marker{content:''}
body.wf-wide #worry .phase-summary:focus-visible{outline:3px solid #b69a58;outline-offset:-3px}
body.wf-wide #worry .phase-eyecatch{display:block;position:relative;aspect-ratio:2.1/1;overflow:hidden;background:#edf2ed}
body.wf-wide #worry .phase-eyecatch img{display:block;width:100%;height:100%;object-fit:cover}
body.wf-wide #worry .phase-growth-mark{left:12px;right:auto;top:12px;display:flex;align-items:flex-end;gap:4px;box-sizing:content-box;height:18px;padding:5px 8px;border-radius:4px;background:#17232ec4}
body.wf-wide #worry .phase-growth-mark i{width:7px;background:#ffffff4d}
body.wf-wide #worry .phase-growth-mark i.is-reached{background:#e2c16b}
body.wf-wide #worry .phase-title-band{display:block;padding:12px 18px;background:#eeece3;color:#3d583d;font-size:clamp(24px,2vw,32px);font-weight:700;line-height:1.4;letter-spacing:.025em}
body.wf-wide #worry .phase-growth-2 .phase-title-band{background:#c7dfb8;color:#2e4d2d}
body.wf-wide #worry .phase-growth-3 .phase-title-band{background:#5d8a58;color:#fff}
body.wf-wide #worry .phase-growth-4 .phase-title-band{background:#214b30;color:#fff}
body.wf-wide #worry .phase-disclosure{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;background:#101820;color:#fff;font-size:13px;font-weight:700;line-height:1.5}
body.wf-wide #worry .phase-close{display:none}
body.wf-wide #worry .phase-row[open] .phase-open{display:none}
body.wf-wide #worry .phase-row[open] .phase-close{display:inline}
body.wf-wide #worry .phase-row[open] .phase-disclosure{background:#59616a}
body.wf-wide #worry .phase-summary:hover .phase-disclosure{background:#34444c}
body.wf-wide #worry .worry-stage .phase-row .ph-items{display:flex;flex-direction:column;gap:0;padding:10px 18px 14px}
body.wf-wide #worry .worry-stage .phase-row .worry{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:13px 0;border-top:1px solid #e6ece7;gap:10px;min-height:48px}
body.wf-wide #worry .worry-stage .phase-row .worry:first-child{border-top:0}
body.wf-wide #worry .worry-stage .phase-row .w-q{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.7}
body.wf-wide #worry .worry-stage .phase-row .w-meta{flex:none}
/* D: larger route illustrations, clear two-column choices. */
body.wf-wide #route .roadmap-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;align-items:start}
body.wf-wide #route .route-main{border:0;border-bottom:1px solid #ddd9ce;border-radius:0;background:#fff;box-shadow:none}
body.wf-wide:not(.sp) #route .route-main>summary.rm-head,body.sp #route .route-main>summary.rm-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:26px 6px;min-height:132px;flex-wrap:nowrap;border:0;background:#fff}
body.wf-wide #route .rm-heading{display:flex;grid-column:auto;align-items:center;gap:20px;min-width:0}
body.wf-wide #route .rm-illustration,body.wf-wide #route .rm-illustration img{display:block;width:72px;height:72px;flex:0 0 72px}
body.wf-wide:not(.sp) #route .rm-title,body.sp #route .rm-title{font-size:20px;line-height:1.75;color:#20303b;font-weight:700;min-width:0}
body.wf-wide #route .rm-title-unit{display:block;max-width:100%}
body.wf-wide:not(.sp) #route .rm-toggle,body.sp #route .rm-toggle{justify-self:end;align-self:center;font-size:12px;padding:6px 9px;border:1px solid #d7c7a7;background:#fff;color:#56606b}
body.wf-wide #route .route-main>summary.rm-head:hover{background:#faf9f5}
@container site (max-width:1100px){body.wf-wide #worry .worry-stage .phase-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.wf-wide #route .rm-heading{gap:14px}body.wf-wide:not(.sp) #route .rm-title{font-size:17px}body.wf-wide #route .rm-illustration,body.wf-wide #route .rm-illustration img{width:64px;height:64px;flex-basis:64px}}
@container site (max-width:800px){body.wf-wide #route .roadmap-list{grid-template-columns:1fr}}
@container site (max-width:540px){body.wf-wide #worry .worry-stage .phase-list{grid-template-columns:1fr}}
@media(max-width:1100px){body.wf-wide #worry .worry-stage .phase-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body.wf-wide #route .roadmap-list{grid-template-columns:1fr}}
@media(max-width:540px){body.wf-wide #worry .worry-stage .phase-list{grid-template-columns:1fr}}
body.sp #worry .worry-stage .phase-list{grid-template-columns:1fr}
body.sp #route .roadmap-list{grid-template-columns:1fr}
body.sp #route .rm-heading{gap:12px}
body.sp #route .rm-illustration,body.sp #route .rm-illustration img{width:60px;height:60px;flex-basis:60px}
body.sp #route .rm-title{font-size:17px}
@container site (max-width:400px){body.wf-wide:not(.sp) #route .route-main>summary.rm-head,body.sp #route .route-main>summary.rm-head{grid-template-columns:minmax(0,1fr);gap:10px}body.wf-wide #route .rm-toggle{justify-self:end}}