.cos-widget{box-sizing:border-box}
.cos-widget .cos-inputs,.cos-widget .cos-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cos-widget .cos-options{margin-bottom:16px}
.cos-options>label{display:flex;flex-direction:column;gap:8px;font-size:16px;color:#c6d6e1;min-width:0}
.cos-widget .cos-options select{width:100%;font-size:16px;height:48px;padding:9px 30px 9px 12px;border:1px solid #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;color:#e1f1f9}
.cos-widget .cos-inputs .cmc-field{margin-bottom:4px}.cos-widget .cos-inputs input{padding-right:74px}.cos-widget .cmc-field>span{flex-wrap:wrap;gap:5px 8px}.cos-widget .cmc-field>span>span{display:inline}.cos-widget .cmc-field small{font-size:13px;color:#adc9d5}
.cos-widget .cos-lab-options{border:1px solid #29485d;border-radius:10px;padding:11px 13px;margin:16px 0 20px;color:#c1d8e2;font-size:15px}.cos-lab-options summary{cursor:pointer;min-height:30px;line-height:1.6}.cos-widget .cos-lab-options>p{font-size:14px;color:#b7cddb;line-height:1.7;margin:9px 0 14px}.cos-widget .cos-lab-options input{padding-right:82px;font-size:21px}.cos-widget .cos-lab-options .cmc-input-wrap>span{font-size:12px}
.cos-widget .cos-visual{justify-content:flex-start;gap:0}.cos-widget .cmc-diagram-head{flex-wrap:wrap;gap:10px}.cos-composition{width:100%;margin:28px 0 0}.cos-stack{display:flex;gap:0;align-items:stretch;height:38px;overflow:hidden;border-radius:10px;background:#203a4c}.cos-stack>span{width:0;background:#61dcc5;flex-shrink:0}.cos-stack>span:nth-child(2){background:#ffce80}.cos-stack>span:nth-child(3){background:#a3adff}.cos-legend{display:grid;gap:13px;margin-top:22px}.cos-legend>div{display:grid;grid-template-columns:11px 1fr auto;gap:9px;align-items:center;font-size:16px;color:#c6dce5}.cos-legend i{height:9px;width:9px;border-radius:50%;background:#61dcc5}.cos-legend>div:nth-child(2) i{background:#ffce80}.cos-legend>div:nth-child(3) i{background:#a3adff}.cos-legend strong{font-size:24px;font-variant-numeric:tabular-nums;color:#edf8ff}
.cos-widget .cos-caption,.cos-widget .cos-note{font-size:15px;color:#bcd2de;line-height:1.7;margin:18px 0;width:100%}.cos-note strong{color:#ddf7ef}.cos-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}.cos-equivalent strong{font-size:24px;color:#b0f6e5;line-height:1.4;font-variant-numeric:tabular-nums}.cos-widget .cos-formula{width:100%;font-size:15px;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}.cos-widget .cos-copy-message{font-size:14px;color:#bbd8df;min-height:20px;margin:5px 0 0}
.cos-result-secondary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin-top:17px}.cos-result-secondary>div{border:1px solid #4d7b80;border-radius:10px;padding:13px 16px;background:#08222b66}.cos-result-secondary span{display:block;font-size:15px;color:#cce6e8;line-height:1.6}.cos-result-secondary strong{display:block;font-size:28px;letter-spacing:-.5px;color:#d6fff0;line-height:1.5;font-variant-numeric:tabular-nums}.cos-widget .cmc-result .cos-caution{font-size:16px;max-width:none;border:1px solid #846b38;background:#332d1d;color:#ffe5a5;padding:12px 15px;border-radius:10px;margin-top:16px}.cos-widget[data-kind=low] .cmc-status{background:#3d3020;border-color:#8a6a36;color:#ffe2a3}.cos-widget[data-kind=low]>.cmc-workspace>.cmc-result{border-left-color:#f6ce7c}.cos-widget[data-kind=high] .cmc-status{background:#442735;border-color:#96546a;color:#ffc0ce}
@container cmc-form (max-width:299px){.cos-widget .cos-inputs,.cos-widget .cos-options{grid-template-columns:1fr}.cos-widget .cos-inputs{gap:5px}}
@container cmc-form (min-width:300px) and (max-width:360px){.cos-widget .cos-inputs,.cos-widget .cos-options{column-gap:12px}.cos-widget .cos-options select{font-size:15px}.cos-widget .cos-inputs input{padding-right:65px}.cos-widget .cos-lab-options .cos-inputs{grid-template-columns:1fr}}
@container cmc-widget (max-width:500px){.cos-widget .cmc-widget-head{padding:20px;gap:12px}.cos-widget .cmc-widget-head h2{font-size:25px}.cos-widget .cmc-widget-head .cmc-eyebrow{font-size:11px;letter-spacing:1px}.cos-widget .cmc-badge{display:none}.cos-widget .cmc-widget-foot{display:block;padding:16px 20px}.cos-widget .cmc-widget-foot a{display:inline-block;margin-top:8px}.cos-widget .cmc-result .cos-caution{font-size:16px}}