.cca-widget{box-sizing:border-box}
.cca-widget .cca-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cca-widget .cca-inputs input{padding-right:78px}
.cca-widget .cca-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 15px}
.cca-options>label{display:flex;flex-direction:column;gap:8px;font-size:16px;color:#c6d6e1;min-width:0}
.cca-widget .cca-options select{width:100%;font-size:16px;height:48px;padding:9px 30px 9px 12px;border-color:#345068;border-radius:10px;appearance:none;-webkit-appearance:none;background:#081522 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b5d4df' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center}
.cca-widget .cca-visual{justify-content:flex-start;gap:0}
.cca-widget .cca-values{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:10px;width:100%;margin:25px 0 4px}
.cca-values>div{border:1px solid #2b465a;border-radius:13px;background:#0a1c2b;padding:14px 10px;text-align:center;min-width:0}
.cca-values>div:last-child{background:#113432;border-color:#3c8176}
.cca-values span{display:block;color:#c2d8e2;font-size:14px;line-height:1.4}
.cca-values strong{display:block;color:#ecf8ff;font-size:36px;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.cca-values>div:last-child strong{color:#8ff5df}
.cca-values small{color:#a8c7d1;font-size:14px}
.cca-values .cca-arrow{font-size:28px;color:#71dfd0;text-align:center}
.cca-chart{width:100%;margin-top:24px}
.cca-track{position:relative;width:100%;height:12px;border-radius:9px;background:#213b4f;border:1px solid #335168}
.cca-reference{position:absolute;left:37.5%;width:25%;height:100%;top:0;background:#4fbc9c;border-radius:3px;opacity:.7}
.cca-travel{position:absolute;top:3px;height:4px;left:0;width:0;background:#d8fff5}
.cca-marker{position:absolute;left:0;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%)}
.cca-measured-marker{background:#0b1b2b;border:3px solid #c1d4e2;z-index:1}
.cca-corrected-marker{background:#8ff5df;border:3px solid #174943;box-shadow:0 0 0 4px #61e8d025;z-index:2}
.cca-axis{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#b8ccd9;margin:14px 0 0}
.cca-axis span:nth-child(2){color:#a8e6d3;text-align:center}
.cca-widget .cca-caption{font-size:14px;color:#a8bfd0;line-height:1.6;margin:12px 0 18px;width:100%}
.cca-widget .cca-formula{width:100%;font-size:14px;line-height:1.7;color:#bfd6e1;background:#081925;border:1px solid #294557;border-radius:10px;padding:11px 13px;margin:17px 0 0;overflow-wrap:anywhere}
.cca-formula small{font-size:13px;color:#9ebbc9}
.cca-widget .cca-copy-message{font-size:14px;color:#bbd8df;min-height:20px;margin:5px 0 0}
.cca-widget .cmc-result .cca-caution{font-size:16px!important;max-width:none;border:1px solid #846b38;background:#332d1d;color:#ffe5a5;padding:12px 15px;border-radius:10px;margin-top:16px}
.cca-widget[data-kind=low] .cmc-status{background:#3d3020;border-color:#8a6a36;color:#ffe2a3}
.cca-widget[data-kind=low]>.cmc-workspace>.cmc-result{border-left-color:#f6ce7c}
.cca-widget[data-kind=high] .cmc-status{background:#442735;border-color:#96546a;color:#ffc0ce}
@container cmc-form (max-width:360px){.cca-widget .cca-inputs,.cca-widget .cca-options{grid-template-columns:1fr}.cca-widget .cca-inputs{gap:0}}
@container cmc-widget (max-width:500px){.cca-widget .cmc-widget-head{padding:20px;gap:12px}.cca-widget .cmc-widget-head h2{font-size:25px}.cca-widget .cmc-widget-head .cmc-eyebrow{font-size:11px;letter-spacing:1px}.cca-widget .cmc-badge{display:none}.cca-widget .cmc-widget-foot{display:block;padding:16px 20px}.cca-widget .cmc-widget-foot a{display:inline-block;margin-top:8px}}
@container cmc-widget (max-width:500px){.cca-widget .cmc-diagram-head{gap:10px}.cca-widget .cca-values{gap:6px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.cca-values>div{padding:12px 6px}.cca-values strong{font-size:32px}.cca-values span{font-size:13px}.cca-widget .cmc-result .cca-caution{font-size:16px!important}}

.cca-widget .cca-reference-options{border:1px solid #29485d;border-radius:10px;padding:11px 13px;margin:0 0 20px;color:#c1d8e2;font-size:15px}
.cca-reference-options summary{cursor:pointer;min-height:30px;line-height:1.6}
.cca-widget .cca-reference-options>p{font-size:14px;color:#b7cddb;line-height:1.7;margin:9px 0 14px}
.cca-widget .cca-reference-options .cmc-field{margin-bottom:3px}
.cca-widget .cca-reference-options input{font-size:21px;height:54px}
.cca-widget .cca-reference-options .cmc-input-wrap>span{top:17px}
.cca-equivalent{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:13px 15px;border:1px solid #31596a;border-radius:10px;background:#0b2634;color:#bed7e3;font-size:15px;margin-top:3px}
.cca-equivalent strong{font-size:24px;line-height:1.4;color:#b0f6e5;white-space:nowrap;font-variant-numeric:tabular-nums}
.cca-widget .cca-ionized-note{font-size:15px;line-height:1.7;margin:15px 0 0;color:#bfd4df;width:100%}
.cca-widget .cca-ionized-note strong{color:#e1f7f4}
.cca-values strong{font-size:34px}
