.member-next-belt{box-sizing:border-box;min-width:0;max-width:100%;margin:18px 0;padding:22px;border:1px solid #cbdfea;border-radius:22px;background:linear-gradient(130deg,#f3f9fd,#fff 72%);color:#172f42;overflow-wrap:anywhere}
.member-next-belt *{box-sizing:border-box}.member-next-belt.is-embedded{margin:0 0 20px;border:0;padding:0;background:transparent;border-radius:0}.member-next-belt[data-kind=child]{--nb-accent:#306d83}.member-next-belt .nb-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.8fr);gap:18px;align-items:center}.member-next-belt .nb-copy{min-width:0}.member-next-belt .nb-eyebrow{margin:0 0 7px;font-size:11px;font-weight:850;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;color:var(--nb-accent,#306c96)}.member-next-belt .nb-copy h2,.member-next-belt h2{margin:0;font-size:clamp(23px,3vw,29px);font-weight:800;letter-spacing:-.025em;line-height:1.18;color:#15334b}.member-next-belt .nb-message{margin:10px 0 0;font-size:13px;line-height:1.55;color:#4b6574}.member-next-belt .nb-goal-visual{min-width:0;display:flex;align-items:center;justify-content:center;min-height:100px;padding:18px 0;background:radial-gradient(ellipse,#dcecf5 0,transparent 70%)}.member-next-belt .nb-goal-visual .member-belt{width:205px;max-width:100%;height:35px;box-shadow:0 8px 12px #15384a18;border-radius:4px}.member-next-belt .nb-goal-visual .member-belt:before{top:13px;height:9px}.member-next-belt .nb-belt-goal>i{width:34%;right:8%}.member-next-belt .nb-milestone{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding:12px 14px;border:1px solid #d8e6ed;border-radius:13px;background:#fff}.member-next-belt .nb-milestone>span{flex:none;font-size:11px;font-weight:750;color:#487083}.member-next-belt .nb-milestone>strong{min-width:0;font-size:13px;font-weight:750;text-align:right;line-height:1.45;color:#193d53}.member-next-belt .nb-current{display:flex;align-items:center;gap:11px;min-width:0;margin-top:15px}.member-next-belt .nb-current>.member-belt{flex:0 1 84px;width:84px;min-width:64px;height:19px}.member-next-belt .nb-current .member-belt:before{top:6px;height:5px}.member-next-belt .nb-current .member-belt>i{gap:1px;right:5%;width:53%;padding:2px}.member-next-belt .nb-current .member-belt b{flex:1;min-width:1px;max-width:4px}.member-next-belt .nb-current>span:last-child{min-width:0;font-size:11px;line-height:1.5;color:#5a6d78}.member-next-belt .nb-current strong{font-weight:650}.member-next-belt .nb-coach-note{margin:14px 0 0;font-size:11px;line-height:1.5;color:#60727e}
@media(max-width:500px){.member-next-belt{padding:19px 17px;border-radius:18px}.member-next-belt .nb-hero{grid-template-columns:minmax(0,1fr);gap:6px}.member-next-belt .nb-goal-visual{min-height:78px;padding:13px 14px}.member-next-belt .nb-goal-visual .member-belt{width:205px;height:32px}.member-next-belt .nb-goal-visual .member-belt:before{top:11px}.member-next-belt .nb-milestone{margin-top:10px;align-items:flex-start;padding:11px 12px;gap:8px}.member-next-belt .nb-milestone>span{max-width:85px;white-space:normal}.member-next-belt .nb-milestone>strong{flex:1}.member-next-belt.is-embedded{padding:0}.member-next-belt .nb-current{flex-wrap:wrap;gap:7px 10px}}
@media(prefers-reduced-motion:reduce){.member-next-belt,.member-next-belt *{animation:none!important;transition:none!important;scroll-behavior:auto}}
.member-next-belt .nb-milestone-grade{min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.member-next-belt .nb-milestone-grade>.member-belt{width:92px;height:20px}.member-next-belt .nb-milestone-grade .member-belt:before{top:7px;height:5px}.member-next-belt .nb-milestone-grade .member-belt>i,.member-next-belt .nb-goal-visual .member-belt>i{gap:2px;padding:2px;min-width:0}.member-next-belt .nb-milestone-grade .member-belt b,.member-next-belt .nb-goal-visual .member-belt b{flex:1;max-width:4px;min-width:1px}.member-next-belt .nb-milestone-grade>strong{min-width:0;font-size:13px;line-height:1.45;text-align:right}

/* Shared own-profile belt journey: current and next stay on one row. */
.member-next-belt .nb-belt-route{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:14px;align-items:center;margin-top:14px;min-width:0}
.member-next-belt .nb-rank-cell{display:grid;grid-template-rows:16px 28px minmax(36px,auto);gap:11px;align-content:start;min-width:0;text-align:center}
.member-next-belt .nb-rank-caption{font-size:11px;font-weight:750;line-height:16px;letter-spacing:.025em;color:#4b6574}
.member-next-belt .nb-rank-cell>strong{display:block;min-width:0;margin:0;font-size:15px;font-weight:800;line-height:1.35;color:#15334b;overflow-wrap:anywhere}
.member-next-belt .nb-rank-cell>.member-belt{display:block;position:relative;min-width:0;width:100%;max-width:200px;height:28px;margin:0 auto;border-radius:4px;box-shadow:0 5px 10px #15384a12}
.member-next-belt .nb-rank-cell>.member-belt:before{top:10px;height:7px}
.member-next-belt .nb-rank-cell>.member-belt>i{display:flex;gap:2px;padding:2px;min-width:0;right:6%;width:38%}
.member-next-belt .nb-rank-cell>.member-belt b{flex:1;max-width:4px;min-width:1px}
.member-next-belt .nb-route-arrow{display:grid;place-items:center;width:34px;height:34px;margin-top:-12px;border:1px solid #c7dfe9;border-radius:50%;background:linear-gradient(135deg,#e0f2f9,#fff);color:#267194;box-shadow:0 3px 8px #1b4f6b0a}
.member-next-belt .nb-belt-pending{display:grid;place-items:center;width:100%;max-width:200px;height:28px;margin:0 auto;border:1px dashed #9fb6c4;border-radius:4px;background:#eff5f8;color:#7a929f;font-size:18px}
@media(max-width:500px){.member-next-belt .nb-belt-route{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:9px;margin-top:12px}.member-next-belt .nb-rank-cell{gap:9px;grid-template-rows:16px 24px minmax(36px,auto)}.member-next-belt .nb-rank-cell>strong{font-size:13px}.member-next-belt .nb-rank-caption{font-size:10px}.member-next-belt .nb-rank-cell>.member-belt,.member-next-belt .nb-belt-pending{height:24px}.member-next-belt .nb-rank-cell>.member-belt:before{top:8px;height:6px}.member-next-belt .nb-route-arrow{width:28px;height:28px}.member-next-belt .nb-route-arrow svg{width:20px;height:20px}}
