/* Service pages typography (headings, paragraphs, lists) */
.service-content__wysiwyg {
  color: var(--berloga-text);
  font-family: var(--regular-text-font-family, 'Nunito', sans-serif);
  font-size: var(--regular-text-font-size, 16px);
  line-height: 1.6;
}

.service-content__wysiwyg>*+* {
  margin-top: 1.25rem;
}

.service-content__wysiwyg>h1,
.service-content__wysiwyg>h2,
.service-content__wysiwyg>h3,
.service-content__wysiwyg>h4 {
  color: var(--berloga-text);
  margin: 4rem 0 2.5rem;
  font-family: var(--h2-font-family, 'Nunito', sans-serif);
}

.service-content__wysiwyg>h1 {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 800;
  line-height: 1.2;
}

.service-content__wysiwyg>h2 {
  font-size: clamp(24px, 3.5vw, 32px);
  font-weight: 700;
  line-height: 1.25;
}

.service-content__wysiwyg>h3 {
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 700;
  line-height: 1.3;
}

.service-content__wysiwyg>h4 {
  font-size: clamp(18px, 2.5vw, 20px);
  font-weight: 600;
  line-height: 1.35;
}

.service-content__wysiwyg>p {
  margin: 2.5rem 0;
}

.service-content__wysiwyg>p a,
.service-content__wysiwyg>ul li a,
.service-content__wysiwyg>ol li a {
  color: var(--berloga-blue);
  text-decoration: none;
}

.service-content__wysiwyg>p a:hover,
.service-content__wysiwyg>ul li a:hover,
.service-content__wysiwyg>ol li a:hover {
  text-decoration: underline;
}

.service-content__wysiwyg>ul,
.service-content__wysiwyg>ol {
  padding-left: 1.6em;
}

/* Unordered list with chevrons */
.service-content__wysiwyg>ul {
  list-style: none;
  margin: 0;
}

.service-content__wysiwyg>ul li {
  position: relative;
  padding-left: 1.2rem;
}

.service-content__wysiwyg>ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid var(--berloga-blue);
  border-bottom: 2px solid var(--berloga-blue);
  transform: translateY(-50%) rotate(-45deg);
}

.service-content__wysiwyg>ul li+li,
.service-content__wysiwyg>ol li+li {
  margin-top: 0.6rem;
}

@media (max-width: 768px) {
  .service-content__wysiwyg {
    font-size: 15px;
  }
}