/* Anej + Teja — unify article/page CONTENT only. Header, cover, sidebar and homepage excluded. */
:root {
  --ates-teal: #087c84;
  --ates-teal-dark: #07545b;
  --ates-pale: #eaf7f6;
  --ates-ink: #23393a;
  --ates-muted: #596b6c;
  --ates-line: #d6e8e6;
  --ates-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ates-display: Georgia, "Times New Roman", serif;
}
/* Keep the post typography distinct from post cover and navigation. */
body.single-post .wp-block-post-content,
body.page:not(.home) .wp-block-post-content {
  font-family: var(--ates-body);
  font-size: clamp(16px, 1.1vw, 18px);
  line-height: 1.82;
  color: var(--ates-ink);
  font-weight: 400;
  letter-spacing: 0;
  overflow-wrap: break-word;
  min-width: 0;
}
body.single-post .wp-block-post-content :is(p, ul, ol, blockquote, table),
body.page:not(.home) .wp-block-post-content :is(p, ul, ol, blockquote, table) {
  margin-block-start: 0;
  margin-block-end: 1.4em;
}
body.single-post .wp-block-post-content :is(h2,h3,h4,h5,h6),
body.page:not(.home) .wp-block-post-content :is(h2,h3,h4,h5,h6) {
  font-family: var(--ates-display);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -.018em;
  color: var(--ates-teal-dark);
  text-wrap: pretty;
  margin-block-end: .6em;
}
body.single-post .wp-block-post-content h2,
body.page:not(.home) .wp-block-post-content h2 { font-size: clamp(28px, 2.6vw, 38px); margin-block-start: 1.6em; }
body.single-post .wp-block-post-content h3,
body.page:not(.home) .wp-block-post-content h3 { font-size: clamp(24px, 2.2vw, 30px); margin-block-start: 1.45em; }
body.single-post .wp-block-post-content h4,
body.page:not(.home) .wp-block-post-content h4 { font-size: clamp(20px, 1.8vw, 24px); margin-block-start: 1.3em; }
body.single-post .wp-block-post-content :is(h5,h6),
body.page:not(.home) .wp-block-post-content :is(h5,h6) { font-size: 19px; margin-block-start: 1.25em; }
body.single-post .wp-block-post-content a,
body.page:not(.home) .wp-block-post-content a {
  color: var(--ates-teal-dark);
  text-decoration: underline;
  text-decoration-color: rgba(8,124,132,.4);
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  transition: color .16s, text-decoration-color .16s;
}
body.single-post .wp-block-post-content a:hover,
body.page:not(.home) .wp-block-post-content a:hover { color: var(--ates-teal); text-decoration-color: currentColor; }
body.single-post .wp-block-post-content :is(ul,ol),
body.page:not(.home) .wp-block-post-content :is(ul,ol) { padding-inline-start: 1.35em; }
body.single-post .wp-block-post-content li,
body.page:not(.home) .wp-block-post-content li { padding-inline-start: .15em; margin-block-end: .38em; }
body.single-post .wp-block-post-content li::marker,
body.page:not(.home) .wp-block-post-content li::marker { color: var(--ates-teal); }
body.single-post .wp-block-post-content :is(blockquote,.wp-block-quote),
body.page:not(.home) .wp-block-post-content :is(blockquote,.wp-block-quote) {
  border-left: 4px solid var(--ates-teal);
  background: var(--ates-pale);
  padding: clamp(22px, 3vw, 35px);
  border-radius: 0 12px 12px 0;
  margin-inline: 0;
  font-family: var(--ates-display);
  font-size: clamp(20px, 2vw, 27px);
  line-height: 1.48;
  color: var(--ates-teal-dark);
  font-style: italic;
}
body.single-post .wp-block-post-content blockquote p,
body.page:not(.home) .wp-block-post-content blockquote p { margin-bottom: .6em; }
body.single-post .wp-block-post-content blockquote cite,
body.page:not(.home) .wp-block-post-content blockquote cite { display: block; font: normal 13px/1.6 var(--ates-body); color: var(--ates-muted); }
body.single-post .wp-block-post-content :is(img,picture,video,iframe,svg,canvas,object,embed),
body.page:not(.home) .wp-block-post-content :is(img,picture,video,iframe,svg,canvas,object,embed) { max-width: 100%; }
body.single-post .wp-block-post-content :is(img,video),
body.page:not(.home) .wp-block-post-content :is(img,video) { height: auto; }
body.single-post .wp-block-post-content :is(figure,.wp-block-image,.wp-block-gallery,.wp-block-embed,.wp-block-html,.wp-block-columns),
body.page:not(.home) .wp-block-post-content :is(figure,.wp-block-image,.wp-block-gallery,.wp-block-embed,.wp-block-html,.wp-block-columns) { max-width: 100%; min-width: 0; }
body.single-post .wp-block-post-content figcaption,
body.page:not(.home) .wp-block-post-content figcaption { color: var(--ates-muted); font: 13px/1.5 var(--ates-body); text-align: center; margin-top: 10px; }
body.single-post .wp-block-post-content :is(.wp-block-table, .wp-block-html,pre),
body.page:not(.home) .wp-block-post-content :is(.wp-block-table, .wp-block-html,pre) { max-width: 100%; overflow-x: auto; }
body.single-post .wp-block-post-content table,
body.page:not(.home) .wp-block-post-content table { border-collapse: collapse; width: 100%; font-size: .92em; }
body.single-post .wp-block-post-content :is(th,td),
body.page:not(.home) .wp-block-post-content :is(th,td) { border: 1px solid var(--ates-line); padding: 10px 12px; vertical-align: top; }
body.single-post .wp-block-post-content th,
body.page:not(.home) .wp-block-post-content th { background: var(--ates-pale); text-align: left; }
body.single-post .wp-block-post-content :is(hr,.wp-block-separator),
body.page:not(.home) .wp-block-post-content :is(hr,.wp-block-separator) { border-color: var(--ates-line); opacity: 1; margin-block: 2.5em; }
body.single-post .wp-block-post-content :is(.wp-block-button__link,button),
body.page:not(.home) .wp-block-post-content .wp-block-button__link { background: var(--ates-teal); color: #fff; border-radius: 6px; font: 600 13px/1.3 var(--ates-body); text-decoration: none; padding: 13px 21px; }
body.single-post .wp-block-post-content :is(.wp-block-button__link,button):hover,
body.page:not(.home) .wp-block-post-content .wp-block-button__link:hover { background: var(--ates-teal-dark); color: #fff; }
@media (max-width: 767px) {
  body.single-post .wp-block-post-content,
  body.page:not(.home) .wp-block-post-content { font-size: 16px; line-height: 1.75; }
  body.single-post .wp-block-post-content :is(blockquote,.wp-block-quote),
  body.page:not(.home) .wp-block-post-content :is(blockquote,.wp-block-quote) { padding: 19px 18px; }
}
