.chapter-progress{display:flex;flex-direction:column;align-items:center;width:100%;padding:16px 8px;gap:8px}.chapter-progress__back{width:100%;display:flex;justify-content:flex-start;padding-left:8px}.chapter-progress__back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;color:#000;transition:opacity .2s ease}.chapter-progress__back-btn:hover{opacity:.7}.chapter-progress__back-btn:focus{outline:2px solid #000;outline-offset:2px}.chapter-progress__spacer{width:40px;flex-shrink:0}.chapter-progress__track{display:flex;align-items:flex-start;justify-content:center;width:100%;gap:0}.chapter-progress__step{display:flex;flex-direction:column;align-items:center;gap:6px}.chapter-progress__dot{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:0;flex-shrink:0;transition:all .15s ease;border:2px solid #000}.chapter-progress__dot--completed{background-color:#000;color:#fff;box-shadow:2px 2px 0 #666}.chapter-progress__dot--active{background-color:var(--background-hard-yellow,#f5e56f);color:#000;font-weight:700;box-shadow:3px 3px 0 #000}.chapter-progress__dot--pending{background-color:#fff;color:#999;border-color:#ccc}.chapter-progress__check{width:18px;height:18px}.chapter-progress__number{font-size:15px;font-weight:700;line-height:1;font-family:Helvetica Now Display,-apple-system,sans-serif}.chapter-progress__connector{width:32px;height:3px;flex-shrink:0;margin-top:16px;transition:background .2s ease;background-color:#000}.chapter-progress__connector--completed{background-color:#000}.chapter-progress__connector--active{background:linear-gradient(90deg,#000,#ccc)}.chapter-progress__connector--pending{background-color:#ddd}.chapter-progress__label{font-size:12px;font-weight:600;white-space:nowrap;text-align:center;font-family:Helvetica Now Display,-apple-system,sans-serif}.chapter-progress__label--completed{color:#000}.chapter-progress__label--active{color:#000;font-weight:700}.chapter-progress__label--pending{color:#999}.chapter-progress__encouragement{font-size:18px;font-weight:700;color:#000;text-align:center;margin-top:8px;font-family:Helvetica Now Display,-apple-system,sans-serif}@media (min-width:769px){.chapter-progress__label{font-size:13px}}.chapter-progress__mobile-status{display:none}.chapter-progress__mobile-chapter{font-size:13px;font-weight:700;color:#000}.chapter-progress__mobile-count{font-size:12px;color:#666}@media (max-width:360px){.chapter-progress{padding:12px 8px}.chapter-progress__dot{width:30px;height:30px}.chapter-progress__number{font-size:13px}.chapter-progress__check{width:14px;height:14px}.chapter-progress__connector{width:16px;margin-top:13px}.chapter-progress__label{font-size:10px}.chapter-progress__encouragement{font-size:16px}}