/* ============================================================
   Tool Styles — Estate Tax Calculator v2.1
   File: /assets/css/modules/calculators/financialcalculators/estate-tax-calculator.v2.1.css
   Purpose:
   - Tool-only layout + work formatting
   - No changes to ub-toolkit.v2.1.css required
   - Mobile-first, 44x44 touch targets, clamp typography
   ============================================================ */

/* Tool-scoped tokens */
:root{
  --estate-radius: 16px;
  --estate-gap: 14px;
}

/* Ensure textarea feels consistent */
#bracketsJson{
  font-family: var(--ub-mono);
  font-size: 13px;
  line-height: 1.5;
  white-space: pre;
}

/* Slightly nicer hr inside tool cards */
.ub-card hr{
  border: none;
  border-top: 1px solid var(--ub-border);
}

/* Output emphasis (keep within toolkit look) */
#outTax{
  letter-spacing: -0.01em;
}

/* Show Work formatting */
.ub-work{
  font-family: var(--ub-mono);
  font-size: 13px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* Make right-rail actions visually consistent */
.ub-rail-actions .ub-btn{
  width: 100%;
}

/* Tighten long breadcrumb wrapping on small screens */
.ub-breadcrumb{
  overflow-wrap: anywhere;
}

/* Bracket collapsible summary: keep big touch target */
.ub-collapsible summary{
  min-height: 44px;
}

/* Small-screen polish */
@media (max-width: 520px){
  #bracketsJson{ font-size: 12px; }
}

/* Print: keep it clean (optional, but helpful) */
@media print{
  .ub-rail,
  .ub-rail-togglebar,
  #btnCopy,
  #btnShare,
  #ubThemeToggle{
    display:none !important;
  }
  .ub-card{
    box-shadow:none !important;
  }
}