.tax-calculator .tax-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.tax-calculator .tax-wide { grid-column: 1 / -1; }
.tax-calculator .tax-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.tax-calculator .tax-actions .calc-submit-btn { margin: 0; width: auto; }
.tax-calculator .tax-note { padding: 16px; margin: 16px 0; background: #f1f5f9; border-left: 3px solid #64748b; border-radius: 8px; line-height: 1.65; }
.tax-calculator .tax-errors { padding: 16px; margin: 12px 0; color: #991b1b; background: #fef2f2; border-radius: 8px; }
.tax-calculator .tax-errors:focus { outline: 2px solid #b91c1c; outline-offset: 3px; }
.tax-calculator [aria-invalid="true"] { border-color: #b91c1c; }
.tax-calculator .tax-details { margin-top: 20px; padding: 16px; border: 1px solid #cbd5e1; border-radius: 8px; }
.tax-calculator .tax-details > summary { cursor: pointer; font-weight: 600; }
.tax-calculator .tax-details > .tax-grid { margin-top: 20px; }
.tax-calculator .tax-table-wrap { overflow-x: auto; margin: 16px 0; }
.tax-calculator .tax-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.tax-calculator .tax-table th, .tax-calculator .tax-table td { padding: 10px 8px; text-align: left; border-bottom: 1px solid #cbd5e1; }
.tax-calculator .tax-table th { background: #f8fafc; }
.tax-calculator .calc-result .tax-table { color: #f1f5f9; }
.tax-calculator .calc-result .tax-table th { color: #0f172a; }
.tax-calculator .calc-result .tax-note { color: #1e293b; }
.tax-calculator .tax-content { margin-top: 36px; max-width: 920px; }
.tax-calculator .tax-content h2 { margin: 28px 0 16px; }
.tax-calculator .tax-content h3 { margin: 20px 0 10px; }
.tax-calculator .tax-content p, .tax-calculator .tax-content li { line-height: 1.7; }
.tax-calculator .tax-content ul { padding-left: 22px; }
.tax-calculator .tax-content li { margin-bottom: 8px; }
.tax-calculator .tax-examples { display: grid; gap: 16px; }
.tax-calculator .tax-example { border: 1px solid #cbd5e1; border-radius: 10px; padding: 18px; }
.tax-calculator .tax-example h3 { margin-top: 0; }
.tax-calculator .tax-example button { margin-top: 10px; }
.tax-calculator .tax-source-date { color: #475569; font-size: 14px; }
.tax-calculator .calc-main, .tax-calculator .calc-form__group { min-width: 0; }
.tax-calculator .calc-form__input, .tax-calculator .calc-form__select { max-width: 100%; width: 100%; box-sizing: border-box; }
.tax-calculator .breakdown-row { gap: 12px; }
.tax-calculator .breakdown-row span { min-width: 0; }
.tax-calculator .breakdown-row strong { text-align: right; white-space: normal; overflow-wrap: anywhere; max-width: 55%; }
.tax-calculator .tax-summary { margin: 18px 0; }
@media (max-width: 600px) {
  .tax-calculator .tax-grid { grid-template-columns: minmax(0, 1fr); }
  .tax-calculator .tax-actions > button { width: 100%; }
  .tax-calculator .tax-table th, .tax-calculator .tax-table td { padding: 8px 4px; font-size: 12px; overflow-wrap: anywhere; }
  .tax-calculator .calc-result__amount { font-size: clamp(22px, 6vw, 36px); overflow-wrap: anywhere; }
}
.tax-calculator .tax-repeater { padding: 16px; min-width: 0; border: 1px solid #cbd5e1; border-radius: 10px; }
.tax-calculator .tax-repeater legend { font-weight: 600; padding: 0 8px; }
.tax-calculator .tax-repeat-row { padding: 16px 0; margin-bottom: 16px; border-bottom: 1px solid #cbd5e1; }
