/* Step123: lighter professional typography. Ordinary reading text stays close to black,
   while bold is reserved for actual hierarchy instead of being the default. */
:root{--st-text:#25282c;--st-text-soft:#34383d;--st-meta:#858c95}

/* News article */
.clean-article-title{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  color:#202328 !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
  line-height:1.06 !important;
}
.clean-article-content,
.clean-article-content p,
.clean-article-content li,
.article-content.clean-article-content,
.article-content.clean-article-content p,
.article-content.clean-article-content li{
  color:var(--st-text) !important;
  font-weight:400 !important;
  -webkit-font-smoothing:antialiased;
}
.clean-article-content strong,.clean-article-content b{font-weight:500 !important}
.clean-article-content h2,.clean-article-content h3,.clean-article-content h4{font-weight:500 !important;color:#202328 !important}
.clean-article-meta{color:var(--st-meta)!important;font-weight:400!important}
.clean-article-meta *{font-weight:400!important}
.clean-breadcrumbs,.clean-breadcrumbs a{font-weight:400!important}
.share-panel-title{font-weight:500!important}

/* User blogs: closer to the requested clean bloger.by tone. */
.blog-detail-page,.blog-feed-card,.blog-studio-hero{color:var(--st-text)!important}
.blog-detail-page .article-content.blog-detail-content,
.blog-detail-page .article-content.blog-detail-content p,
.blog-detail-page .article-content.blog-detail-content li,
.blog-feed-card.blog-feed-card--beauty .blog-feed-card__body p{
  color:#26292d!important;
  font-weight:400!important;
}
.blog-detail-page .editorial-page-title,
.blog-feed-card.blog-feed-card--beauty .blog-feed-card__body h2,
.blog-studio-hero h1{font-weight:500!important;color:#202328!important}
.blog-detail-page strong,.blog-detail-page b{font-weight:500}
.blog-detail-author__meta,.blog-detail-postmeta,.userblog-tag-pill{font-weight:400!important}

/* Common UI labels: avoid accidental heavy 700 inherited from legacy theme. */
.post-admin-menu__panel a,.post-admin-menu__panel button{font-weight:400!important}

@media(max-width:720px){
  .clean-article-title{font-size:clamp(30px,9vw,42px)!important;line-height:1.08!important}
  .clean-article-content,.clean-article-content p,.clean-article-content li{font-weight:400!important;color:#25282c!important}
}