.cjc-hero{padding:58px 0 44px;border-bottom:1px solid #dfddd7;background:linear-gradient(135deg,#f3eee6,#fff 58%,#edf2f5)}
.cjc-hero h1{max-width:1050px;margin:6px 0 12px;font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.045em}
.cjc-hero p:last-child{max-width:950px;margin:0;color:#596269;font-size:17px}
.cjc-shell{--cjc-bg:#111619;--cjc-panel:#1a2226;--cjc-panel-2:#202c31;--cjc-line:#37474d;--cjc-text:#eff4f3;--cjc-muted:#a1afb2;--cjc-green:#5bceb0;--cjc-blue:#72a5ed;--cjc-orange:#f18a45;--cjc-red:#ef6b64;background:var(--cjc-bg);color:var(--cjc-text);padding:42px 0 72px}
.cjc-shell [hidden]{display:none!important}
.cjc-workspace{display:grid;grid-template-columns:minmax(350px,.77fr) minmax(0,1.23fr);gap:24px;align-items:start}
.cjc-panel{overflow:hidden;border:1px solid var(--cjc-line);border-radius:15px;background:var(--cjc-panel);box-shadow:0 18px 55px rgba(0,0,0,.24)}
.cjc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--cjc-line)}
.cjc-panel-head span{display:block;margin-bottom:3px;color:#70dfc3;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.cjc-panel-head h2{margin:0;color:#fff;font-size:20px}
.cjc-panel-head>strong{border:1px solid #4d6067;border-radius:99px;color:#86e6cf;padding:5px 9px;font-size:10px;text-transform:uppercase;white-space:nowrap}
.cjc-controls{position:sticky;top:82px}
.cjc-controls form{display:flex;flex-direction:column;gap:18px;padding:22px}
.cjc-controls fieldset{min-width:0;margin:0;border:0;border-top:1px solid var(--cjc-line);padding:17px 0 0}
.cjc-controls fieldset:first-child{border-top:0;padding-top:0}
.cjc-controls legend{padding:0 9px 0 0;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase}
.cjc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cjc-field{display:flex;min-width:0;flex-direction:column;gap:6px;color:#cbd5d7;font-size:12px;font-weight:800}
.cjc-field-wide{grid-column:1/-1}
.cjc-field input,.cjc-field select{width:100%;height:42px;border:1px solid #45575e;border-radius:8px;background:#0f161a;color:#fff;padding:8px 11px;outline:none}
.cjc-field input::placeholder{color:#708287;font-size:10px}
.cjc-field input:focus,.cjc-field select:focus{border-color:var(--cjc-green);box-shadow:0 0 0 3px rgba(91,206,176,.16)}
.cjc-field input[aria-invalid=true],.cjc-field select[aria-invalid=true]{border-color:var(--cjc-red)}
.cjc-input-unit{position:relative;display:block}
.cjc-input-unit input{padding-right:52px}
.cjc-input-unit em{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#829397;font-size:10px;font-style:normal;pointer-events:none}
.cjc-field-note{margin:11px 0 0;color:#91a2a5;font-size:10px;line-height:1.55}
.cjc-validation{border:1px solid #ef766f;border-radius:8px;background:#4d2423;color:#ffd9d5;padding:10px 12px;font-size:12px}
.cjc-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:17px;border-top:1px solid var(--cjc-line)}
.cjc-btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:850;cursor:pointer}
.cjc-btn.primary{background:var(--cjc-green);color:#071411}
.cjc-btn.primary:hover{background:#43b894}
.cjc-btn.secondary{border-color:#4a5e64;background:#243238;color:#e2ebec}
.cjc-btn.secondary:hover{background:#2d3e44}
.cjc-output-column{display:flex;min-width:0;flex-direction:column;gap:24px}
.cjc-result-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 20px}
.cjc-result-cards article{min-width:0;border:1px solid #394b51;border-radius:10px;background:var(--cjc-panel-2);padding:13px;text-align:center}
.cjc-result-cards span{display:block;min-height:28px;color:var(--cjc-muted);font-size:9px;font-weight:800;text-transform:uppercase}
.cjc-result-cards strong{display:block;color:#6ee0c2;font-size:clamp(17px,2vw,23px);line-height:1.2;font-variant-numeric:tabular-nums}
.cjc-result-cards small{color:#c6d0d2;font-size:10px}
.cjc-target-message{margin:0 20px 20px;border-left:3px solid var(--cjc-green);background:#12211e;padding:12px 14px;color:#bacac8;font-size:11px;line-height:1.55}
.cjc-target-message strong{color:#fff}
.cjc-target-message.warning{border-color:var(--cjc-orange);background:#2f2118;color:#e7c5aa}
.cjc-target-message.danger{border-color:var(--cjc-red);background:#301b1b;color:#e8b8b5}
.cjc-svg-wrap{padding:14px}
.cjc-svg-wrap svg{display:block;width:100%;height:auto;border-radius:10px;background:#0c1316}
.cjc-tooltip{margin:-2px 14px 14px;border:1px solid #455961;border-radius:8px;background:#0f181c;color:#c9d6d8;padding:9px 12px;font-size:11px}
.cjc-tooltip strong{color:#76e0c5}
.cjc-breakdown .cjc-table-wrap{overflow-x:auto;padding:0 20px 20px}
.cjc-breakdown table{width:100%;border-collapse:collapse;font-size:11px}
.cjc-breakdown th,.cjc-breakdown td{border-bottom:1px solid #36484e;padding:11px 9px;text-align:left}
.cjc-breakdown thead th{color:#82969a;font-size:9px;text-transform:uppercase}
.cjc-breakdown tbody th{background:#1a2226!important;color:#dfe8e9!important}
.cjc-breakdown td{color:#aebdc0;font-variant-numeric:tabular-nums}
.cjc-breakdown td:last-child{color:#6cdec3}
.cjc-learning{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;margin-top:28px}
.cjc-copy-card{border:1px solid var(--cjc-line);border-radius:15px;background:var(--cjc-panel);padding:26px}
.cjc-copy-card>h2{margin:5px 0 12px;color:#fff;font-size:28px}
.cjc-copy-card>p:not(.kicker){color:#aab9bb}
.cjc-formulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.cjc-formulas article{border:1px solid #32444a;border-radius:10px;background:#111a1e;padding:15px}
.cjc-formulas h3{margin:0 0 8px;color:#fff;font-size:14px}
.cjc-formulas p{margin:0;color:#9eafb2;font-size:12px;line-height:1.6}
.cjc-formulas .cjc-equation{margin-bottom:8px;color:#70dfc4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:850}
.cjc-faq details{border-bottom:1px solid #314349}
.cjc-faq summary{position:relative;cursor:pointer;list-style:none;padding:15px 28px 15px 0;color:#fff;font-size:13px;font-weight:800}
.cjc-faq summary::-webkit-details-marker{display:none}
.cjc-faq summary:after{position:absolute;right:3px;content:'+';color:#70dfc4;font-size:20px}
.cjc-faq details[open] summary:after{content:'−'}
.cjc-faq details p{margin:0;padding:0 0 15px;color:#9eafb2;font-size:12px;line-height:1.65}
.cjc-svg-title{fill:#f0f6f5;font-size:15px;font-weight:850}
.cjc-svg-text{fill:#afbec0;font-size:11px}
.cjc-svg-small{fill:#839599;font-size:9px}
.cjc-svg-accent{fill:#71e0c5;font-size:12px;font-weight:800}
.cjc-chart-bg{fill:#0c1316}
.cjc-chart-grid{stroke:#2e3d43;stroke-width:1}
.cjc-chart-axis{stroke:#7a8e93;stroke-width:1.2}
.cjc-dry-bar{fill:#5bceb0}
.cjc-moist-bar{fill:#72a5ed}
.cjc-target-line{stroke:#f18a45;stroke-width:2;stroke-dasharray:7 5}
.cjc-density-point{cursor:pointer;outline:none}
.cjc-density-point circle{stroke:#071012;stroke-width:3}
.cjc-density-point.cjc-dry circle{fill:#5bceb0}
.cjc-density-point.cjc-moist circle{fill:#72a5ed}
.cjc-density-point:focus circle,.cjc-density-point:hover circle{stroke:#fff;stroke-width:4}
.cjc-carb-body{fill:#29363c;stroke:#9eafb2;stroke-width:2}
.cjc-orifice-base{fill:#5bceb0;stroke:#d8fff4;stroke-width:3}
.cjc-orifice-target{fill:#f18a45;stroke:#ffe0cb;stroke-width:3}
.cjc-flow-arrow{stroke:#79aaf0;stroke-width:4;marker-end:url(#cjc-arrow)}
.cjc-dimension{stroke:#aebdc0;stroke-width:1.2}
.cjc-dash{stroke:#788b90;stroke-width:1;stroke-dasharray:5 4}
@media(max-width:1120px){.cjc-workspace{grid-template-columns:1fr}.cjc-controls{position:static}.cjc-learning{grid-template-columns:1fr}.cjc-result-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.cjc-hero{padding:42px 0 32px}.cjc-hero h1{font-size:40px}.cjc-shell{padding-top:22px}.cjc-panel-head{padding:17px}.cjc-controls form{padding:17px}.cjc-formulas{grid-template-columns:1fr}}
@media(max-width:520px){.cjc-fields,.cjc-result-cards{grid-template-columns:1fr}.cjc-field-wide{grid-column:auto}.cjc-actions{flex-direction:column}.cjc-btn{width:100%}.cjc-copy-card{padding:20px}.cjc-panel-head{align-items:flex-start}.cjc-panel-head>strong{white-space:normal}}
@media print{.cjc-controls,.cjc-actions,.cjc-learning,.cjc-tooltip{display:none!important}.cjc-shell{background:#fff;color:#000;padding:0}.cjc-workspace{display:block}.cjc-output-column{gap:12px}.cjc-panel{border:1px solid #bbb;box-shadow:none;break-inside:avoid}.cjc-panel-head h2,.cjc-result-cards strong{color:#000}.cjc-result-cards article{border-color:#ccc;background:#fff}.cjc-target-message{border-color:#555;background:#fff;color:#222}}