/* Page-scoped styles, independent of Genesis and the buyer calculator. */
#running-costs-calculator {
  margin: 36px 0; padding: clamp(16px, 3vw, 28px); border: 1px solid var(--line, #d9dfdf);
  background: var(--sand, #f4f1ea); border-radius: 12px; scroll-margin-top: 24px;
}
#running-costs-calculator h2 { margin: 0 0 12px; }
#running-costs-calculator .tea-calc-intro { margin-bottom: 24px; }
#running-costs-calculator .tea-calc-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
#running-costs-calculator .tea-calc-form,
#running-costs-calculator .tea-calc-results { min-width: 0; }
#running-costs-calculator .tea-field { margin: 0 0 18px; }
#running-costs-calculator .tea-field br { display: none; }
#running-costs-calculator .tea-field label { display: block; margin-bottom: 6px; font-weight: 700; line-height: 1.45; }
#running-costs-calculator .tea-field input:not([type=checkbox]) { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid #8999a2; border-radius: 5px; font: inherit; font-size: 16px; color: var(--ink, #24343f); background: #fff; }
#running-costs-calculator .tea-field input:disabled { background: #e8e9e6; color: #586772; cursor: not-allowed; }
#running-costs-calculator .tea-field .tea-checkbox-label { display: flex; align-items: center; gap: 12px; min-height: 48px; cursor: pointer; }
#running-costs-calculator input[type=checkbox] { flex: 0 0 22px; width: 22px; height: 22px; margin: 0; accent-color: var(--navy, #102f46); }
#running-costs-calculator .tea-actions button { min-height: 48px; padding: 12px 20px; border: 0; border-radius: 5px; background: var(--navy, #102f46); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
#running-costs-calculator input:focus-visible,
#running-costs-calculator button:focus-visible { outline: 3px solid #135f83; outline-offset: 3px; }
#running-costs-calculator .tea-result-card,
#running-costs-calculator .tea-breakdown { padding: 18px; border: 1px solid var(--line, #d9dfdf); border-radius: 8px; background: #fff; margin: 0 0 16px; }
#running-costs-calculator .tea-result-label { line-height: 1.5; font-size: 15px; margin-bottom: 8px; }
#running-costs-calculator .tea-result-value { font-size: clamp(24px, 3vw, 32px); font-weight: 700; color: var(--navy, #102f46); line-height: 1.3; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
#running-costs-calculator .tea-breakdown h3 { font-size: 1.3rem; margin: 0 0 14px; }
#running-costs-calculator .tea-breakdown ul { list-style: none; padding: 0; margin: 0; }
#running-costs-calculator .tea-breakdown li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin: 0; padding: 10px 0; border-bottom: 1px solid var(--line, #d9dfdf); line-height: 1.5; font-size: 14px; }
#running-costs-calculator .tea-breakdown li:last-child { border-bottom: 0; }
#running-costs-calculator .tea-breakdown strong { margin-left: auto; overflow-wrap: anywhere; text-align: right; font-variant-numeric: tabular-nums; }
#running-costs-calculator .tea-calc-note,
#running-costs-calculator .tea-ownership-help { font-size: 14px; line-height: 1.6; }
#running-costs-calculator .tea-ownership-error { color: #9b2424; font-size: 14px; line-height: 1.5; margin: 6px 0 0; }
#running-costs-calculator .tea-ownership-error[hidden] { display: none; }
#running-costs-calculator input[aria-invalid=true] { border-color: #9b2424; }
@media (max-width: 760px) {
  #running-costs-calculator .tea-calc-grid { grid-template-columns: minmax(0, 1fr); }
}