/* Shared article typography: keep editor content and published posts in sync.
   Explicit colours and fonts isolate articles from the admin theme variables. */
:is(.blog-article-content, .wysiwyg-editor) {
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: normal;
  color: #5b6770;
  overflow-wrap: anywhere;
}

:is(.blog-article-content, .wysiwyg-editor) :is(h2, h3, h4) {
  margin: 2.5rem 0 1rem;
  font-family: Manrope, Inter, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.035em;
  color: #071d2d;
}
/* Override the site's global !important H2 size with the shared article scale. */
.blog-article-header h1 { font-size: 35px; line-height: 1.2; }
:is(.blog-article-content, .wysiwyg-editor) h2 { font-size: 25px !important; }
:is(.blog-article-content, .wysiwyg-editor) h3 { font-size: 20px; }
:is(.blog-article-content, .wysiwyg-editor) h4 { font-size: 18px; font-weight: 700; }

:is(.blog-article-content, .wysiwyg-editor) p {
  margin: 0 0 1.25rem;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
:is(.blog-article-content, .wysiwyg-editor) a {
  color: #c94f00;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
:is(.blog-article-content, .wysiwyg-editor) a:hover { color: #071d2d; }
:is(.blog-article-content, .wysiwyg-editor) a:focus-visible {
  outline: 2px solid #c94f00;
  outline-offset: 3px;
}
:is(.blog-article-content, .wysiwyg-editor) :is(strong, b) { font-weight: 700; }
:is(.blog-article-content, .wysiwyg-editor) :is(em, i) { font-style: italic; }
:is(.blog-article-content, .wysiwyg-editor) :is(ul, ol) {
  margin: 0 0 1.25rem;
  padding-left: 1.6em;
  list-style-position: outside;
}
:is(.blog-article-content, .wysiwyg-editor) ul { list-style-type: disc; }
:is(.blog-article-content, .wysiwyg-editor) ol { list-style-type: decimal; }
:is(.blog-article-content, .wysiwyg-editor) li { margin: 0 0 .45em; padding: 0; }
:is(.blog-article-content, .wysiwyg-editor) li::marker { color: #c94f00; }
:is(.blog-article-content, .wysiwyg-editor) li > :is(ul, ol) { margin: .45em 0 0; }
:is(.blog-article-content, .wysiwyg-editor) blockquote {
  margin: 1.75rem 0;
  padding: 1.25rem 1.5rem;
  border: 0;
  border-left: 4px solid #f47c20;
  background: #f4f1ea;
  color: #071d2d;
  font-size: inherit;
  line-height: 1.75;
}
:is(.blog-article-content, .wysiwyg-editor) hr {
  height: 0;
  margin: 2.5rem 0;
  border: 0;
  border-top: 1px solid #d8dde0;
}
:is(.blog-article-content, .wysiwyg-editor) > :first-child { margin-top: 0; }
:is(.blog-article-content, .wysiwyg-editor) > :last-child,
:is(.blog-article-content, .wysiwyg-editor) :is(li, blockquote) > :last-child { margin-bottom: 0; }

@media (max-width: 600px) {
  .blog-article-header h1 { font-size: 28px; }
  :is(.blog-article-content, .wysiwyg-editor) :is(h2, h3, h4) { margin-top: 2rem; }
  :is(.blog-article-content, .wysiwyg-editor) h2 { font-size: 23px !important; }
  :is(.blog-article-content, .wysiwyg-editor) h3 { font-size: 19px; }
  :is(.blog-article-content, .wysiwyg-editor) h4 { font-size: 17px; }
  :is(.blog-article-content, .wysiwyg-editor) blockquote { padding: 1rem 1.125rem; }
  :is(.blog-article-content, .wysiwyg-editor) > :first-child { margin-top: 0; }
}