.post-single {
  margin-top: 7rem;
}

.post-single .post-heading {
  display: flex;
  flex-flow: row;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1.5rem;
}

.post-single .post-heading .categories {
  display: inline-flex;
  flex-flow: row;
  align-items: center;
}

.post-single .post-heading .categories .badge {
  --bs-badge-padding-x: 0.5rem;
  --bs-badge-padding-y: 0.5em;
  --bs-badge-font-size: clamp(11px,0.83vw,12px);
  --bs-badge-font-weight: 700;
  --bs-badge-color: #13191E;
  --bs-badge-border-radius: 0;

  text-align: center;
  line-height: 166.667%;
  background-color: #EAEFEE;
}

.post-single .post-heading .date {
  color: #697076;
  font-size: clamp(13px,0.97vw,14px);
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
}

.post-single .post-title {
  color: #13191E;
  font-size: clamp(30px,3.19vw,46px);
  font-weight: 700;
  line-height: 143.478%;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #DADEE1;
}

.post-single .post-body {
  padding-top: 1.75rem;
  padding-bottom: 4rem;
  color: #464D53;
  line-height: 200%;
}

.post-single .post-body > * {
  max-width: 100%;
}

.post-single .post-body img {
  display: block;
  object-position: center;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 16/9;
}

.post-single .post-single-actions {
  display: none;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 992px) {
  .post-single {
    margin-top: 10rem;
  }

  .post-single .post-heading {
    margin-bottom: 3rem;
  }

  .post-single .post-heading .categories .badge {
    --bs-badge-padding-x: 0.75rem;
    --bs-badge-padding-y: 0.5em;
    --bs-badge-border-radius: 0.875rem;
  }

  .post-single .post-title {
    padding-bottom: 1.5rem;
  }

  .post-single .post-body {
    padding-top: 2.69rem;
    padding-bottom: 6rem;
  }

  .post-single .post-single-actions {
    display: flex;
    margin-bottom: 7.5rem;
  }

  .post-single .post-single-actions .btn {
    width: 21.875rem;
    height: 4.5rem;
  }
}