.calc-card {
    border: 1px solid var(--color-border); border-radius: var(--radius-card);
    background: var(--color-card-bg); box-shadow: var(--shadow-card); overflow: hidden;
    margin-bottom: 16px;
  }
  .calc-head {
    background: var(--color-surface-light); padding: 12px 20px; font-size: 12px; font-weight: 600;
    letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-text-muted);
  }
  .calc-row {
    display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
    padding: 11px 20px; border-top: 1px solid var(--color-border);
  }
  .calc-label { font-size: 14px; min-width: 0; }
  .calc-sub { font-size: 12px; color: var(--color-text-muted); }
  .calc-value { font-family: var(--font-family-mono); font-weight: 600; font-size: 14.5px; white-space: nowrap; }
  .calc-row.muted .calc-label, .calc-row.muted .calc-value { color: var(--color-text-muted); font-weight: 500; }
  .calc-row.total { background: var(--color-surface-light); }
  .calc-formula {
    font-family: var(--font-family-mono); font-size: 12.5px; color: var(--color-text-muted);
    padding: 10px 20px; border-top: 1px solid var(--color-border); overflow-wrap: anywhere;
  }
  @media (max-width: 640px) {
    .calc-head, .calc-row, .calc-formula { padding-left: 14px; padding-right: 14px; }
  }