<!-- Buy Card -->
<div class="rvb-card buy-card">
  <h2>Buying</h2>
  <div class="rvb-field">
    <label>Home Price ($)</label>
    <input type="number" id="rvb-home-price" value="400000" min="0" step="1000">
  </div>
  <div class="rvb-field">
    <label>Down Payment (%)</label>
    <input type="number" id="rvb-down-pct" value="20" min="0" max="100" step="0.5">
  </div>
  <div class="rvb-field">
    <label>Mortgage Rate (%)</label>
    <input type="number" id="rvb-interest-rate" value="6.5" min="0" max="30" step="0.05">
  </div>
  <div class="rvb-field">
    <label>Loan Term (years)</label>
    <input type="number" id="rvb-loan-term" value="30" min="5" max="40" step="5">
  </div>
  <div class="rvb-field">
    <label>Property Tax (% of value/yr)</label>
    <input type="number" id="rvb-property-tax" value="1.1" min="0" max="5" step="0.05">
  </div>
  <div class="rvb-field">
    <label>HOA ($/mo)</label>
    <input type="number" id="rvb-hoa" value="0" min="0" step="25">
  </div>
  <div class="rvb-field">
    <label>Maintenance (% of value/yr)</label>
    <input type="number" id="rvb-maintenance" value="1" min="0" max="5" step="0.1">
  </div>
  <div class="rvb-field">
    <label>Home Insurance ($/mo)</label>
    <input type="number" id="rvb-home-insurance" value="150" min="0" step="10">
  </div>
</div>