.cs-main{padding-bottom:0;--cs-line: var(--color-hairline-strong);--cs-accent: var(--color-primary);--cs-accent-soft: var(--color-surface-soft);--cs-accent-border: var(--color-hairline-strong)}.cs-progress{position:sticky;top:0;z-index:40;height:2px;background:transparent}.cs-progress__bar{height:100%;background:var(--cs-accent);transition:width .1s linear}.cs-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(var(--space-lg),4vw,var(--space-xxl));align-items:start;padding:var(--space-section-fluid) 0 var(--space-xl)}.cs-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-label-mono);letter-spacing:var(--tracking-mono);color:var(--color-muted);margin:0 0 var(--space-md)}.cs-crumbs a{color:var(--color-muted);text-decoration:none}.cs-crumbs a:hover{color:var(--color-ink-deep);text-decoration:underline;text-underline-offset:3px}.cs-hero__title{margin:0 0 var(--space-md);font-family:var(--font-display);font-weight:400;font-size:var(--text-display-xl);line-height:1.05;letter-spacing:var(--tracking-display-xl);color:var(--color-ink-deep);max-width:var(--max-read)}.cs-hero__lead{margin:0;font-family:var(--font-body);font-size:var(--text-body-lg);line-height:1.55;color:var(--color-body-secondary);max-width:var(--max-read-tight)}.cs-stakes{margin:var(--space-lg) 0 0;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-hairline-strong);border-left:2px solid var(--color-primary);border-radius:var(--radius-none);background:var(--color-surface-soft);font-family:var(--font-body);font-size:var(--text-body-md);line-height:1.55;color:var(--color-body-strong);max-width:var(--max-read-tight)}.cs-stakes__label{display:block;font-family:var(--font-mono);font-size:var(--text-label-mono);font-weight:400;letter-spacing:var(--tracking-mono);color:var(--color-muted);margin-bottom:var(--space-xs)}.cs-hero__art{width:clamp(7rem,16vw,11.25rem);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-none);overflow:hidden;flex:0 0 auto;background:var(--color-canvas-warm)}.cs-hero__art img{width:100%;height:auto;display:block}.cs-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11.25rem),1fr));gap:0;border-top:1px solid var(--cs-line);border-bottom:1px solid var(--cs-line);margin-bottom:var(--space-section-fluid)}.cs-metric{padding:var(--space-lg) var(--space-md);border-right:1px solid var(--cs-line);display:flex;flex-direction:column;gap:var(--space-xs)}.cs-metric:last-child{border-right:none}.cs-metric__value{font-family:var(--font-display);font-size:var(--text-display-md);font-weight:500;line-height:1;letter-spacing:var(--tracking-display-md);color:var(--color-ink-deep)}.cs-metric:first-child .cs-metric__value{color:var(--color-on-accent);background:var(--cs-accent);display:inline-block;padding:var(--space-xxs) var(--space-xs) var(--space-xs);border-radius:var(--radius-none);width:fit-content}.cs-metric__label{font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.5;color:var(--color-body-strong)}.cs-metric__note{font-family:var(--font-mono);font-size:var(--text-label-mono);letter-spacing:var(--tracking-mono);line-height:1.4;color:var(--color-muted)}.cs-qualify{border:1px solid var(--cs-line);border-radius:var(--radius-none);padding:clamp(var(--space-lg),3vw,var(--space-xl));margin-bottom:var(--space-section-fluid);background:var(--color-canvas-warm)}.cs-qualify__head{margin-bottom:var(--space-md)}.cs-qualify__head .cs-section-title{margin-bottom:var(--space-sm)}.cs-qualify__sub{margin:0;font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.5;color:var(--color-muted)}.cs-symptoms{list-style:none;margin:0 0 var(--space-md);padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.cs-symptom{width:100%;display:flex;align-items:flex-start;gap:var(--space-sm);text-align:left;background:var(--color-canvas);border:1px solid var(--cs-line);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.5;color:var(--color-body-secondary);transition:border-color .15s ease,background .15s ease}.cs-symptom:hover{border-color:var(--color-ink-deep)}.cs-symptom:focus-visible{outline:2px solid var(--color-ink-deep);outline-offset:2px}.cs-symptom.is-on{border-color:var(--color-ink-deep);background:var(--cs-accent-soft);color:var(--color-ink-deep)}.cs-symptom__box{flex:0 0 auto;width:1.15rem;height:1.15rem;border:1px solid var(--color-hairline-strong);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:var(--text-body-sm);line-height:1;margin-top:.1rem}.cs-symptom.is-on .cs-symptom__box{background:var(--cs-accent);border-color:var(--cs-accent);color:var(--color-on-accent)}.cs-verdict{border-top:1px dashed var(--cs-line);padding-top:var(--space-md);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg)}.cs-verdict__text{margin:0;font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.5;color:var(--color-body-secondary)}.cs-verdict.is-live .cs-verdict__text strong{color:var(--color-ink-deep);font-weight:500}.cs-verdict__cta.btn{min-height:3rem}.cs-block{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:clamp(var(--space-md),3vw,var(--space-xl));padding:var(--space-section-fluid) 0;border-top:1px solid var(--cs-line)}.cs-block__label{padding-top:var(--space-xxs)}.cs-block__label .eyebrow{margin:0;display:inline-flex;align-items:center;gap:var(--space-xs)}.cs-block__label .eyebrow:before{content:"";width:.45rem;height:.45rem;background:var(--cs-accent);transform:rotate(45deg);flex:0 0 auto}.cs-section-title{margin:0 0 var(--space-xl);font-family:var(--font-display);font-weight:400;font-size:var(--text-display-sm);line-height:1.2;letter-spacing:var(--tracking-display-sm);color:var(--color-ink-deep);max-width:var(--max-read)}.cs-context{margin:calc(var(--space-md) * -1) 0 var(--space-lg);font-family:var(--font-body);font-size:var(--text-body-md);line-height:1.6;color:var(--color-body-secondary);max-width:var(--max-read);font-style:italic}.cs-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-md)}.cs-card{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-none);padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.55;color:var(--color-body-secondary);background:var(--color-canvas-warm)}.cs-card--problem{background:var(--color-canvas-warm)}.cs-cards--result{grid-template-columns:repeat(auto-fit,minmax(min(100%,16.25rem),1fr))}.cs-card--result{display:flex;gap:var(--space-sm);align-items:flex-start;color:var(--color-ink-deep);background:var(--color-surface-soft);border-left:2px solid var(--color-primary)}.cs-card__tick{flex:0 0 auto;font-size:var(--text-body-sm);line-height:1;color:var(--color-on-accent);background:var(--cs-accent);width:1.25rem;height:1.25rem;border-radius:var(--radius-none);display:inline-flex;align-items:center;justify-content:center;margin-top:.15rem;font-weight:500}.cs-card--learning{background:var(--color-canvas-warm)}.cs-steps{list-style:none;margin:0;padding:0}.cs-step{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:var(--space-md);padding:0 0 var(--space-lg);position:relative}.cs-step:last-child{padding-bottom:0}.cs-step__num{width:2.4rem;height:2.4rem;border-radius:var(--radius-none);border:1px solid var(--color-hairline-strong);background:var(--cs-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-label-mono);font-weight:500;letter-spacing:var(--tracking-mono);color:var(--color-on-accent);position:relative;z-index:1}.cs-step__text{font-family:var(--font-body);font-size:var(--text-body-md);line-height:1.6;color:var(--color-body-secondary);padding-top:var(--space-xs);max-width:var(--max-read)}.cs-details{border-top:1px solid var(--cs-line);padding:var(--space-sm) 0}.cs-details:last-child{border-bottom:1px solid var(--cs-line)}.cs-details>summary{cursor:pointer;list-style:none;font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--color-ink-deep);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:2.75rem}.cs-details>summary::-webkit-details-marker{display:none}.cs-details>summary:after{content:"+";font-size:var(--text-body-lg);color:var(--color-muted);flex:0 0 auto}.cs-details[open]>summary:after{content:"–"}.cs-details>p,.cs-details>ul{margin:var(--space-sm) 0 var(--space-xs);font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.6;color:var(--color-body-secondary);max-width:var(--max-read)}.cs-faq .cs-details:first-of-type{border-top:1px solid var(--cs-line)}.cs-toggle{display:inline-flex;border:1px solid var(--cs-line);border-radius:var(--radius-sm);padding:3px;margin-bottom:var(--space-md);background:var(--color-canvas)}.cs-toggle button{border:none;background:transparent;cursor:pointer;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--color-muted);transition:background .16s ease,color .16s ease;min-height:2.75rem}.cs-toggle button.is-on{background:var(--cs-accent);color:var(--color-on-accent)}.cs-compare{margin:0;border-top:1px solid var(--cs-line)}.cs-compare__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--cs-line);align-items:baseline}.cs-compare__label{font-family:var(--font-mono);font-size:var(--text-label-mono);font-weight:400;letter-spacing:var(--tracking-mono);color:var(--color-muted)}.cs-compare__before,.cs-compare__after{margin:0;font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.5;transition:opacity .2s ease,color .2s ease}.cs-compare__before{color:var(--color-muted);text-decoration:line-through;text-decoration-color:var(--color-muted-soft)}.cs-compare__after{color:var(--color-ink-deep);font-weight:500}.cs-compare--after .cs-compare__after{color:var(--color-ink-deep)}.cs-compare--before .cs-compare__before{color:var(--color-ink-deep);text-decoration:none;font-weight:500}.cs-compare--before .cs-compare__after{opacity:.35;font-weight:400}.cs-compare--after .cs-compare__before{opacity:.5}.cs-timeline__track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.375rem),1fr));gap:0;border-top:1px solid var(--cs-line);margin-bottom:var(--space-md)}.cs-phase{text-align:left;background:transparent;border:none;border-right:1px solid var(--cs-line);cursor:pointer;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);position:relative;transition:background .16s ease;min-height:2.75rem}.cs-phase:last-child{border-right:none}.cs-phase:hover{background:var(--color-canvas-warm)}.cs-phase:focus-visible{outline:2px solid var(--color-ink-deep);outline-offset:-2px}.cs-phase__dot{position:absolute;top:-5px;left:var(--space-sm);width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-hairline-strong);border:2px solid var(--color-canvas)}.cs-phase.is-on .cs-phase__dot{background:var(--cs-accent)}.cs-phase__num{font-family:var(--font-mono);font-size:var(--text-label-mono);font-weight:400;letter-spacing:var(--tracking-mono);color:var(--color-muted)}.cs-phase.is-on .cs-phase__num{color:var(--color-ink-deep)}.cs-phase__title{font-family:var(--font-display);font-size:var(--text-title-sm);font-weight:500;line-height:1.25;color:var(--color-muted);letter-spacing:var(--tracking-title)}.cs-phase.is-on .cs-phase__title{color:var(--color-ink-deep)}.cs-phase__meta{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-muted)}.cs-timeline__panel{border:1px solid var(--color-hairline-strong);border-left:2px solid var(--color-primary);border-radius:var(--radius-none);padding:var(--space-md) var(--space-lg);background:var(--color-surface-soft)}.cs-timeline__panel p{margin:0;font-family:var(--font-body);font-size:var(--text-body-md);line-height:1.6;color:var(--color-body-secondary);max-width:var(--max-read)}.cs-stack-groups{display:flex;flex-direction:column;gap:var(--space-lg)}.cs-stack-group__title{font-family:var(--font-mono);font-size:var(--text-label-mono);font-weight:400;letter-spacing:var(--tracking-mono);color:var(--color-muted);margin:0 0 var(--space-xs)}.cs-related{list-style:none;margin:0;padding:0;border-top:1px solid var(--cs-line)}.cs-related li{border-bottom:1px solid var(--cs-line)}.cs-related a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-xs);text-decoration:none;color:var(--color-ink-deep);font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.5;min-height:2.75rem}.cs-related a:hover{background:var(--color-canvas-warm)}.cs-related__arrow{color:var(--color-muted);transition:transform .16s ease}.cs-related a:hover .cs-related__arrow{transform:translate(3px);color:var(--color-ink-deep)}.cs-cluster-back{border-top:1px solid var(--cs-line);padding:var(--space-xl) 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.cs-cluster-back p{margin:0;font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.5;color:var(--color-body-secondary)}.cs-cluster-back strong{font-weight:500;color:var(--color-ink-deep)}.cs-prose-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.cs-prose-list li{position:relative;padding-left:var(--space-md);font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.6;color:var(--color-body-secondary)}.cs-prose-list li:before{content:"";position:absolute;left:0;top:.55em;width:.45rem;height:.45rem;background:var(--cs-accent);transform:rotate(45deg)}@media (max-width: 900px){.cs-hero{gap:var(--space-lg)}}@media (max-width: 860px){.cs-hero{grid-template-columns:1fr}.cs-hero__art{width:clamp(6.5rem,22vw,8rem);order:-1}.cs-block{grid-template-columns:1fr;gap:var(--space-sm)}.cs-block__label{padding-top:0}}@media (max-width: 640px){.cs-compare__row{grid-template-columns:1fr;gap:var(--space-xxs)}.cs-compare--after .cs-compare__before,.cs-compare--before .cs-compare__after{display:none}.cs-phase{border-right:none;border-bottom:1px solid var(--cs-line)}.cs-phase__dot{display:none}.cs-verdict{flex-direction:column;align-items:flex-start}}@media (max-width: 540px){.cs-metric{border-right:none;border-bottom:1px solid var(--cs-line)}.cs-metric:last-child{border-bottom:none}.cs-hero__title{font-size:var(--text-display-lg);letter-spacing:var(--tracking-display-lg)}}@media (prefers-reduced-motion: reduce){.cs-progress__bar,.cs-compare__before,.cs-compare__after,.cs-related__arrow{transition:none}}
