/* Segment progress (teaching pages) */
.progress-panel { background: rgba(2,10,22,0.58); border: 1px solid var(--cyan,#00E5FF); border-radius: 15px; padding: 1.25rem 1.5rem; margin: 1.25rem 0; }
.progress-panel .encourage { color: var(--ice,#A0E7FF); margin: 0.25rem 0 0.5rem; }
.progress-bar-wrap { background: rgba(0,40,60,0.6); border-radius: 10px; height: 16px; overflow: hidden; margin: 0.6rem 0 0.4rem; }
.progress-bar-fill { height: 100%; background: linear-gradient(90deg,#00E5FF,#1E90FF,#7B68EE); width: 0%; }
.seg-list { list-style: none; padding: 0; margin: 0.75rem 0 0; }
.seg-list li { display:flex; align-items:center; gap:0.65rem; padding:0.55rem 0.65rem; margin:0.35rem 0; border:1px solid rgba(0,229,255,0.25); border-radius:10px; background:rgba(0,40,60,0.35); cursor:pointer; }
.seg-list li:hover { border-color: var(--cyan,#00E5FF); }
.seg-list li.done { border-color: #7CFFB2; background: rgba(0,80,40,0.25); }
.seg-list .num { display:inline-flex; align-items:center; justify-content:center; min-width:1.7rem; height:1.7rem; border-radius:999px; border:1px solid var(--cyan,#00E5FF); color:var(--cyan,#00E5FF); font-weight:bold; font-size:0.85rem; }
.seg-list li.done .num { border-color:#7CFFB2; color:#7CFFB2; }
.seg-list .chk { margin-left:auto; color:#7CFFB2; font-weight:bold; min-width:1.2rem; text-align:center; }
.seg-hint { margin-top:0.8rem; font-size:0.9rem; color:#8ab; }