/* =======================================================
editor
======================================================= */
.c-post h1,
.editor-visual-editor__post-title-wrapper h1 {
  --_background-color: var(--color-contrast);
  --_color: var(--color-main);
  --_border-color: var(--color-accent);
  --_padding-block: 10px;
  padding-block: calc(var(--_padding-block) - var(--font-base-offset-top)) calc(var(--_padding-block) + var(--font-base-offset-top));
  padding-inline: 16px;
  margin-bottom: 1rem;
  font-size: calc(24/17 * 1em);
  font-weight: 700;
  line-height: calc(35/24);
  color: var(--_color);
  background-color: var(--_background-color);
  border-top: 3px solid var(--_border-color);
}

.c-post-cont h2,
.is-root-container h2 {
  --_background-color: var(--color-accent);
  --_color: var(--color-brightest);
  --_padding-block: 7px;
  padding-block: calc(var(--_padding-block) - var(--font-base-offset-top)) calc(var(--_padding-block) + var(--font-base-offset-top));
  padding-inline: 16px;
  font-size: calc(22/17 * 1em);
  font-weight: 700;
  line-height: calc(32/22);
  color: var(--_color);
  background-color: var(--_background-color);
}
.c-post-cont h3,
.is-root-container h3 {
  --_color: var(--color-main);
  --_border-color: var(--color-accent);
  position: relative;
  padding-bottom: 8px;
  padding-left: calc(18/20 * 1em);
  font-size: calc(20/17 * 1em);
  font-weight: 700;
  line-height: calc(29/20);
  color: var(--_color);
  border-bottom: 1px solid var(--_border-color);
}
.c-post-cont h3::before,
.is-root-container h3::before {
  --_background-color: var(--color-main);
  position: absolute;
  top: 4px;
  left: 0;
  width: calc(7/20 * 1em);
  height: calc(100% - 14px);
  content: "";
  background-color: var(--_background-color);
}
.c-post-cont a,
.is-root-container a {
  color: blue;
  text-decoration: underline;
}
.c-post-cont > * + h2,
.is-root-container > * + h2 {
  margin-top: calc(32/22 * 1em);
}
.c-post-cont > * + h3,
.is-root-container > * + h3 {
  margin-top: calc(24/20 * 1em);
}
.c-post-cont > * + *,
.is-root-container > * + * {
  margin-top: calc(16/17 * 1em);
}