.single-article { max-width: 780px; margin: 0 auto; }
.article-header { margin-bottom: 32px; }
.article-header__meta { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; color:var(--color-muted); font-size:13px; }
.reading-time, .article-type { display:inline-flex; padding:2px 8px; border-radius:999px; background:var(--color-bg-soft); }
.article-title { margin:0 0 20px; font-size:34px; line-height:1.48; letter-spacing:.02em; }
.article-lead { padding:18px 20px; border-radius:var(--radius-md); background:var(--color-bg-soft); font-size:16px; font-weight:600; }
.article-thumbnail { margin:28px 0 0; overflow:hidden; border-radius:var(--radius-md); }
.article-body { font-size:17px; }
.article-body h2 { margin-top:48px; margin-bottom:20px; padding:12px 16px; border-left:5px solid var(--color-main); border-radius:0 var(--radius-sm) var(--radius-sm) 0; background:var(--color-bg-soft); font-size:26px; line-height:1.45; }
.article-body h3 { margin-top:36px; margin-bottom:16px; padding-bottom:8px; border-bottom:1px solid var(--color-border); font-size:22px; }
.article-body p { margin-bottom:1.75em; }
.article-body ul, .article-body ol { padding-left:1.5em; }
.article-body blockquote { margin:28px 0; padding:18px 22px; border-left:4px solid var(--color-accent); background:#fff; color:#555; }
.cta-box { margin:48px 0; padding:28px; border-radius:var(--radius-md); background:linear-gradient(135deg,#eef7f4,#fff8ef); text-align:center; border:1px solid var(--color-border); }
.cta-box__title { margin:0 0 12px; font-size:23px; }
.cta-box__text { color:var(--color-muted); }
.related-posts, .same-category-posts, .ranking-posts, .author-box { margin:48px 0; }
.author-box { padding:22px; border-radius:var(--radius-md); background:#fff; border:1px solid var(--color-border); }
@media(max-width:640px){ .article-title{font-size:26px;} .article-body{font-size:16px;} .article-body h2{font-size:21px;} .article-body h3{font-size:19px;} .cta-box{padding:22px 18px;} }