.course-flow{--flow-accent:var(--course-nav-accent,var(--course-accent,var(--primary)));--flow-neutre:var(--muted-foreground);--flow-info:color-mix(in oklch,var(--primary) 62%,var(--muted-foreground));--flow-succes:color-mix(in oklch,#3f7d4a 82%,var(--foreground));--flow-attention:color-mix(in oklch,#a97722 82%,var(--foreground));--flow-danger:var(--destructive);--flow-max:100%;width:100%;max-width:var(--flow-max);margin:0}.sombre .course-flow{--flow-succes:color-mix(in srgb,#7cc088 82%,var(--foreground));--flow-attention:color-mix(in srgb,#e0b263 78%,var(--foreground))}.course-flow__title{margin:0 0 .5rem;font-size:.82rem;font-weight:700}.course-flow__frame{position:relative;width:100%;overflow:hidden;border:1px solid var(--cb-line);background:var(--cb-surface)}.course-flow--bare .course-flow__frame{border:none;background:transparent}.course-flow--fill{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;height:100%}.course-flow--fill .course-flow__frame{flex:1 1 auto;min-height:0}.course-flow__frame .react-flow{position:relative;width:100%;height:100%;overflow:hidden}.flow-node{--flow-tone:var(--flow-accent);min-width:6rem;max-width:20rem;transition:opacity .2s ease}.flow-node--sized{max-width:none}.flow-node--tone-neutre{--flow-tone:var(--flow-neutre)}.flow-node--tone-info{--flow-tone:var(--flow-info)}.flow-node--tone-succes{--flow-tone:var(--flow-succes)}.flow-node--tone-attention{--flow-tone:var(--flow-attention)}.flow-node--tone-danger{--flow-tone:var(--flow-danger)}.flow-node--muted{opacity:.22}.flow-node__body{display:flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border:1px solid color-mix(in oklch,var(--flow-tone) 45%,transparent);background:color-mix(in oklch,var(--flow-tone) 9%,var(--cb-surface));color:var(--foreground);text-align:left}.flow-node__body--link{text-decoration:none;cursor:pointer}.flow-node__body--link:hover{border-color:color-mix(in oklch,var(--flow-tone) 75%,transparent);background:color-mix(in oklch,var(--flow-tone) 16%,var(--cb-surface))}.flow-node__icon{width:1rem;height:1rem;flex-shrink:0;color:var(--flow-tone)}.flow-node__text{display:flex;min-width:0;flex-direction:column;gap:.1rem}.flow-node__label{font-size:.78rem;font-weight:600;line-height:1.25}.flow-node__detail{font-size:.68rem;line-height:1.3;color:var(--muted-foreground)}.flow-node--fort .flow-node__body{border-width:2px;border-color:color-mix(in oklch,var(--flow-tone) 80%,transparent);background:color-mix(in oklch,var(--flow-tone) 16%,var(--cb-surface))}.flow-node--fort .flow-node__label{font-weight:700}.flow-node--discret .flow-node__body{border-style:dashed;border-color:color-mix(in oklch,var(--flow-tone) 28%,transparent);background:transparent}.flow-node--discret .flow-node__label{font-weight:500;color:var(--muted-foreground)}.flow-node--sized .flow-node__body{width:100%;height:100%;box-sizing:border-box}.flow-node--rounded .flow-node__body{border-radius:.4rem}.flow-node--pill .flow-node__body{border-radius:999px;padding-inline:1rem}.flow-node--circle .flow-node__body{justify-content:center;width:6.5rem;height:6.5rem;border-radius:50%;text-align:center}.flow-node--circle .flow-node__text{align-items:center}.flow-node--diamond .flow-node__body{justify-content:center;min-height:5.5rem;padding:1.4rem;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:color-mix(in oklch,var(--flow-tone) 15%,var(--cb-surface));border:none;outline:1px solid color-mix(in oklch,var(--flow-tone) 45%,transparent);outline-offset:-1px;text-align:center}.flow-node--diamond .flow-node__text{align-items:center}.flow-node--note .flow-node__body{border-left:3px solid var(--flow-tone);border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;background:color-mix(in oklch,var(--flow-tone) 6%,var(--cb-surface-2))}.flow-node--zone .flow-node__body{min-width:12rem;min-height:7rem;align-items:flex-start;border-style:dashed;border-color:color-mix(in oklch,var(--flow-tone) 32%,transparent);background:color-mix(in oklch,var(--flow-tone) 4%,transparent)}.flow-node--zone .flow-node__label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--flow-tone)}.flow-node--sized.flow-node--circle .flow-node__body,.flow-node--sized.flow-node--diamond .flow-node__body,.flow-node--sized.flow-node--zone .flow-node__body{width:100%;height:100%;min-width:0;min-height:0}.flow-node__handle{width:1px;height:1px;min-width:0;min-height:0;border:none;background:transparent;opacity:0;pointer-events:none}.course-flow .react-flow__edge-text{font-size:.66rem;fill:var(--muted-foreground)}.course-flow .react-flow__edge-textbg{fill:var(--cb-surface)}.course-flow .react-flow__controls{box-shadow:none;border:1px solid var(--cb-line);background:var(--cb-surface)}.course-flow .react-flow__controls-button{border:none;border-bottom:1px solid var(--cb-line);background:transparent;color:var(--foreground);fill:currentColor}.course-flow .react-flow__controls-button:hover{background:var(--cb-surface-2)}.course-flow .react-flow__minimap{border:1px solid var(--cb-line);background:var(--cb-surface)}.course-flow .react-flow__attribution{background:transparent;font-size:.6rem}.course-flow .react-flow__attribution a{color:color-mix(in oklch,var(--muted-foreground) 70%,transparent)}.course-flow__steps{border:1px solid var(--cb-line);border-top:none;background:var(--cb-surface-2)}.course-flow--bare .course-flow__steps{border:none;border-top:1px solid var(--cb-line);background:transparent}.course-flow__step-bar{display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem;border-bottom:1px solid var(--cb-line)}.course-flow__step-btn{display:inline-flex;width:1.7rem;height:1.7rem;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--cb-line);background:var(--cb-surface);color:var(--foreground);cursor:pointer}.course-flow__step-btn:hover:not(:disabled){border-color:color-mix(in oklch,var(--flow-accent) 55%,transparent);color:var(--flow-accent)}.course-flow__step-btn:disabled{opacity:.4;cursor:default}.course-flow__step-btn--reset{margin-left:auto}.course-flow__step-dots{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none}.course-flow__step-dot{display:inline-flex;width:1.7rem;height:1.7rem;align-items:center;justify-content:center;border:1px solid var(--cb-line);background:transparent;font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--muted-foreground);cursor:pointer}.course-flow__step-dot--active{border-color:var(--flow-accent);background:color-mix(in oklch,var(--flow-accent) 14%,transparent);font-weight:700;color:var(--flow-accent)}.course-flow__step-body{padding:.65rem .8rem .75rem}.course-flow__step-title{display:flex;align-items:baseline;gap:.45rem;margin:0;font-size:.8rem;font-weight:700}.course-flow__step-index{font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--flow-accent)}.course-flow__step-text{margin-top:.3rem;font-size:.8125rem;color:var(--muted-foreground)}.course-flow__step-text p:last-child{margin-bottom:0}.course-flow__caption{padding:.6rem 0 0;font-size:.72rem;color:var(--muted-foreground);text-align:center}