.ccg-widget{--ccg-teal:#79ead7;--ccg-violet:#b7a3ff;--ccg-blue:#8cc9ff}
.ccg-widget [hidden]{display:none!important}
.ccg-widget .ccg-intro{font-size:20px;line-height:1.45;color:#edf8ff;margin:0 0 9px;font-weight:700}
.ccg-widget .ccg-select,.ccg-widget .ccg-unit-label{display:block;color:#c7d9e7;font-size:14px;line-height:1.6;font-weight:600;min-width:0}
.ccg-widget .ccg-select select,.ccg-widget .ccg-unit-label select{display:block;width:100%;min-height:48px;padding:10px 30px 10px 12px;margin-top:6px;border:1px solid #3c566e;border-radius:9px;background:#0d2031;color:#e8f3ff;font-size:15px;line-height:1.45;white-space:nowrap}
.ccg-top-fields,.ccg-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:18px 0}
.ccg-widget .ccg-pair{grid-template-columns:minmax(0,1.4fr) minmax(110px,.75fr);align-items:end}
.ccg-widget .ccg-pair .cmc-field{margin:0;min-width:0}
.ccg-widget .ccg-pair input{min-width:0}
.ccg-widget .ccg-unit-label{padding-bottom:0}
.ccg-weight-model{margin:20px 0 0;padding:16px;border:1px solid #31485e;border-radius:12px;background:#102031}
.ccg-widget .ccg-weight-model .cmc-help{margin:10px 0 0}
.ccg-weight-model .ccg-pair{margin-bottom:0}
.ccg-widget .ccg-cr-help{font-size:13px;line-height:1.65;margin:11px 0 18px;color:#adc4d6}
.ccg-widget .cmc-examples button{flex:1 1 170px;text-align:left}
.ccg-widget .ccg-result{border-color:#57ccb7;background:linear-gradient(135deg,#143c3c,#112332)}
.ccg-widget .ccg-result .cmc-status{color:#c4f3e9;background:#163c3c;border-color:#355c5c}
.ccg-widget .ccg-result .ccg-note{font-size:14px;line-height:1.7;color:#ffd79d;padding:12px;border:1px solid #655237;border-radius:10px}
.ccg-visual{align-self:start;min-width:0;width:100%;padding:24px;background:radial-gradient(ellipse at 50% 18%,#264f584d,transparent 66%)}
.ccg-widget .cmc-diagram-head{gap:10px;align-items:start}.ccg-widget .cmc-diagram-head>span:last-child{text-align:right}
.ccg-renal-stage{position:relative;max-width:440px;width:100%;margin:14px auto 0;padding:0;isolation:isolate}
.ccg-renal-stage:before{content:"";position:absolute;inset:15% 18%;border-radius:50%;background:#2dd4bf10;box-shadow:0 0 50px #2dd4bf12;z-index:-1}
.ccg-renal-svg{width:100%;height:auto;display:block;overflow:visible}
.ccg-kidney{fill:#102e3b;stroke:var(--ccg-teal);stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(0 0 7px #56ddc222)}
.ccg-inner{stroke:var(--ccg-blue);stroke-width:1.2;fill:none;opacity:.55}
.ccg-flow{stroke:var(--ccg-violet);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-dasharray:5 7;opacity:.45}
.ccg-node{fill:#102b3c;stroke:var(--ccg-violet);stroke-width:1.5}.ccg-node-text{fill:#d6e7ff;font:600 12px Inter,system-ui,sans-serif;text-anchor:middle}
.ccg-traveler{fill:#91ffe5;filter:drop-shadow(0 0 5px #4effc7)}
.ccg-widget[data-animating=true] .ccg-kidney{filter:drop-shadow(0 0 13px #56ddc277)}
.ccg-widget[data-animating=true] .ccg-flow{opacity:1;stroke-dashoffset:calc(var(--cg-progress,0)*-70)}
.ccg-widget .ccg-caption{font-size:12px;line-height:1.7;color:#a4b9ce;text-align:center;margin:4px 0 22px}
.ccg-steps{list-style:none;margin:0;padding:0;display:grid;gap:11px;counter-reset:cg-step}
.ccg-steps>li{counter-increment:cg-step;display:grid;grid-template-columns:29px minmax(0,1fr);column-gap:10px;padding:12px;border:1px solid #2a445a;background:#102234;border-radius:10px;min-width:0}
.ccg-steps>li:before{content:counter(cg-step,decimal-leading-zero);grid-row:1/3;font-size:12px;line-height:26px;color:var(--ccg-teal);font-weight:700}
.ccg-steps span{font-size:12px;color:#b2c9da;line-height:1.5}.ccg-steps strong{display:block;min-width:0;overflow-wrap:anywhere;font-size:17px;line-height:1.6;color:#e8f5ff;font-variant-numeric:tabular-nums}
.ccg-widget .ccg-equation{font-size:13px;line-height:1.8;overflow-wrap:anywhere;padding:14px;margin:18px 0;border:1px dashed #3d6174;border-radius:10px;color:#c2dbe9}
.ccg-comparisons{margin:20px 0 10px;padding-top:18px;border-top:1px solid #2f485e}
.ccg-comparisons h3{font-size:17px;line-height:1.5;margin:0 0 12px;color:#e1f4ff}
.ccg-compare{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:11px 12px;margin:7px 0;border:1px solid #2d4359;border-radius:10px;line-height:1.6}
.ccg-compare>span:first-child{font-size:13px;color:#c7deec}.ccg-compare small{display:block;font-size:11px;font-weight:700;color:#8df5d9}.ccg-compare>b{font-size:14px;color:#eaf8ff;align-self:center;font-variant-numeric:tabular-nums}.ccg-compare>span:last-child{font-size:12px;color:#acc4d8;grid-column:1/-1}
.ccg-compare.is-selected{border-color:#57b9a8;background:#17393788}
.ccg-comparisons>p{font-size:12px;line-height:1.7;color:#b0c8dc}
.ccg-widget .cmc-result-actions{flex-wrap:wrap}.ccg-copy-message{font-size:13px;color:#9beed7;min-height:1.7em;line-height:1.7}
.ccg-widget input[aria-invalid=true],.ccg-widget select[aria-invalid=true]{border-color:#ffb4c5}
.ccg-widget input:focus-visible,.ccg-widget select:focus-visible,.ccg-widget button:focus-visible,.ccg-widget summary:focus-visible{outline:2px solid #6be7cf;outline-offset:3px}
.ccg-widget .cmc-workspace>.cmc-result{scroll-margin-top:105px}
@media(max-width:1100px){.ccg-visual{padding:20px}.ccg-top-fields{grid-template-columns:minmax(0,1fr)}.ccg-widget .ccg-pair{grid-template-columns:minmax(0,1fr) 110px;gap:10px}.ccg-widget .ccg-pair .cmc-input-wrap{padding-right:8px}}
@media(max-width:650px){.ccg-top-fields{grid-template-columns:minmax(0,1fr)}.ccg-visual{padding:20px 0 0}.ccg-widget .ccg-pair{grid-template-columns:minmax(0,1fr) 106px}.ccg-widget .cmc-workspace>.cmc-result{scroll-margin-top:90px}.ccg-widget .ccg-result .cmc-status{white-space:normal}.ccg-weight-model{padding:13px}}
@media(max-width:380px){.ccg-top-fields{grid-template-columns:minmax(0,1fr)}.ccg-widget .ccg-pair{grid-template-columns:minmax(0,1fr)}.ccg-widget .ccg-unit-label{max-width:100%}.ccg-compare{grid-template-columns:minmax(0,1fr)}.ccg-compare>span:last-child{grid-column:auto}.ccg-widget .ccg-intro{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ccg-widget *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ccg-traveler{display:none}}