/* A 96px comparison strip shared by the facilitator and learner views. */
.team-progress-wrap{container-type:inline-size;margin:0 0 20px;min-width:0}
.team-progress-panel{box-sizing:border-box;height:96px;display:grid;grid-template-columns:210px minmax(340px,580px) minmax(190px,1fr);align-items:center;gap:36px;padding:6px 24px;background:#fff;border:1px solid #e3e9f2;border-radius:12px;color:#19243a}
.team-progress-panel .team-progress-heading h2{font-size:17px;line-height:23px;font-weight:600;letter-spacing:0;margin:0}
.team-progress-panel .team-progress-heading p{font-size:12px;line-height:18px;color:#65748b;margin:5px 0 0}
.team-progress-chart{min-width:0;height:82px;padding-left:29px;box-sizing:border-box}
.team-progress-plot{position:relative;height:44px;margin-top:18px}
.team-progress-grid{position:absolute;width:100%;height:1px;background:#e8edf4}
.team-progress-grid span{position:absolute;left:-29px;top:-7px;color:#65748b;font-size:11px;line-height:14px}
.team-progress-top{top:0}.team-progress-base{bottom:0;background:#dce4ef}
.team-progress-columns{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.team-progress-column{height:44px;position:relative;min-width:0}
.team-progress-bar{position:absolute;width:42px;max-width:55%;height:var(--team-progress);bottom:0;left:50%;transform:translateX(-50%);background:#f20c23;border-radius:4px 4px 0 0}
.team-progress-value{position:absolute;bottom:calc(var(--team-progress) + 4px);left:0;right:0;text-align:center;font-size:17px;line-height:18px;font-weight:700;font-variant-numeric:tabular-nums}
.team-progress-value small{font-size:12px;font-weight:400}
.team-progress-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:5px}
.team-progress-label{display:flex;justify-content:center;gap:6px;align-items:baseline;flex-wrap:wrap;text-align:center;font-size:12px;line-height:15px}
.team-progress-label>span{white-space:nowrap}.team-progress-label small{font-size:11px}
.team-progress-own{color:#e50a24;font-weight:600}
.team-progress-count{color:#65748b;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}
.team-progress-panel .team-progress-note{justify-self:end;max-width:240px;font-size:12px;line-height:18px;color:#65748b;margin:0}
.curriculum>.team-progress-wrap{margin-top:20px}
@container (max-width:1100px){.team-progress-panel{grid-template-columns:180px minmax(0,1fr);gap:20px}.team-progress-panel .team-progress-note{display:none}}
@container (max-width:760px){.team-progress-panel{grid-template-columns:150px minmax(0,1fr);gap:12px;padding:6px 16px;height:110px}.team-progress-chart{height:92px}.team-progress-label{gap:1px}.team-progress-count{flex-basis:100%}.team-progress-panel .team-progress-heading h2{font-size:16px}.team-progress-panel .team-progress-heading p{font-size:11px}}
@container (max-width:520px){.team-progress-panel{height:158px;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 14px}.team-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-progress-panel .team-progress-heading h2{font-size:15px;line-height:20px}.team-progress-panel .team-progress-heading p{margin:0;font-size:11px;line-height:15px;max-width:105px;text-align:right}.team-progress-chart{height:96px}.team-progress-label{font-size:11px}.team-progress-label small{font-size:11px}.team-progress-labels{gap:4px}.team-progress-own>span:first-child{white-space:normal}.team-progress-value{font-size:16px}}
@container (max-width:340px){.team-progress-panel{height:174px}.team-progress-chart{height:112px}.team-progress-label{align-content:flex-start}}
