/* Quill content rendering for medical introduction pages */

.department-cont .intro.quill-content {
  color: #505866;
}

.department-cont .intro.quill-content > *:first-child {
  margin-top: 0;
}

.department-cont .intro.quill-content > *:last-child {
  margin-bottom: 0;
}

.department-cont .intro.quill-content p,
.department-cont .intro.quill-content li,
.department-cont .intro.quill-content blockquote {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.7;
  color: #505866;
  word-break: keep-all;
}

.department-cont .intro.quill-content p + p {
  margin-top: 35px;
}

.department-cont .intro.quill-content h1,
.department-cont .intro.quill-content h2,
.department-cont .intro.quill-content h3 {
  margin: 40px 0 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #1a1e27;
}

.department-cont .intro.quill-content h1 {
  font-size: 38px;
}

.department-cont .intro.quill-content h2 {
  font-size: 32px;
}

.department-cont .intro.quill-content h3 {
  font-size: 28px;
}

.department-cont .intro.quill-content ul,
.department-cont .intro.quill-content ol {
  margin: 20px 0;
  padding-left: 34px;
}

.department-cont .intro.quill-content ul {
  list-style: disc;
}

.department-cont .intro.quill-content ol {
  list-style: decimal;
}

.department-cont .intro.quill-content li + li {
  margin-top: 10px;
}

.department-cont .intro.quill-content blockquote {
  margin: 28px 0;
  padding: 18px 24px;
  border-left: 4px solid #0f3570;
  background: #f0f4f6;
}

.department-cont .intro.quill-content a {
  color: #0f3570;
  text-decoration: underline;
}

.department-cont .intro.quill-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 24px 0;
}

.department-cont .intro.quill-content iframe,
.department-cont .intro.quill-content video {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 24px 0;
  aspect-ratio: 16 / 9;
}

.department-cont .intro.quill-content .ql-align-center {
  text-align: center;
}

.department-cont .intro.quill-content .ql-align-right {
  text-align: right;
}

.department-cont .intro.quill-content .ql-align-justify {
  text-align: justify;
}

.department-cont .intro.quill-content .ql-size-small {
  font-size: 0.875em;
}

.department-cont .intro.quill-content .ql-size-large {
  font-size: 1.35em;
}

.department-cont .intro.quill-content .ql-size-huge {
  font-size: 1.8em;
}

.department-cont .intro.quill-content .ql-indent-1 {
  padding-left: 3em;
}

.department-cont .intro.quill-content .ql-indent-2 {
  padding-left: 6em;
}

.department-cont .intro.quill-content .ql-indent-3 {
  padding-left: 9em;
}

.department-cont .intro.quill-content .ql-indent-4 {
  padding-left: 12em;
}

.department-cont .intro.quill-content .ql-indent-5 {
  padding-left: 15em;
}

.department-cont .intro.quill-content .ql-indent-6 {
  padding-left: 18em;
}

.department-cont .intro.quill-content .ql-indent-7 {
  padding-left: 21em;
}

.department-cont .intro.quill-content .ql-indent-8 {
  padding-left: 24em;
}

@media screen and (max-width: 1280px) {
  .department-cont .intro.quill-content p,
  .department-cont .intro.quill-content li,
  .department-cont .intro.quill-content blockquote {
    font-size: 20px;
  }

  .department-cont .intro.quill-content h1 {
    font-size: 32px;
  }

  .department-cont .intro.quill-content h2 {
    font-size: 28px;
  }

  .department-cont .intro.quill-content h3 {
    font-size: 24px;
  }
}

@media screen and (max-width: 799px) {
  .department-cont .intro.quill-content p,
  .department-cont .intro.quill-content li,
  .department-cont .intro.quill-content blockquote {
    font-size: 15px;
    line-height: 1.75;
  }

  .department-cont .intro.quill-content p + p {
    margin-top: 18px;
  }

  .department-cont .intro.quill-content h1,
  .department-cont .intro.quill-content h2,
  .department-cont .intro.quill-content h3 {
    margin: 24px 0 12px;
  }

  .department-cont .intro.quill-content h1 {
    font-size: 26px;
  }

  .department-cont .intro.quill-content h2 {
    font-size: 22px;
  }

  .department-cont .intro.quill-content h3 {
    font-size: 19px;
  }

  .department-cont .intro.quill-content ul,
  .department-cont .intro.quill-content ol {
    padding-left: 22px;
  }

  .department-cont .intro.quill-content li + li {
    margin-top: 6px;
  }

  .department-cont .intro.quill-content blockquote {
    padding: 14px 16px;
  }
}