:root {
  --jt-readable-text: #1a202c;
  --jt-readable-strong: #111827;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.content-text,
.body-copy,
.faq-answer,
.faq-question,
.practice-card p,
.guide-card p,
.source-card p,
.lila-content,
.lila-section,
.path-card p,
.notice,
.common-disclaimer,
.resource-description {
  font-family: Inter, "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: clamp(16px, 0.96rem + 0.16vw, 18px);
  line-height: 1.72;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.quote-text,
.verse-text,
.mantra,
.sanskrit,
.iast,
[lang="sa"],
[data-script="iast"] {
  font-family: "Noto Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: clamp(1rem, 0.94rem + 0.24vw, 1.16rem);
  line-height: 1.78;
  color: var(--jt-readable-strong);
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 640px) {
  .content-text,
  .body-copy,
  .faq-answer,
  .quote-text,
  .verse-text,
  .mantra,
  .sanskrit,
  .iast,
  [lang="sa"],
  [data-script="iast"] {
    line-height: 1.76;
  }
}