/* Spacing utilities: 10 to 120 */
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }
.mt-120 { margin-top: 120px; }

.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-110 { margin-bottom: 110px; }
.mb-120 { margin-bottom: 120px; }

.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }
.pt-110 { padding-top: 110px; }
.pt-120 { padding-top: 120px; }

.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-120 { padding-bottom: 120px; }

/* Mobile: reduced by 40% */
@media (max-width: 768px) {
  .mt-10 { margin-top: 6px; }
  .mt-20 { margin-top: 12px; }
  .mt-30 { margin-top: 18px; }
  .mt-40 { margin-top: 24px; }
  .mt-50 { margin-top: 30px; }
  .mt-60 { margin-top: 36px; }
  .mt-70 { margin-top: 42px; }
  .mt-80 { margin-top: 48px; }
  .mt-90 { margin-top: 54px; }
  .mt-100 { margin-top: 60px; }
  .mt-110 { margin-top: 66px; }
  .mt-120 { margin-top: 72px; }

  .mb-10 { margin-bottom: 6px; }
  .mb-20 { margin-bottom: 12px; }
  .mb-30 { margin-bottom: 18px; }
  .mb-40 { margin-bottom: 24px; }
  .mb-50 { margin-bottom: 30px; }
  .mb-60 { margin-bottom: 36px; }
  .mb-70 { margin-bottom: 42px; }
  .mb-80 { margin-bottom: 48px; }
  .mb-90 { margin-bottom: 54px; }
  .mb-100 { margin-bottom: 60px; }
  .mb-110 { margin-bottom: 66px; }
  .mb-120 { margin-bottom: 72px; }

  .pt-10 { padding-top: 6px; }
  .pt-20 { padding-top: 12px; }
  .pt-30 { padding-top: 18px; }
  .pt-40 { padding-top: 24px; }
  .pt-50 { padding-top: 30px; }
  .pt-60 { padding-top: 36px; }
  .pt-70 { padding-top: 42px; }
  .pt-80 { padding-top: 48px; }
  .pt-90 { padding-top: 54px; }
  .pt-100 { padding-top: 60px; }
  .pt-110 { padding-top: 66px; }
  .pt-120 { padding-top: 72px; }

  .pb-10 { padding-bottom: 6px; }
  .pb-20 { padding-bottom: 12px; }
  .pb-30 { padding-bottom: 18px; }
  .pb-40 { padding-bottom: 24px; }
  .pb-50 { padding-bottom: 30px; }
  .pb-60 { padding-bottom: 36px; }
  .pb-70 { padding-bottom: 42px; }
  .pb-80 { padding-bottom: 48px; }
  .pb-90 { padding-bottom: 54px; }
  .pb-100 { padding-bottom: 60px; }
  .pb-110 { padding-bottom: 66px; }
  .pb-120 { padding-bottom: 72px; }
}