/* =====================================================================
   HD-2167 · Hanken Grotesk type scale (ticket Step 7)
   Loaded LAST in header.php (after style.css and mobile.css), so these
   rules win over older theme rules on desktop and mobile.
   Selectors start with "html body" to out-rank the theme's own rules.
   ===================================================================== */

/* Body text: 17px / 1.6. Component rules with an ID keep their own sizes. */
html body   { font-size: 17px; line-height: 1.6; }
html body p { font-size: 17px; line-height: 1.6; }

/* ---------- Header ---------- */
html body #header .header-left nav > ul > li > a { font-size: 15px; font-weight: 500; line-height: 1; }
html body #header .header-right ul li a          { font-size: 16px; font-weight: 600; line-height: 1.3; }

/* ---------- Feature cards (under Insights) ---------- */
html body #home-blog-section.blog .blog-list .blog-item .content .teaser-label {
  font-size: 14px; font-weight: 500; line-height: 1.3; letter-spacing: 0; text-transform: none;
}
html body #home-blog-section.blog .blog-list .blog-item .content h3,
html body #home-blog-section ul li h3 {
  font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -0.015em;
}
html body #home-blog-section.blog .blog-list .blog-item .content p.post-excerpt,
html body #home-blog-section ul li p { font-size: 15px; line-height: 1.55; }
html body #home-blog-section.blog .blog-list .blog-item .content .teaser-cta { font-size: 15px; font-weight: 600; line-height: 1.3; }

/* ---------- Middle boxes ---------- */
html body #home_middle_box .home_middle_box_content_area h4,
html body #home_middle_box h4 { font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; }
html body #home_middle_box p  { font-size: 17px; line-height: 1.6; }

/* ---------- Section headings that were Prata → H2 role ---------- */
html body #home_partner_area .home_partner_header_area h3,
html body #home_why_work_us_area .home_why_work_us_body h1,
html body .wayConnectSection .title {
  font-size: clamp(30px, 3vw, 40px); font-weight: 600; line-height: 1.12; letter-spacing: 0;
}
html body #home_partner_area .home_partner_header_area p,
html body #home_why_work_us_area .why_content,
html body #home_why_work_us_area .why_content p,
html body .home_why_work_us_body p { font-size: 17px; line-height: 1.6; }
html body #home_why_work_us_area .home_why_work_us_body span a { font-size: 16px; font-weight: 600; line-height: 1; }

/* ---------- Modern business boxes ---------- */
html body #modern_business_area .modern_business_area_box h4 { font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; }

/* ---------- Footer (main links were Prata) ---------- */
html body #footer .footer-links nav > ul > li > a { font-weight: 600; letter-spacing: -0.01em; }

/* ---------- Other headings that were Prata (blog, posts) ---------- */
html body h6,
html body #page-hero-section-blog .top-content h1,
html body #post-content .main .post-title,
html body #post-content .main .content h2,
html body #post-content .sidebar .related-articles .title { font-weight: 600; letter-spacing: -0.01em; }

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  html body #home-blog-section.blog .blog-list .blog-item .content h3,
  html body #home-blog-section ul li h3 { font-size: 20px; }
  html body #home_middle_box h4,
  html body #modern_business_area .modern_business_area_box h4 { font-size: 19px; }
}