.cw-sales-tax-calculator { max-width: 430px; color: var(--cw-stc-text, #172033); font: 16px/1.45 system-ui, sans-serif; }
.cw-stc-form { overflow: hidden; border: 1px solid var(--cw-stc-border, #cbd5e1); border-radius: 8px; background: var(--cw-stc-background, #fff); box-shadow: 0 4px 14px rgba(15, 23, 42, .08); }
.cw-stc-header { padding: 14px 18px; color: var(--cw-stc-header-text, #fff); background: var(--cw-stc-header-background, #17365d); }
.cw-sales-tax-calculator .cw-stc-header h2 {
  margin: 0;
  color: var(--cw-stc-header-text, #fff) !important;
  font-size: 1.1rem;
}
.cw-stc-body { display: grid; gap: 12px; padding: 18px; }
.cw-stc-field label { display: grid; gap: 5px; font-weight: 650; }
.cw-stc-field input, .cw-stc-field select { box-sizing: border-box; width: 100%; min-height: 42px; padding: 8px 10px; color: #172033; border: 1px solid #94a3b8; border-radius: 5px; background: #fff; font: inherit; }
.cw-stc-field input:focus, .cw-stc-field select:focus, .cw-stc-clear:focus { outline: 3px solid #93c5fd; outline-offset: 1px; }
.cw-stc-input-group { display: flex; align-items: stretch; }
.cw-stc-input-group input { border-radius: 0; }
.cw-stc-input-group > span { display: grid; min-width: 42px; place-items: center; border: 1px solid #94a3b8; background: #f1f5f9; }
.cw-stc-input-group > span:first-child { border-right: 0; border-radius: 5px 0 0 5px; }
.cw-stc-input-group > span:last-child { border-left: 0; border-radius: 0 5px 5px 0; }
.cw-stc-note { margin: -4px 0 0; color: #475569; font-size: .875rem; }
.cw-stc-clear { min-height: 42px; padding: 8px 14px; cursor: pointer; color: #17365d; border: 1px solid #17365d; border-radius: 5px; background: #fff; font: inherit; font-weight: 700; }
.cw-stc-clear:hover { color: #fff; border-color: var(--cw-stc-active, #17365d); background: var(--cw-stc-active, #17365d); }
.cw-stc-footer { padding: 7px 18px; color: var(--cw-stc-header-text, #475569); background: var(--cw-stc-header-background, #f1f5f9); text-align: right; font-size: .75rem; }
.cw-stc-form[data-error]::after { display: block; padding: 0 18px 14px; color: #b42318; content: attr(data-error); font-weight: 650; }
.cw-sales-tax-calculator [hidden] { display: none !important; }
@media (max-width: 460px) { .cw-sales-tax-calculator { max-width: 100%; } .cw-stc-body { padding: 14px; } }