/* ---------------------------
   Responsive Typography Scale
   For Zoho Sites
--------------------------- */

/* Page Title (H1) */
h1, .page-title {
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.2;
  font-weight: 700;
}

/* Section Headings (H2) */
h2 {
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.3;
  font-weight: 600;
  margin-top: 0.8em;   /* was 1.2em */
  margin-bottom: 0.4em; /* was 0.6em */
}

/* Subheadings (H3) */
h3 {
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.35;
  font-weight: 600;
  margin-top: 0.6em;   /* was 1em */
  margin-bottom: 0.3em; /* was 0.5em */
}

/* Body Text */
p, li {
  font-size: clamp(16px, 1.4vw, 16px);
  line-height: 1.6;
  margin-bottom: 0.5em;
}