.csc{display:grid;background:var(--paper, #fff);border:1px solid var(--border);border-radius:14px;overflow:hidden}.csc--full,.csc--hero{grid-template-columns:1fr 1fr}.csc--compact{grid-template-columns:1fr}@media(max-width:820px){.csc--full,.csc--hero{grid-template-columns:1fr}}.csc__inputs{padding:28px 32px;display:flex;flex-direction:column;gap:22px;border-right:1px solid var(--border);background:var(--bg)}.csc--compact .csc__inputs{border-right:none;border-bottom:1px solid var(--border)}.csc__field{display:flex;flex-direction:column;gap:8px}.csc__row{display:flex;justify-content:space-between;align-items:baseline}.csc__lbl{font-size:13px;font-weight:600;color:var(--fg-muted);letter-spacing:.02em;text-transform:none}.csc__val{font-size:18px;font-weight:600;color:var(--fg)}.csc__select{width:100%;appearance:none;padding:11px 36px 11px 14px;border:1px solid var(--border);border-radius:8px;font:inherit;color:var(--fg);background:var(--paper, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23516259' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M2 4.5L6 8.5l4-4'/%3E%3C/svg%3E") no-repeat right 14px center}.csc__select:focus{outline:2px solid var(--accent);outline-offset:1px}.csc__slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;margin:6px 0 2px}.csc__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--paper, #fff);box-shadow:0 0 0 1px var(--accent),0 2px 6px #00000026;cursor:pointer;transition:transform .12s cubic-bezier(.25,1,.5,1)}.csc__slider:active::-webkit-slider-thumb{transform:scale(1.2)}.csc__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--paper, #fff);box-shadow:0 0 0 1px var(--accent);cursor:pointer;transition:transform .12s cubic-bezier(.25,1,.5,1)}.csc__slider:active::-moz-range-thumb{transform:scale(1.2)}.csc__ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--fg-muted);margin-top:2px}.csc__results{padding:28px 32px;display:flex;flex-direction:column;gap:18px;background:var(--paper, #fff)}.csc__reyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.csc__bignum{font-family:var(--font-display);font-size:clamp(44px,5vw,64px);font-weight:500;line-height:1;color:var(--fg);margin-top:6px;letter-spacing:-.02em}.csc__sub{font-size:14px;color:var(--fg-muted);margin-top:8px}.csc__sub .tabular{color:var(--fg);font-weight:500}.cscFlashable{display:inline-block;border-radius:8px;padding:0 6px;margin:0 -6px;transition:background-color .2s ease-out,transform .2s ease-out;background-color:transparent;transform:scale(1);will-change:background-color,transform}.cscFlashable--flashing{background-color:color-mix(in oklab,var(--accent) 12%,transparent);transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.cscFlashable,.cscFlashable--flashing{transition:none;transform:none;background-color:transparent}}.csc__bar{display:flex;height:10px;border-radius:5px;overflow:hidden;border:1px solid var(--border)}.csc__barseg--5{background:var(--accent)}.csc__barseg--15{background:color-mix(in oklab,var(--accent) 60%,white)}.csc__barseg--27{background:var(--bg-muted)}.csc__legend{display:flex;gap:18px;font-size:12px;color:var(--fg-muted)}.csc__legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.csc__sw--5{background:var(--accent)}.csc__sw--15{background:color-mix(in oklab,var(--accent) 60%,white)}.csc__sw--27{background:var(--bg-muted);border:1px solid var(--border)}.csc__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:4px 0}.csc__stat{padding:14px 0}.csc__stat+.csc__stat{border-left:1px solid var(--border);padding-left:16px}.csc__statlbl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.csc__statval{font-size:22px;font-weight:600;margin-top:4px}.csc .csc__cta,a.csc__cta,button.csc__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;background:var(--accent);color:var(--accent-ink);border:none;cursor:pointer;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;align-self:flex-start;transition:transform .1s,filter .15s}.csc .csc__cta:hover,a.csc__cta:hover,button.csc__cta:hover{filter:brightness(1.05);color:var(--accent-ink);text-decoration:none}.csc .csc__cta:active,a.csc__cta:active,button.csc__cta:active{transform:translateY(1px)}.csc .csc__cta:visited,a.csc__cta:visited{color:var(--accent-ink)}.csc__fine{font-size:11px;color:var(--fg-muted);line-height:1.5}