p,
h1,
h2 {
  @apply com-m-0;
}

a {
  width: max-content;
}

.job-container {
  .company-details {
    @apply com-text-center md:com-text-left;

    .position {
      @apply com-text-2xl com-font-semibold com-mb-2;
    }

    .company {
      @apply com-text-base com-font-normal md:com-text-lg;
      color: #0095ff;
    }
  }

  .job-details {
    @apply com-rounded-lg com-bg-gray-100 com-overflow-hidden com-shadow com-divide-y-0 com-grid md:com-grid-cols-3 com-grid-cols-2 com-gap-px;

    .icons {
      @apply com-rounded-lg com-inline-flex com-p-2 com-ring-4 com-ring-white;
    }

    .category {
      @apply com-rounded-tl-lg com-rounded-tr-lg md:com-rounded-tr-none;
    }

    .job-type {
      @apply md:com-rounded-tr-lg;
    }

    .location {
      @apply md:com-rounded-bl-lg;
    }

    .salary-type {
      @apply com-rounded-bl-lg com-rounded-br-lg md:com-rounded-bl-none;
    }

    .category,
    .experience,
    .job-type,
    .location,
    .salary,
    .salary-type {
      @apply com-bg-white com-flex com-items-center md:com-p-6 com-gap-2 com-p-3;

      .job-label {
        @apply com-text-sm md:com-text-base;
      }
    }
  }

  .job-description {
    @apply com-text-sm com-text-gray-900 com-whitespace-pre-wrap;
  }

  .posted-by {
    @apply com-border-0 com-border-solid com-border-b com-border-slate-400/20 md:com-flex com-items-center com-justify-between com-gap-4 com-pb-4;

    .last-updated {
      @apply com-text-sm com-text-gray-500 md:com-w-max com-pt-2 com-pb-1 com-ml-72px md:com-p-0 md:com-m-0;
    }
  }
}
