/* Typography scale aligned with the main Dasiy Fashion website. */
body,
.blog-header nav,
.blog-kicker,
.hero-index,
.result-count,
.sidebar-heading,
.sidebar-article,
.sidebar-article b,
.blog-search input,
.blog-filters button,
.article-meta,
.article-link,
.blog-cta,
.blog-footer,
.post-back,
.post-caption,
.post-inline-figure figcaption {
  font-family: Arial, Helvetica, sans-serif;
}

.blog-hero h1,
.blog-section-heading h2,
.article-entry h3,
.blog-cta-inner h2,
.post-wrap h1,
.post-body h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: 0;
}

.blog-hero h1 { max-width: 780px; font-size: clamp(38px, 4vw, 54px); line-height: 1.12; }
.blog-intro { font-size: 16px; line-height: 1.7; }
.blog-section-heading h2 { font-size: clamp(28px, 2.6vw, 36px); line-height: 1.2; }
.sidebar-article { font-size: 14px; line-height: 1.45; }
.article-entry h3 { font-size: clamp(22px, 2vw, 27px); line-height: 1.25; }
.article-excerpt { font-size: 15px; line-height: 1.7; }
.blog-cta-inner h2 { font-size: clamp(28px, 2.8vw, 38px); line-height: 1.2; }
.post-wrap h1 { font-size: clamp(34px, 3.5vw, 46px); line-height: 1.16; }
.post-lead { font-size: 16px; line-height: 1.7; }
.post-body h2 { font-size: 24px; line-height: 1.3; }
.post-body p { font-size: 16px; line-height: 1.75; }

@media (max-width: 767px) {
  .blog-hero h1 { font-size: 27px; line-height: 1.25; }
  .blog-intro,
  .article-excerpt,
  .post-lead,
  .post-body p { font-size: 14px; line-height: 1.65; }
  .blog-section-heading h2,
  .blog-cta-inner h2 { font-size: 22px; line-height: 1.3; }
  .sidebar-article { font-size: 14px; line-height: 1.45; }
  .article-entry h3 { font-size: 18px; line-height: 1.35; }
  .post-wrap h1 { font-size: 27px; line-height: 1.25; }
  .post-body h2 { font-size: 18px; line-height: 1.4; }
}
