/* Shared presentation for the single calculator component used by Q01 and Resources. */
.tcc-quote-calculator-component { --quote-red: #d9412d; }
.tcc-quote-calculator-component .tcc-quote-calc-field input { min-width: 0; appearance: textfield; -moz-appearance: textfield; }
.tcc-quote-calculator-component .tcc-quote-calc-field input::-webkit-outer-spin-button,
.tcc-quote-calculator-component .tcc-quote-calc-field input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
.tcc-quote-calculator-component .tcc-quote-calc-explain { margin: 0 0 12px; padding: 10px 12px; border-left: 2px solid #e52b2f; border-radius: 0 8px 8px 0; background: rgba(229,43,47,.08); color: #d5d8da; font-size: 11px; line-height: 1.5; }
.tcc-quote-calculator-component :where(button, input):focus-visible { outline: 3px solid #ffb0b2; outline-offset: 3px; }

@media (max-width: 680px) {
  .tcc-quote-calculator-component .tcc-quote-calc-explain { font-size: 10px; }
}