/**
 * Thoughts About God 2026 — Global Reading Typography
 * Single source of truth for public-site typography and text contrast.
 */

html {
  font-family: var(--tag-font-body);
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

body,
button,
input,
select,
textarea,
.tag-site,
.tag-site-content,
.tag-front-page,
.tag-content-page,
.tag-archive-page,
.tag-reading-content,
.tag-reading-content__inner,
.font-sans {
  font-family: var(--tag-font-body) !important;
  font-synthesis: none;
}

body,
.tag-site,
.tag-site-content,
.tag-front-page,
.tag-content-page,
.tag-archive-page,
.tag-reading-content,
.tag-reading-content__inner {
  color: var(--tag-color-text);
  font-weight: 400;
}

.tag-site :where(p, li, dd, dt, figcaption, blockquote),
.tag-front-page :where(p, li, dd, dt, figcaption, blockquote),
.tag-content-page :where(p, li, dd, dt, figcaption, blockquote),
.tag-archive-page :where(p, li, dd, dt, figcaption, blockquote),
.tag-reading-content :where(p, li, dd, dt, figcaption, blockquote),
.entry-content :where(p, li, dd, dt, figcaption, blockquote),
.wp-site-blocks :where(p, li, dd, dt, figcaption, blockquote) {
  color: var(--tag-color-text) !important;
  font-family: var(--tag-font-body) !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.tag-site :where(em, i),
.entry-content :where(em, i),
.tag-reading-content :where(em, i) {
  color: inherit !important;
  font-family: var(--tag-font-body) !important;
  font-style: italic;
  font-weight: 400 !important;
}

.tag-site :where(a, button, label, summary, input, select, textarea) {
  font-family: var(--tag-font-body) !important;
}

.tag-site :where(h1, h2, h3, h4, h5, h6),
.tag-front-page :where(h1, h2, h3, h4, h5, h6),
.tag-content-page :where(h1, h2, h3, h4, h5, h6),
.tag-archive-page :where(h1, h2, h3, h4, h5, h6),
.entry-content :where(h1, h2, h3, h4, h5, h6) {
  color: var(--tag-color-ink);
  font-family: var(--tag-font-heading) !important;
  font-weight: 700;
  font-synthesis: none;
  overflow-wrap: break-word;
  text-wrap: balance;
}

@media (max-width: 680px) {
  body {
    font-size: 17px;
    line-height: 1.66;
  }
}