.mce-content-body h2,
.article-content h2,
.mce-content-body h3,
.article-content h3,
.mce-content-body h4,
.article-content h4 {
  position: relative;
}

.article-content-heading__anchor {
  position: absolute;
  top: -100px;
}

.mce-content-body h3,
.article-content h3,
.mce-content-body h4,
.article-content h4 {
  line-height: 1.3;
  margin: 32px 0 12px;
}

.mce-content-body h2,
.article-content h2 {
  font-size: 1.8rem;
  line-height: 1.3;
  margin: 44px 0 12px;
}

.mce-content-body h3,
.article-content h3 {
  font-size: 1.5rem;
}

.mce-content-body h4,
.article-content h4 {
  font-size: 1.2rem;
}

.mce-content-body p,
.article-content p,
.info-block__content {
  line-height: 1.75;
}

.mce-content-body strong,
.article-content strong {
  font-weight: 600;
}

.mce-content-body img,
.article-content img {
  border: 1px solid #dadcfb;
  border-radius: 6px;
  margin: 16px 0;
  max-width: min(100%, var(--max-width, 100%));
}

.mce-content-body a,
.article-content a:not(.btn-primary) {
  color: #4554FF;
  text-decoration: none;
}

.mce-content-body a,
.article-content a:not(.btn-primary):hover {
  color: #5045BC;
  text-decoration: underline;
}

.mce-content-body p img:last-child,
.article-content p img:last-child {
  margin-bottom: 0;
}

.mce-content-body li:not(:last-child),
.article-content li:not(:last-child) {
  margin-bottom: 12px;
}

.mce-content-body pre,
.article-body pre {
  border-radius: 6px;
}

/* FAQs */
.faqs details {
  border-top: 1px solid #d2d5d8;
  border-bottom: 1px solid #d2d5d8;
}

.faqs details[open] summary:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M400 256H112"/></svg>');
}

.faqs details + details {
  border-top: none;
}

.faqs details p:first-of-type {
  margin-top: 0;
}

.faqs summary {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  list-style: none;
  cursor: pointer;
  padding: 12px 0;
  font-weight: 600;
}

.faqs summary::-webkit-details-marker {
  display:none;
}

.faqs summary:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 112v288M400 256H112"/></svg>');
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Info blocks */
.info-block {
  padding: 24px;
  margin: 32px 0;
}

.info-block ol,
.info-block ul {
  margin-left: 0;
}

.info-block--type-tip {
  background-color: #f7fbf7;
  border-left: 3px solid #5ab44c;
}

.info-block__title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-weight: 600;
}

.info-block__title p {
  margin-left: 28px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.info-block .info-block__title::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  pointer-events: none;
  z-index: 1;
}

.info-block--type-tip .info-block__title::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='3tmmt34i5a'%3E%3Cpath d='M1920 0v3477H0V0h1920z'/%3E%3C/clipPath%3E%3CclipPath id='bamqymjahb'%3E%3Cpath d='M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm3.8 6.8L9 11.6 6.7 9.3a1 1 0 0 0-1.4 1.4l3 3c.4.4 1 .4 1.4 0l5.5-5.5a1 1 0 0 0-1.4-1.4z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%233tmmt34i5a)' transform='translate(-570 -1166)'%3E%3Cg clip-path='url(%23bamqymjahb)' transform='translate(570 1166.3)'%3E%3Cpath fill='%2359B44C' d='M0 0h20v20H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.info-block__content ul:last-child,
.info-block__content p:last-child {
  margin-bottom: 0;
}

.info-block--type-note {
  background-color: #f7f8f9;
  border-left: 3px solid #647382;
}

.info-block--type-note .info-block__title::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='52ck9fbnaa'%3E%3Cpath d='M1920 0v3477H0V0h1920z'/%3E%3C/clipPath%3E%3CclipPath id='k19r0p6bcb'%3E%3Cpath d='M12 17v1.5a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 8 18.5V17h4zm.663-10.984a4 4 0 0 1 .605 5.291C12.65 12.181 12 13.124 12 14.195V15H8v-.805c0-1.07-.65-2.014-1.268-2.888a4 4 0 0 1 5.93-5.291zM19 9a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zM2 9a1 1 0 1 1 0 2H1a1 1 0 0 1 0-2h1zm.952-6.048a1 1 0 0 1 1.391-.023l.707.707A1 1 0 1 1 3.637 5.05l-.707-.707a1 1 0 0 1 .022-1.391zm13.678-.296a1 1 0 0 1 .441 1.687l-.707.707a1 1 0 0 1-1.414-1.414l.707-.707a1 1 0 0 1 .973-.273zM10 0a1 1 0 0 1 1 1v1a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%2352ck9fbnaa)' transform='translate(-570 -1388)'%3E%3Cg clip-path='url(%23k19r0p6bcb)' transform='translate(570 1388)'%3E%3Cpath fill='%23637282' d='M0 0h20v20H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  margin-top: -3px;
}

.info-block--type-excerpt {
  padding: 10px 20px !important;
  background: repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 10px, #fff 10px, #fff 20px);
  border: 1px solid #e1e1e1;
}

.info-block--type-excerpt-warning {
  background: repeating-linear-gradient(45deg, #fcdddd, #fcdddd 10px, #fff 10px, #fff 20px);
}

.info-block--type-excerpt::before {
  content: "Excerpt (max 95 characters, currently " attr(data-char-count) ")";
  font-size: 11px;
  display: block;
  padding-bottom: 5px;
}

.info-block--type-caution {
  background-color: #fffaf7;
  border-left: 3px solid #f49141;
}

.info-block--type-caution .info-block__title::before,
.content-warning {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='scqcu2rdoa'%3E%3Cpath d='M1920 0v3477H0V0h1920z'/%3E%3C/clipPath%3E%3CclipPath id='kjjj66o31b'%3E%3Cpath d='M7.105.51c.34-.68 1.451-.68 1.79 0l7 14.04A1 1 0 0 1 15 16H1a1.004 1.004 0 0 1-.895-1.45zM8 12a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23scqcu2rdoa)' transform='translate(-570 -1585)'%3E%3Cg clip-path='url(%23kjjj66o31b)' transform='translate(570 1585.7)'%3E%3Cpath fill='%23F49141' d='M0 0h16.002v16H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.cc-toolbar-messages {
  flex-grow: 1;
  text-align: right;
  border-left: 0;
}

.content-warning {
  border: 1px solid #d96b13;
  background-repeat: no-repeat;
  padding: 0 5px 0 20px;
  background-size: 13px 13px;
  background-position: 5px 2px;
  background-color: #fff1e5;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #d96b13;
}

.content-warning:empty {
  display: none;
}

@media (min-width: 768px) {
  .info-block {
    padding-left: 40px;
    padding-right: 40px;
  }
}