/* The same line-icon language as TOP, sized by the space the diagram has. */
.content-journey-frame{container-type:inline-size;min-width:0;width:100%}
.brief-journey.content-journey{display:grid;grid-template-columns:1fr;list-style:none;padding:0!important;margin:28px auto!important;gap:44px;border:0;max-width:380px;counter-reset:none}
.brief-journey.content-journey>li{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:18px;min-width:0;min-height:80px;flex:initial;padding:0!important;border:0!important;line-height:1.7;font-weight:700;font-size:16px;text-align:left;color:#244d34}
.brief-journey.content-journey>li::before{content:none;display:none}
.content-journey__icon{display:grid;place-items:center;width:72px;height:72px;background:#edf2e6;border:1px solid #cfddc3;border-radius:50%;color:#1f5e3b}
.brief-journey.content-journey .content-journey__icon svg{width:44px!important;height:44px!important;color:inherit;margin:0!important}
.brief-journey.content-journey>li:last-child .content-journey__icon{background:#1f5e3b;border-color:#1f5e3b;color:white}
.content-journey__label{display:block;min-width:0;overflow-wrap:anywhere}
.brief-journey.content-journey .content-journey__connector{position:absolute;display:block;width:40px;height:16px;left:36px;right:auto;top:calc(100% + 8px);transform:translateX(-50%) rotate(90deg);color:#9aa878;pointer-events:none}
.brief-journey.content-journey .content-journey__connector svg{display:block;width:100%!important;height:100%!important;color:inherit;margin:0!important}
.brief-journey.content-journey .content-journey__connector svg{visibility:hidden}
.content-journey__connector::before{content:"";position:absolute;left:0;right:2px;top:50%;height:1px;background:currentColor;transform:translateY(-50%)}
.content-journey__connector::after{content:"";position:absolute;right:1px;top:50%;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}
@container(min-width:420px){
 .brief-journey.content-journey{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:56px 32px;margin-block:32px!important}
 .brief-journey.content-journey>li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;min-height:126px;text-align:center;font-size:14px}
 .brief-journey.content-journey .content-journey__label{max-width:180px}
 .brief-journey.content-journey>li:nth-child(n) .content-journey__connector{left:calc(50% + 48px);right:auto;top:28px;width:calc(100% - 64px);height:16px;transform:none}
 .brief-journey.content-journey>li:nth-child(2) .content-journey__connector,.brief-journey.content-journey>li:nth-child(4) .content-journey__connector{left:50%;top:calc(100% + 20px);width:40px;transform:translateX(-50%) rotate(90deg)}
 .brief-journey.content-journey>li:nth-child(3){grid-column:2;grid-row:2}
 .brief-journey.content-journey>li:nth-child(4){grid-column:1;grid-row:2}
 .brief-journey.content-journey>li:nth-child(5){grid-column:1;grid-row:3}
 .brief-journey.content-journey>li:nth-child(6){grid-column:2;grid-row:3}
 .brief-journey.content-journey>li:nth-child(3) .content-journey__connector{left:auto;right:calc(50% + 48px);transform:rotate(180deg)}
}
@container(min-width:700px){
 .brief-journey.content-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
 .brief-journey.content-journey>li:nth-child(n){grid-column:auto;grid-row:auto}
 .brief-journey.content-journey>li:nth-child(n) .content-journey__connector{left:calc(50% + 48px);right:auto;top:28px;width:calc(100% - 64px);transform:none}
 .brief-journey.content-journey>li:nth-child(3) .content-journey__connector{left:50%;top:calc(100% + 20px);width:40px;transform:translateX(-50%) rotate(90deg)}
 .brief-journey.content-journey>li:nth-child(4){grid-column:3;grid-row:2}
 .brief-journey.content-journey>li:nth-child(5){grid-column:2;grid-row:2}
 .brief-journey.content-journey>li:nth-child(6){grid-column:1;grid-row:2}
 .brief-journey.content-journey>li:nth-child(4) .content-journey__connector,.brief-journey.content-journey>li:nth-child(5) .content-journey__connector{left:auto;right:calc(50% + 48px);transform:rotate(180deg)}
}
@container(min-width:1000px){
 .brief-journey.content-journey{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
 .brief-journey.content-journey>li:nth-child(n){grid-column:auto;grid-row:auto;font-size:14px}
 .brief-journey.content-journey>li:nth-child(n) .content-journey__connector{left:calc(50% + 48px);right:auto;top:28px;width:calc(100% - 72px);transform:none}
}
