/* Regras compartilhadas: editar e publicar usam a mesma base de leitura. */
:is(.admin-body .content-editor, .blog-shell .blog-article-content) {
  min-width: 0;
  color: #17132e;
  font-family: "Inter", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) > * {
  margin: 0 0 1em;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) > * + * {
  margin-top: 0;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) :is(p, li, figcaption) {
  margin: 0 0 1em;
  white-space: pre-wrap;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) p:empty,
:is(.admin-body .content-editor, .blog-shell .blog-article-content) p:has(> br:only-child) {
  min-height: 1.65em;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) :is(h2, h3, h4) {
  margin: 1.65em 0 .55em;
  color: #0c082e;
  font-family: "Rubik", "Inter", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.18;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) > :first-child {
  margin-top: 0;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) h2 { font-size: 32px; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) h3 { font-size: 26px; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) h4 { font-size: 22px; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) :is(ul, ol) {
  margin: 0 0 1em;
  padding-left: 1.45em;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) li + li { margin-top: .4em; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) li > p { margin: 0; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) strong { font-weight: 700; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) em { font-style: italic; color: inherit; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) a {
  color: #2913c6;
  text-decoration: underline;
  text-underline-offset: 3px;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) blockquote {
  margin: 1.4em 0;
  padding: .55em 1em;
  border-left: 4px solid #c7e300;
  background: #f7f7eb;
  color: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: inherit;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) blockquote > :last-child { margin-bottom: 0; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) pre {
  max-width: 100%;
  overflow-x: auto;
  margin-block: 1em;
  padding: 18px;
  border-radius: 10px;
  background: #0c082e;
  color: #fff;
  font-size: .9em;
  line-height: 1.5;
  white-space: pre;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) code {
  padding: .1em .3em;
  background: #eeedf2;
  color: inherit;
  font-family: monospace;
  font-size: .9em;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) pre code { padding: 0; background: transparent; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) hr {
  margin-block: 1.5em;
  border: 0;
  border-top: 1px solid #dedbe3;
}
/* Todas as fotos têm a mesma moldura. Contain preserva a imagem inteira. */
:is(.admin-body .content-editor, .blog-shell .blog-article-content) figure {
  margin: 1.5em 0;
  padding: 0;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: center;
  margin: 1.25em auto;
  border: 1px solid #e1dee7;
  border-radius: 12px;
  background: #f1eff5;
}
:is(.admin-body .content-editor, .blog-shell .blog-article-content) figure img { margin: 0; }
:is(.admin-body .content-editor, .blog-shell .blog-article-content) figcaption {
  margin: .6em 0 0;
  color: #625b72;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 600px) {
  :is(.admin-body .content-editor, .blog-shell .blog-article-content) { font-size: 17px; }
  :is(.admin-body .content-editor, .blog-shell .blog-article-content) h2 { font-size: 28px; }
  :is(.admin-body .content-editor, .blog-shell .blog-article-content) h3 { font-size: 24px; }
}