.course-completion-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:0}.course-completion-tiles-compact{margin-inline:-.25rem}.course-completion-tile{--piece-fill:#25394b;--piece-border:#476075;min-width:0;text-align:center}.course-completion-tile-completed{--piece-fill:#15514e;--piece-border:#3f9a90}.course-completion-piece{position:relative;height:44px}.course-completion-shape{display:block;width:100%;height:100%;overflow:visible;fill:var(--piece-fill);stroke:var(--piece-border);stroke-width:1}.course-completion-shape path{vector-effect:non-scaling-stroke}.course-completion-check{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;color:#ccfbf1}.course-completion-label{display:block;margin:6px 0 0;color:#cbd5e1;font-size:.6875rem;font-weight:400;line-height:1.4;overflow-wrap:break-word}.course-completion-details{display:grid;gap:8px;margin-top:12px}.course-completion-detail{display:grid;grid-template-columns:minmax(0,1fr) fit-content(40%);align-items:start;gap:2px 12px}.course-completion-detail dt{font-size:.8125rem;line-height:1.5;color:#cbd5e1}.course-completion-detail dd{font-size:.75rem;line-height:1.5;color:#94a3b8;text-align:right;overflow-wrap:break-word}