body.cke_editable,
.recipe-instructions {
  font-family: Inter, Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 15px;
  line-height: 1.6;
}

:is(body.cke_editable, .recipe-instructions) :is(h1, h2, h3, h4, h5, h6) {
  font-weight: normal;
  line-height: 1.2;
}

:is(body.cke_editable, .recipe-instructions) h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

:is(body.cke_editable, .recipe-instructions) h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

:is(body.cke_editable, .recipe-instructions) h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

:is(body.cke_editable, .recipe-instructions) h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

:is(body.cke_editable, .recipe-instructions) h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

:is(body.cke_editable, .recipe-instructions) h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

:is(body.cke_editable, .recipe-instructions) p,
:is(body.cke_editable, .recipe-instructions) :is(ul, ol, blockquote) {
  margin: 1em 0;
}

:is(body.cke_editable, .recipe-instructions) ul {
  list-style-type: disc;
  padding-left: 40px;
}

:is(body.cke_editable, .recipe-instructions) ol {
  list-style-type: decimal;
  padding-left: 40px;
}

:is(body.cke_editable, .recipe-instructions) blockquote {
  font-family: inherit;
  border: 0;
  border-left: 5px solid #ccc;
  padding: 2px 0 2px 20px;
}

:is(body.cke_editable, .recipe-instructions) a {
  color: #a4b465;
}

:is(body.cke_editable, .recipe-instructions) img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

:is(body.cke_editable, .recipe-instructions) table {
  border-collapse: collapse;
  max-width: 100%;
}

:is(body.cke_editable, .recipe-instructions) :is(th, td) {
  border: 1px solid #ccc;
  padding: 0.35rem 0.5rem;
}

:is(body.cke_editable, .recipe-instructions) hr {
  border: 0;
  border-top: 1px solid #ccc;
}

:is(body.cke_editable, .recipe-instructions) pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

body.cke-recipe-dark {
  background: #2a2d37;
  color: #f8f9fa;
  color-scheme: dark;
}

body.cke-recipe-dark blockquote {
  border-color: #656c77;
}

body.cke-recipe-dark hr,
body.cke-recipe-dark th,
body.cke-recipe-dark td {
  border-color: #656c77;
}

body.body--dark .recipe-instructions :is(blockquote, hr, th, td) {
  border-color: #656c77;
}