/*
 * Teak Garden typography refinement
 * Shared scale and reading rhythm, layered after page-specific styles.
 * Existing layout, imagery, and content remain controlled by their templates.
 */

.tg-site .tg-eyebrow {
  font-size: 12px;
  line-height: 1.5;
}

.tg-site .tg-home-hero .tg-hero-copy h1 {
  font-size: clamp(42px, 4vw, 56px);
}

.tg-site .tg-section h2 {
  font-size: clamp(30px, 2.7vw, 36px);
  line-height: 1.18;
  font-weight: 650;
}

.tg-site .tg-category-support .tg-support-grid p,
.tg-site .tg-category-related a,
.tg-site .tg-product-card p,
.tg-site .tg-resource-card p,
.tg-site .tg-resource-feature p,
.tg-site .tg-contact-route-grid article p {
  font-size: 14px;
  line-height: 1.6;
}

.tg-site .tg-authority-v2 h2 {
  font-size: clamp(28px, 2.35vw, 32px);
  line-height: 1.22;
}

.tg-site .tg-authority-facts p,
.tg-site .tg-authority-steps-grid article p,
.tg-site .tg-authority-split p {
  font-size: 14px;
  line-height: 1.65;
}

.tg-site .tg-authority-steps-grid article h3 {
  font-size: 17px;
  line-height: 1.35;
}

.tg-site .tg-manufacturing-process .tg-authority-steps-grid article h3 {
  font-size: 18px;
}

.tg-site .tg-authority-about .tg-authority-focus h2 {
  font-size: 28px;
  line-height: 1.25;
}

.tg-site .tg-about-operation .tg-authority-steps-grid article h3 {
  font-size: 16px;
}

.tg-site .tg-about-people-founders h3 {
  font-size: 16px;
  line-height: 1.35;
}

.tg-site .tg-about-people-founders p {
  font-size: 13px;
  line-height: 1.6;
}

.tg-site .tg-about-people-founders .tg-note {
  font-size: 12px;
}

.tg-site .tg-article-head h1 {
  font-size: clamp(38px, 3.6vw, 50px);
  line-height: 1.13;
}

.tg-site .tg-article-layout {
  grid-template-columns: 220px minmax(0, 1fr);
}

.tg-site .tg-article-body {
  font-size: 16px;
  line-height: 1.7;
}

.tg-site .tg-article-body h2 {
  font-size: 27px;
  line-height: 1.3;
}

.tg-site .tg-article-body h3 {
  font-size: 21px;
  line-height: 1.35;
}

.tg-site .tg-article-toc,
.tg-site .tg-article-toc a {
  font-size: 13px;
  line-height: 1.5;
}

.tg-site .tg-single-product .tg-spec,
.tg-site .tg-single-product .tg-product-custom {
  font-size: 14px;
  line-height: 1.6;
}

.tg-site .tg-field label {
  font-size: 13px;
  line-height: 1.45;
}

.tg-site .tg-product-response,
.tg-site .tg-grade-heading .tg-link {
  font-size: 12px;
  line-height: 1.5;
}

.tg-site .tg-contact-form .tg-message,
.tg-site .tg-resource-cta p {
  font-size: 13px;
  line-height: 1.6;
}

.tg-site .tg-state h1 {
  line-height: 1.2;
}

@media (max-width: 860px) {
  .tg-site .tg-home-hero .tg-hero-copy h1 {
    font-size: 42px;
  }

  .tg-site .tg-section h2 {
    font-size: 30px;
  }

  .tg-site .tg-authority-v2 h2 {
    font-size: 28px;
  }

  .tg-site .tg-article-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .tg-site .tg-article-head h1 {
    font-size: 34px;
  }
}

@media (max-width: 540px) {
  .tg-site .tg-home-hero .tg-hero-copy h1 {
    font-size: 36px;
  }

  .tg-site .tg-section h2 {
    font-size: 28px;
  }

  .tg-site .tg-authority-v2 h2,
  .tg-site .tg-authority-about .tg-authority-focus h2 {
    font-size: 26px;
  }

  .tg-site .tg-article-head h1 {
    font-size: 30px;
  }

  .tg-site .tg-article-body h2 {
    font-size: 25px;
  }
}