/* Um único padrão para o conteúdo dos posts e o canvas do editor visual.
   Não alcança páginas, catálogos, menus, formulários ou destinos de links. */
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) {
  --arctech-paragraph-gap: 1.25rem;
  color: #122238;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) p {
  margin-block: 0 var(--arctech-paragraph-gap);
  text-align: justify;
  text-indent: 30px;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) :is(h1,h2,h3,h4,h5,h6) {
  line-height: 1.3;
  letter-spacing: -.025em;
  text-align: center;
  text-indent: 0;
  margin-block: 2rem 1rem;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) h2 {font-size: 1.75rem;}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) h3 {font-size: 1.35rem;}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) > :first-child {margin-block-start: 0;}
/* A escolha explícita no editor continua sendo respeitada. */
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) .has-text-align-center {text-align: center; text-indent: 0;}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) .has-text-align-left {text-align: left;}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) .has-text-align-right {text-align: right; text-indent: 0;}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) :is(li,td,th,figcaption) p {text-indent: 0;}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) :is(ul,ol) {padding-inline-start: 1.5rem; margin-block: 0 1.25rem;}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) li + li {margin-block-start: .5rem;}

/* text-align centraliza o conteúdo, não a caixa externa da figura.
   A largura ajustada e as duas margens automáticas centralizam a própria caixa. */
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) figure {
  max-width: 100%;
  margin-block: 1.5rem;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) :is(figure.wp-block-image.aligncenter, .wp-block-image > figure.aligncenter) {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  float: none;
  clear: both;
  text-align: center;
  text-indent: 0;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) img {
  max-width: 100%;
  height: auto;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) :is(img.aligncenter, .aligncenter > img, .aligncenter > a > img) {
  display: block;
  margin-inline: auto;
  float: none;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) .wp-block-image > a:has(>img) {
  display: block;
  max-width: 100%;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) figcaption {
  text-align: center;
  text-indent: 0;
  margin-block: .75rem 0;
  font-size: .875rem;
  line-height: 1.5;
}
/* Citações têm recuos simétricos: uma imagem centralizada dentro delas
   também compartilha o eixo central do texto externo. */
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-inline: 4px solid transparent;
  border-inline-start-color: #264dff;
  background: #f5f8ff;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) blockquote > :first-child {margin-block-start: 0;}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) blockquote > :last-child {margin-block-end: 0;}

/* Blogger usa caixas .separator ou alinhamento inline, além de margens
   inline nos links das imagens. O !important está limitado a essas margens. */
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) :is(.separator,[align="center"],[style*="text-align: center"],[style*="text-align:center"]) {
  text-indent: 0;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) :is(.separator,[align="center"],[style*="text-align: center"],[style*="text-align:center"]) > a:has(>img) {
  display: inline-block;
  max-width: 100%;
  margin-inline: 0 !important;
  vertical-align: top;
}
:is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) p:has(>img,>a>img) {text-indent: 0;}

/* Mesma largura útil e mesmas margens na página e no editor. */
.single-post .article-shell {width: min(960px,calc(100% - 36px));}
.single-post .arctech-article-content {padding: clamp(20px,4vw,44px);}
.single-post .article-hero h1 {text-align: center; margin-inline: auto;}
.single-post .article-hero :is(.breadcrumbs,.meta) {text-align: center;}
.editor-styles-wrapper.post-type-post .is-root-container {
  box-sizing: border-box;
  width: min(960px,calc(100% - 36px));
  max-width: none;
  margin-inline: auto;
  padding: clamp(20px,4vw,44px);
  border: 1px solid #e0e7f2;
  border-radius: 17px;
  background: white;
}
.editor-styles-wrapper.post-type-post .editor-post-title__input {
  width: min(850px,calc(100% - 36px));
  max-width: none;
  margin-inline: auto;
  font-size: clamp(30px,4.4vw,44px);
  line-height: 1.17;
  letter-spacing: -1.1px;
  text-align: center;
}
@media(max-width:600px) {
  :is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) h2 {font-size: 1.4rem;}
  :is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) h3 {font-size: 1.2rem;}
  :is(.arctech-article-content, .editor-styles-wrapper.post-type-post .is-root-container) blockquote {padding-inline: .75rem;}
}