/* Uniform typography for article detail pages, including previously saved overrides. */
#root section.woz-blog-detail article.woz-blog-article h1.woz-type {
  --woz-type-family: SukhumvitSet, sans-serif !important;
  --woz-type-size-desktop: 36px !important;
  --woz-type-size-mobile: 27px !important;
  --woz-type-line-mobile: 1.13 !important;
  font-family: SukhumvitSet, sans-serif !important;
  font-size: 36px !important;
}
#root section.woz-blog-detail article.woz-blog-article .woz-type:not(h1),
#root section.woz-blog-detail article.woz-blog-article .HTML-Displayer,
#root section.woz-blog-detail article.woz-blog-article .woz-blog-summary {
  --woz-type-family: Sarabun, sans-serif !important;
  --woz-type-size-desktop: 20px !important;
  --woz-type-size-mobile: 27px !important;
  --woz-type-line-mobile: 1.78 !important;
  font-family: Sarabun, sans-serif !important;
  font-size: 20px !important;
}
#root section.woz-blog-detail article.woz-blog-article .HTML-Displayer :is(p,span,li,a,strong,b,em,i,u) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
@media(max-width:767px) {
  #root section.woz-blog-detail article.woz-blog-article h1.woz-type {
    font-size:27px !important;
    line-height:1.13 !important;
  }
  #root section.woz-blog-detail article.woz-blog-article .woz-type:not(h1),
  #root section.woz-blog-detail article.woz-blog-article .HTML-Displayer,
  #root section.woz-blog-detail article.woz-blog-article .woz-blog-summary {
    font-size:27px !important;
    line-height:1.78 !important;
  }
}

@media(max-width:767px) {
  #root section.woz-blog-detail article.woz-blog-article .woz-type:not(h1),
  #root section.woz-blog-detail article.woz-blog-article .HTML-Displayer,
  #root section.woz-blog-detail article.woz-blog-article .woz-blog-summary {
    --woz-type-size-mobile:22px !important;
    font-size:22px !important;
    line-height:1.78 !important;
  }
}

@media(max-width:767px) {
  #root section.woz-blog-detail article.woz-blog-article .woz-type:not(h1),
  #root section.woz-blog-detail article.woz-blog-article .HTML-Displayer,
  #root section.woz-blog-detail article.woz-blog-article .woz-blog-summary {
    --woz-type-size-mobile:18px !important;
    font-size:18px !important;
    line-height:1.78 !important;
  }
}

@media(max-width:767px) {
  #root section.woz-blog-detail article.woz-blog-article .woz-type:not(h1),
  #root section.woz-blog-detail article.woz-blog-article .HTML-Displayer,
  #root section.woz-blog-detail article.woz-blog-article .woz-blog-summary {
    --woz-type-size-mobile:14px !important;
    font-size:14px !important;
    line-height:1.78 !important;
  }
}
