.curriculum-segment-line{fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;pointer-events:none;opacity:.7}
.curriculum-segment-line.is-selected,.curriculum-segment-line.is-multi-selected{stroke:var(--ink);opacity:1}
.curriculum-segment-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:grab;touch-action:none}
.curriculum-segment-handle{fill:var(--surface);stroke:var(--ink);stroke-width:1.5;pointer-events:none}
.curriculum-segment-end-hit{fill:transparent;pointer-events:all;cursor:crosshair;touch-action:none}
.curriculum-segment-tool[aria-pressed=true]{background:var(--context-selected-soft)}
.curriculum-segment-tool svg{width:18px;height:18px}
.curriculum-segment-remove{position:absolute;z-index:24;width:36px;height:36px;padding:7px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}
.curriculum-segment-remove svg{width:18px;height:18px}
.curriculum-segment-hint{position:absolute;top:64px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);font-size:12px;background:var(--surface);color:var(--muted);padding:6px 10px;border-radius:6px;pointer-events:none;z-index:22}
.curriculum-segment-dialog{width:min(400px,calc(100vw - 24px))}
.curriculum-segment-preview{width:100%;height:32px;display:block}
.curriculum-segment-hit.is-settings-only{cursor:pointer;touch-action:pan-x pan-y}
.curriculum-segment-slider{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:12px;min-height:40px}
.curriculum-segment-slider>input[type=range]{width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;accent-color:var(--ink)}
.curriculum-segment-slider>output{font-variant-numeric:tabular-nums;text-align:right;font-weight:500}