.cost-calculator{width:min(1160px,100% - 32px);margin:0 auto var(--tc-s-12,48px);padding:var(--tc-s-6,24px);border:1px solid var(--tc-line);border-radius:var(--tc-r-lg,16px);background:var(--tc-surface);color:var(--tc-text);gap:var(--tc-s-4,16px);text-align:start;display:grid}.cost-calculator>header{align-items:flex-start;gap:var(--tc-s-3,12px);display:flex}.cost-calculator-icon{border-radius:var(--tc-r-md,12px);background:var(--tc-surface-2);block-size:44px;inline-size:44px;color:var(--tc-text);flex:none;place-items:center;display:grid}.cost-calculator-icon svg{block-size:22px;inline-size:22px}.cost-calculator h2{color:var(--tc-text);margin:0;font-size:22px;font-weight:700}.cost-calculator>header p{color:var(--tc-text-2);margin:4px 0 0;font-size:14px;line-height:1.6}.cost-calculator-inputs{gap:var(--tc-s-3,12px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cost-calculator-inputs label{flex-direction:column;gap:6px;display:flex}.cost-calculator-inputs label>span{color:var(--tc-text);font-size:14px;font-weight:700}.cost-calculator-inputs input{inline-size:100%;min-height:var(--tc-tap,44px);border:1px solid var(--tc-field-border,var(--tc-line));border-radius:var(--tc-r-sm,8px);background:var(--tc-paper);color:var(--tc-text);font-variant-numeric:tabular-nums;text-align:start;padding-inline:12px;font-size:16px}.cost-calculator-inputs input:focus-visible{outline:2px solid var(--tc-focus);outline-offset:1px}.cost-calculator-sales{color:var(--tc-text-2);margin:0;font-size:14px}.cost-calculator-sales b{color:var(--tc-text)}.cost-calculator-result{gap:var(--tc-s-3,12px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.cost-calculator-result article{padding:var(--tc-s-4,16px);border:1px solid var(--tc-line);border-radius:var(--tc-r-md,12px);background:var(--tc-paper);align-content:start;gap:6px;display:grid}.cost-calculator-main{border-color:var(--tc-line-strong,var(--tc-line))!important;background:var(--tc-success-50,var(--tc-paper))!important}.cost-calculator-result small{color:var(--tc-text-2);font-size:13px;font-weight:600}.cost-calculator-result strong{color:var(--tc-text);font-size:28px;font-weight:800;line-height:1.2}.cost-calculator-result p{color:var(--tc-text-2);margin:0;font-size:13px;line-height:1.6}.cost-calculator-main ul,.cost-calculator-compare ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cost-calculator-main li{justify-content:space-between;gap:var(--tc-s-3,12px);color:var(--tc-text-2);font-size:14px;display:flex}.cost-calculator-main li>bdi{color:var(--tc-text);font-weight:700}.cost-calculator-compare{padding:var(--tc-s-4,16px);border:1px dashed var(--tc-line-strong,var(--tc-line));border-radius:var(--tc-r-md,12px);gap:var(--tc-s-3,12px);display:grid}.cost-calculator-compare h3{color:var(--tc-text);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:16px;font-weight:700;display:flex}.cost-calculator-compare h3 small{color:var(--tc-text-2);font-size:13px;font-weight:500}.cost-calculator-compare li{min-height:var(--tc-tap,44px);border-block-end:1px solid var(--tc-line);align-items:center;gap:2px var(--tc-s-3,12px);grid-template-columns:minmax(0,1fr) auto;padding-block:6px;font-size:14px;display:grid}.cost-calculator-compare li:last-child{border-block-end:0}.cost-calculator-compare li>bdi{text-align:end;font-weight:700}.cost-calculator-compare li>small{grid-column:1/-1;font-size:13px}.cost-calculator-save{color:var(--tc-success-700);font-weight:700}.cost-calculator-neutral{color:var(--tc-text-3,var(--tc-text-2))}.cost-calculator-disclaimer{color:var(--tc-text-2);align-items:flex-start;gap:8px;margin:0;font-size:13px;line-height:1.6;display:flex}.cost-calculator-disclaimer svg{flex:none;block-size:16px;inline-size:16px;margin-block-start:3px}.cost-calculator-status{border-radius:var(--tc-r-sm,8px);background:var(--tc-surface-2);color:var(--tc-text-2);margin:0;padding:10px 12px;font-size:13px}.cost-calculator-status.fallback{background:var(--tc-warn-50);color:var(--tc-warn-800)}@media (max-width:640px){.cost-calculator{width:calc(100% - 24px);padding:var(--tc-s-4,16px)}.cost-calculator-inputs{grid-template-columns:1fr}.cost-calculator-result strong{font-size:24px}}
