/* Quiet case-study progress: one rail and one active chapter marker. */
#caseView .cs-nav{--progress-accent:var(--cs-ink);width:32px;height:clamp(170px,28vh,230px);right:22px;}
#caseView.somnus-case:not(.nyid-case):not(.buildscape-case):not(.logo-case):not(.puma-case) .cs-nav{--progress-accent:#a9b8ff;}
#caseView .somnus-complete .cs-nav,#caseView .nyid-complete .cs-nav{height:min(50vh,380px);}
#caseView .cs-nav .cs-line{left:50%;top:0;bottom:0;width:1px;background:var(--cs-line);opacity:.65;pointer-events:none;}
#caseView .cs-nav .cs-fill{left:50%;top:0;width:1px;max-height:100%;background:var(--progress-accent);opacity:.45;pointer-events:none;}
#caseView .cs-nav .cs-dots{height:100%;width:100%;align-items:center;justify-content:stretch;}
#caseView .cs-nav .cs-dot{display:block;flex:1 1 0;min-height:0;width:32px;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:none;}
#caseView .cs-nav .cs-dot::before{content:'';position:absolute;left:50%;top:50%;width:3px;height:1px;transform:translate(-50%,-50%);background:var(--cs-dot);opacity:0;transition:width .2s ease,opacity .2s ease,background .2s ease;}
#caseView .cs-nav:hover .cs-dot::before{opacity:.5;}
#caseView .cs-nav .cs-dot.active::before{width:10px;height:2px;background:var(--progress-accent);opacity:1;}
#caseView .cs-nav .cs-dot:hover::before,#caseView .cs-nav .cs-dot:focus-visible::before{width:14px;height:2px;background:var(--progress-accent);opacity:1;}
#caseView .cs-nav .cs-dot:focus-visible{outline:none;}
#caseView .cs-nav .cs-dot::after{right:30px;top:50%;font:10px/1.4 var(--font-ui);letter-spacing:.01em;text-transform:none;padding:5px 8px;border-radius:3px;color:var(--cs-ink);background:var(--bg);white-space:nowrap;opacity:0;transform:translateY(-50%) translateX(3px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;}
#caseView .cs-nav .cs-dot:hover::after,#caseView .cs-nav .cs-dot:focus-visible::after{opacity:1;transform:translateY(-50%);}
@media(max-width:700px){#caseView .cs-nav{right:8px;width:28px;height:clamp(150px,25vh,200px);}#caseView .cs-nav .cs-dot{width:28px;}#caseView .somnus-complete .cs-nav,#caseView .nyid-complete .cs-nav{height:min(48vh,320px);}}
@media(hover:none){#caseView .cs-nav .cs-dot::before{opacity:.3;}#caseView .cs-nav .cs-dot.active::before{opacity:1;}#caseView .cs-nav .cs-dot::after{display:none;}}
@media(prefers-reduced-motion:reduce){#caseView .cs-nav .cs-dot::before,#caseView .cs-nav .cs-dot::after{transition:none;}}
#caseView.somnus-case:not(.nyid-case):not(.buildscape-case):not(.logo-case):not(.puma-case) .cs-nav .cs-dot.active{background:transparent;box-shadow:none;}