/*
AKKITA Detail Typography v08.7
Purpose:
- Add breathing space between body copy and section headings
- Improve list readability on Solution / Project detail pages
*/

.akx-detail-content {
  font-size: 17px !important;
  line-height: 1.85 !important;
}

.akx-detail-content p {
  margin: 0 0 24px !important;
}

.akx-detail-content p + h2,
.akx-detail-content p + h3,
.akx-detail-content ul + h2,
.akx-detail-content ul + h3,
.akx-detail-content ol + h2,
.akx-detail-content ol + h3 {
  margin-top: 46px !important;
}

.akx-detail-content h2 {
  margin-bottom: 18px !important;
  font-size: clamp(28px, 2.4vw, 36px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  color: #102035 !important;
}

.akx-detail-content h3 {
  margin-bottom: 14px !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  color: #102035 !important;
}

.akx-detail-content ul,
.akx-detail-content ol {
  margin-top: 0 !important;
  margin-bottom: 34px !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.akx-detail-content li {
  position: relative !important;
  margin-bottom: 10px !important;
  padding-left: 22px !important;
  line-height: 1.65 !important;
  color: #485466 !important;
}

.akx-detail-content li:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.78em !important;
  width: 7px !important;
  height: 2px !important;
  background: #269AAB !important;
}

.akx-detail-content .akx-detail-btn {
  margin-top: 8px !important;
}