/**
 * T10B-3 — loan-calculator mobile V2 (tool-specific)
 * Opt-in: html[data-tl-mobile-v2="tool-v1"]
 * !important only to beat shared calculator V2 chart/gutter rules (backup parity).
 */

@media (max-width: 760px) {
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="loan-calculator"].page-shell.tool-page {
    padding-inline: 0 !important;
    padding-bottom: 0 !important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="loan-calculator"] #tool-workspace.tool-panel {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-inline: auto;
    padding: 10px !important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="loan-calculator"] .calculator-chart-shell {
    min-height: 230px !important;
    height: 230px !important;
    max-height: none !important;
    padding: 8px !important;
    overflow: visible !important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.calculator-body main[data-tool="loan-calculator"] .calculator-chart-shell canvas {
    display: block;
    width: 100% !important;
    max-width: 100%;
    max-height: 230px !important;
    height: auto;
  }
}