/**
 * Typography Styles
 */

.section-title {
  margin: 0;
  font-size: clamp(1.75rem, 2.6vw, 2.6rem);
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--ink-strong);
}

.section-intro {
  max-width: none;
  margin: 14px 0 0;
  color: var(--muted);
}

main :where(h1, h2, h3, h4, h5, h6),
.hero-copy h1,
.site-main .post-title,
.site-main .entry-title {
  color: var(--ink-strong);
}

main :where(p, li, dd, dt, small),
.hero-copy p,
.apps-lead p,
.trust-card p,
.product-item p,
.post-excerpt,
.post-meta,
.page-head p,
.info-panel p {
  color: var(--muted-strong);
}

.site-main a:not(.btn):not(.lang-switch-btn):not(.lang-option) {
  color: #36516d;
}

.site-main a:not(.btn):not(.lang-switch-btn):not(.lang-option):hover {
  color: #0e7f9e;
}