/* Use the existing middle/right columns on the next row; keep original column widths. */
.experience-addition{grid-column:2/-1;min-width:0;margin-top:0;padding-top:18px;border-top:1px solid var(--line);max-width:100%;overflow-wrap:anywhere}
.experience-addition h5{margin:0 0 10px;font-size:13px;font-weight:500;line-height:1.6;color:var(--ink)}
.experience-context p{margin:0;font-size:12px;line-height:1.95;color:#7f7379}
.experience-context strong{font-weight:500;color:var(--red)}
.experience-context .experience-pain{margin-top:8px}
.experience-context+.experience-flow{margin-top:19px}
.experience-flow ol{list-style:none;margin:0;padding:3px 0 8px;display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#d7c1ca transparent}
.experience-flow li{position:relative;flex:1 0 auto;display:flex;align-items:center;justify-content:center;padding:15px 9px;min-height:58px;border:1px solid #ece5e8;background:white;font-size:12px;line-height:1.65;border-radius:3px;white-space:nowrap}
.experience-flow li:not(:last-child)::after{content:'→';position:absolute;left:100%;width:24px;text-align:center;color:#bb98a5;font-size:18px;font-weight:400}
.experience-flow li:last-child{background:#faf5f7;color:var(--red);border-color:#e6d5dc}
.experience-addition .experience-flow-note{font-size:11px;line-height:1.9;color:#8b7b84;margin:10px 0 0;text-align:center}
.experience-flow-note+.experience-flow{margin-top:22px}
@media(max-width:640px){.experience-addition{grid-column:1/-1;margin-top:22px;padding-top:16px}.experience-flow li{font-size:12px;padding:12px 10px;min-height:52px}.experience-context p{font-size:12px}}
