/* Mobile-first utility classes */
.mt-1 {
  margin-top: 4px;
}

.mt-2 {
  margin-top: 8px;
}

.ml-3 {
  margin-left: 12px;
}

.ml-4 {
  margin-left: 16px;
}

.font-bold {
  font-weight: bold;
}

.mt-4 {
  margin-top: 16px;
}

.mt-5 {
  margin-top: 20px;
}

.mt-6 {
  margin-top: 24px;
}

.mt-8 {
  margin-top: 32px;
}

.mt-9 {
  margin-top: 36px;
}

.mt-10 {
  margin-top: 40px;
}

.mt-12 {
  margin-top: 48px;
}

.mt-13 {
  margin-top: 52px;
}

.mt-18 {
  margin-top: 72px;
}

.mt-26 {
  margin-top: 104px;
}

.pr-8 {
  padding-right: 32px;
}

.pr-9 {
  padding-right: 36px;
}

.pb-9 {
  padding-bottom: 36px;
}

.ml-2 {
  margin-left: 8px;
}

.ml-3 {
  margin-left: 12px;
}

.ml-3\.5 {
  margin-left: 14px;
}

.ml-10 {
  margin-left: 40px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.text-sm {
  font-size: 14px;
}

.text-base {
  font-size: 16px;
}

.text-4 {
  font-size: 16px;
}

.text-5 {
  font-size: 20px;
}

.text-6 {
  font-size: 24px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.leading-normal {
  line-height: 1.5;
}

.list li {
  line-height: 1.8;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gap-4 {
  gap: 16px;
}

.gap-8 {
  gap: 32px;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}


.items-center {
  align-items: center;
}

.shrink-0 {
  flex-shrink: 0;
}

.relative {
  position: relative;
}

.w-full {
  width: 100%;
}

.letter-sm {
  margin-left: 1em;
  text-indent: -1em;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.md\:gap-0 {
  gap: 0;
}

.hidden {
  display: none;
}


.w-50 {
  width: 48%;
}

.mt-3 {
  margin-top: 12px;
}

.w-240 {
  width: 240px;
}

.w-280 {
  width: 280px;
}

.mt-e4 {
  margin-top: 5px;
}

.w-314 {
  width: 314px;
}

.w-140 {
  width: 140px;
}

.text-md {
  font-size: 18px;
}

.w-176 {
  width: 176px;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.gap-3 {
  gap: 12px;
}

.gap-6 {
  gap: 24px;
}


.text-3 {
  font-size: 12px;
}

/* Desktop (≥768px) overrides */
@media (min-width: 768px) {

  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:ml-2 {
    margin-left: 8px;
  }

  .md\:ml-0 {
    margin-left: 0;
  }

  .md\:mb-0 {
    margin-bottom: 0;
  }

  .md\:gap-3 {
    gap: 12px;
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:mt-1 {
    margin-top: 4px;
  }

  .md\:mt-2 {
    margin-top: 8px;
  }

  .md\:mt-4 {
    margin-top: 16px;
  }

  .md\:mt-5 {
    margin-top: 20px;
  }

  .md\:mt-6 {
    margin-top: 24px;
  }

  .md\:mt-8 {
    margin-top: 32px;
  }

  .md\:mt-9 {
    margin-top: 36px;
  }

  .md\:mt-10 {
    margin-top: 40px;
  }

  .md\:mt-12 {
    margin-top: 48px;
  }

  .md\:mt-13 {
    margin-top: 52px;
  }

  .md\:mt-18 {
    margin-top: 72px;
  }

  .md\:mt-26 {
    margin-top: 104px;
  }

  .md\:pr-8 {
    padding-right: 32px;
  }

  .md\:pr-9 {
    padding-right: 36px;
  }

  .md\:pb-9 {
    padding-bottom: 36px;
  }

  .md\:ml-2 {
    margin-left: 8px;
  }

  .md\:ml-3 {
    margin-left: 12px;
  }

  .md\:ml-3\.5 {
    margin-left: 14px;
  }

  .md\:ml-10 {
    margin-left: 40px;
  }

  .md\:mx-auto {
    margin: 0 auto;
  }

  .md\:mr-auto {
    margin-right: auto;
    margin-left: 0;
  }


  .md\:text-sm {
    font-size: 14px;
  }

  .md\:text-base {
    font-size: 16px;
  }

  .md\:text-4 {
    font-size: 16px;
  }

  .md\:text-5 {
    font-size: 20px;
  }

  .md\:text-6 {
    font-size: 24px;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:leading-normal {
    line-height: 1.5;
  }

  .md\:list li {
    line-height: 1.8;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .md\:gap-4 {
    gap: 16px;
  }

  .md\:gap-6 {
    gap: 24px;
  }

  .md\:gap-8 {
    gap: 32px;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:shrink-0 {
    flex-shrink: 0;
  }

  .md\:relative {
    position: relative;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-346 {
    width: 346px;
  }
}

@media (min-width: 1024px) {
  .lg\:shrink-0 {
    flex-shrink: 0;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:w-auto {
    width: auto;
  }
}