/* Approved follow-up lanes; shared Outbound service typography and spacing. */
.follow-section .response-detail mark{background:var(--aqua);color:inherit;padding:.05em .12em;font-weight:inherit;white-space:nowrap}
.follow-visual{container-type:inline-size;padding-top:6px}
.follow-chart{--goal:52px;--gutter:56px}
.follow-phases{display:grid;grid-template-columns:repeat(3,1fr);margin-right:calc(var(--goal) + 12px);padding:9px 8px 9px var(--gutter);background:var(--ink);color:var(--paper);font:900 16px/1.5 "SE Response",sans-serif;text-align:center}
.follow-lanes{position:relative;height:216px;margin-top:12px}
.follow-lane{height:72px;margin-right:calc(var(--goal) + 12px);border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,var(--paper));display:flex;align-items:center}
.follow-lane>strong{font-size:16px;line-height:1.5;font-weight:700;padding-left:8px}
.follow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none}
.follow-lines path{stroke:var(--aqua);stroke-width:3;stroke-linejoin:miter;stroke-linecap:butt}
.follow-visual.is-animated .follow-track{stroke:color-mix(in srgb,var(--ink) 14%,var(--paper));stroke-width:2}
.follow-flow{visibility:hidden;stroke-dasharray:14 100;opacity:0}
.follow-lines .follow-flow{stroke-width:5}
.follow-visual.is-animated .follow-flow{visibility:visible}
.follow-node{position:absolute;z-index:1;display:flex;align-items:center;top:36px;transform:translateY(-50%);padding:4px 7px 4px 12px;background:var(--paper);font-size:16px;font-weight:700;line-height:1.5;white-space:nowrap}
.follow-node::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;background:var(--ink)}
.follow-confirm{left:calc(var(--gutter) + 4px)}
.follow-document{left:28%;top:180px}
.follow-message{left:52%;top:108px}
.follow-recall{right:calc(var(--goal) + 12px)}
.follow-goal{position:absolute;right:0;top:0;width:var(--goal);height:216px;background:var(--aqua);display:flex;align-items:center;justify-content:center;text-align:center;font:900 18px/1.65 "SE Response",sans-serif}
.follow-visual figcaption{margin-top:12px;font-size:14px;line-height:1.7;font-weight:600;letter-spacing:.015em}
@container(max-width:600px){.follow-message{display:block}.follow-message>span{display:block}}
@container(max-width:420px){
 .follow-chart{--goal:44px;--gutter:44px}
 .follow-phases{padding-inline:4px;margin-right:56px;font-size:16px}
 .follow-lanes{height:240px}.follow-lane{height:80px}.follow-goal{height:240px;font-size:18px}
 .follow-node{top:40px;padding-right:4px;padding-left:10px}
 .follow-confirm,.follow-document{left:54px}.follow-document{top:200px}
 .follow-message{left:50%;top:120px}.follow-recall{right:56px}
 .follow-lane>strong{padding-left:0;font-size:16px}
 .follow-visual figcaption{font-size:14px}
}

.follow-phrase{display:inline-block}

/* Contact feedback follows the same clock as the travelling stroke. */
.follow-visual.is-animated .follow-node{background:color-mix(in srgb,var(--aqua) calc(var(--contact-emphasis,0) * 100%),var(--paper))}
.follow-visual.is-animated.is-complete .follow-goal{background:var(--ink);color:var(--aqua)}