/* Step116 — compact community-blog reading layout. */

/* Detail page: deliberately stronger selectors to override older editorial styles. */
body .blog-detail-page.blog-detail-page--pro{
  max-width:760px !important;
  margin:18px auto 24px !important;
  background:#fff !important;
  border:1px solid #e8ebef !important;
  border-radius:10px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-editorial-breadcrumbs{
  padding:13px 24px !important;
  font-size:14px !important;
  color:#828891 !important;
  border-bottom:1px solid #edf0f2 !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-header{
  padding:18px 28px 16px !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-author{
  margin:0 0 14px !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-author__avatar{
  width:40px !important;height:40px !important;flex-basis:40px !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-author__name{
  font:700 15px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  color:#22262b !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-author__meta{
  font:500 12.5px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  color:#858b94 !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-header h1.editorial-page-title{
  margin:14px 0 12px !important;
  max-width:680px !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:30px !important;
  font-weight:720 !important;
  line-height:1.18 !important;
  letter-spacing:-.018em !important;
  color:#23262a !important;
  text-wrap:pretty !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-stats{
  display:flex !important;align-items:center !important;gap:18px !important;margin:5px 0 0 !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-stats span{
  padding:0 !important;min-height:0 !important;border:0 !important;background:none !important;
  color:#8a9098 !important;font-size:13.5px !important;font-weight:520 !important;
}
body .blog-detail-page.blog-detail-page--pro .userblog-tag-row--detail{
  margin-top:10px !important;gap:12px !important;
}
body .blog-detail-page.blog-detail-page--pro .userblog-tag-row--detail .userblog-tag-pill{
  padding:0 !important;border:0 !important;background:transparent !important;border-radius:0 !important;
  color:#777d85 !important;font-size:13.5px !important;font-weight:500 !important;text-decoration:none !important;
}
body .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content{
  max-width:none !important;
  padding:18px 28px 24px !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;
  color:#3f4348 !important;
}
body .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content p{
  margin:0 0 1.05em !important;line-height:1.55 !important;
}
body .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content h2{
  margin:1.35em 0 .45em !important;font-size:24px !important;line-height:1.25 !important;font-weight:700 !important;
}
body .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content h3{
  margin:1.25em 0 .4em !important;font-size:20px !important;line-height:1.28 !important;font-weight:700 !important;
}
body .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content blockquote{
  margin:1.05em 0 !important;padding:2px 0 2px 14px !important;border-left:3px solid #cbd0d6 !important;
  background:transparent !important;color:#5e636a !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-cover--after-text{
  width:100% !important;height:auto !important;max-height:none !important;display:block !important;object-fit:contain !important;
}
body .blog-detail-page.blog-detail-page--pro .blog-detail-actions--pro{
  padding:12px 28px 15px !important;border-top:1px solid #edf0f2 !important;
}

/* Feed: closer to a mature community feed, fewer decorative cards. */
body .blog-feed.blog-feed--beauty{max-width:760px !important;}
body .blog-feed-card.blog-feed-card--beauty{
  border-radius:10px !important;border:1px solid #e8ebef !important;box-shadow:none !important;margin-bottom:14px !important;
}
body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__top{padding:15px 22px 4px !important;}
body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__body{padding:9px 22px 10px !important;}
body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__body h2{
  margin:0 0 9px !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:22px !important;line-height:1.24 !important;font-weight:700 !important;letter-spacing:-.012em !important;color:#292d31 !important;
}
body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__body p{
  margin:0 !important;font-size:17px !important;line-height:1.5 !important;color:#50555b !important;
}
.blog-feed-more{display:inline-block;position:relative;z-index:3;margin-top:10px;color:#67a93f;font-size:14px;font-weight:650;text-decoration:none;}
body .blog-feed-card.blog-feed-card--beauty .userblog-tag-row--feed{padding:10px 22px 3px !important;gap:12px !important;}
body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__footer{padding:10px 22px 13px !important;}

@media(max-width:760px){
  body .blog-detail-page.blog-detail-page--pro{
    width:100% !important;margin:0 !important;border-left:0 !important;border-right:0 !important;border-radius:0 !important;
  }
  body .blog-detail-page.blog-detail-page--pro .blog-editorial-breadcrumbs{padding:11px 24px !important;}
  body .blog-detail-page.blog-detail-page--pro .blog-detail-header{padding:16px 24px 14px !important;}
  body .blog-detail-page.blog-detail-page--pro .blog-detail-header h1.editorial-page-title{
    font-size:24px !important;line-height:1.22 !important;font-weight:700 !important;letter-spacing:-.012em !important;margin:13px 0 11px !important;
  }
  body .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content{
    padding:16px 24px 22px !important;font-size:17px !important;line-height:1.56 !important;color:#42464b !important;
  }
  body .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content p{line-height:1.56 !important;margin-bottom:1em !important;}
  body .blog-detail-page.blog-detail-page--pro .blog-detail-actions--pro{padding-left:24px !important;padding-right:24px !important;}

  body .blog-feed.blog-feed--beauty{padding-left:0 !important;padding-right:0 !important;}
  body .blog-feed-card.blog-feed-card--beauty{border-left:0 !important;border-right:0 !important;border-radius:0 !important;}
  body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__top{padding:13px 24px 3px !important;}
  body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__body{padding:8px 24px 11px !important;}
  body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__body h2{font-size:20px !important;line-height:1.25 !important;}
  body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__body p{font-size:16.5px !important;line-height:1.5 !important;}
  body .blog-feed-card.blog-feed-card--beauty .userblog-tag-row--feed{padding-left:24px !important;padding-right:24px !important;}
  body .blog-feed-card.blog-feed-card--beauty .blog-feed-card__footer{padding-left:24px !important;padding-right:24px !important;}
}
@media(max-width:380px){
  body .blog-detail-page.blog-detail-page--pro .blog-detail-header,
  body .blog-detail-page.blog-detail-page--pro .article-content.blog-detail-content{padding-left:21px !important;padding-right:21px !important;}
  body .blog-detail-page.blog-detail-page--pro .blog-detail-header h1.editorial-page-title{font-size:23px !important;}
}