:root{--blog-bg:#faf7f2;--blog-text:#2e2a24;--blog-text-muted:#6b5f52;--blog-accent:#8b5e3c;--blog-accent-light:#c49a6c;--blog-h2-bg:#f0e8dc;--blog-h3-color:#6b4226;--blog-border:#d9c9b4;--blog-list-marker:#a0714f;--blog-tip-bg:#f5ede0;--blog-tip-border:#c49a6c;--blog-num-bg:#8b5e3c;--blog-num-color:#fff}.blog-content,.article-content,.post-content,[class*=blog] .content,[class*=article] .content{color:var(--blog-text);margin:0 auto;padding:40px 32px;font-size:17px;line-height:1.85}.blog-content h1,.article-content h1,.post-content h1{color:var(--blog-accent);border-bottom:2px solid var(--blog-border);letter-spacing:.01em;margin:0 0 28px;padding-bottom:16px;font-size:2rem;font-weight:700;line-height:1.3}.blog-content h2,.article-content h2,.post-content h2{color:var(--blog-accent);background-color:var(--blog-h2-bg);border-left:4px solid var(--blog-accent);letter-spacing:.02em;text-transform:uppercase;border-radius:0 6px 6px 0;margin:48px 0 20px;padding:14px 20px;font-size:1rem;font-weight:700;line-height:1.4}.blog-content h3,.article-content h3,.post-content h3{color:var(--blog-h3-color);border-bottom:1px dashed var(--blog-border);margin:36px 0 14px;padding-bottom:6px;font-size:1.15rem;font-weight:700;line-height:1.4}.blog-content h4,.article-content h4,.post-content h4{color:var(--blog-accent-light);text-transform:uppercase;letter-spacing:.05em;margin:24px 0 10px;font-size:.9rem;font-weight:700}.blog-content p,.article-content p,.post-content p{color:var(--blog-text);margin:0 0 20px}.blog-content p strong,.article-content p strong,.post-content p strong{color:var(--blog-h3-color);font-weight:700}.blog-content ul,.article-content ul,.post-content ul{margin:16px 0 28px;padding:0;list-style:none}.blog-content ul li,.article-content ul li,.post-content ul li{border-left:3px solid var(--blog-border);color:var(--blog-text);background-color:#fdf9f4;border-radius:4px;margin-bottom:6px;padding:8px 12px 8px 32px;line-height:1.7;transition:border-color .2s;position:relative}.blog-content ul li:before,.article-content ul li:before,.post-content ul li:before{content:"◆";color:var(--blog-list-marker);font-size:.6rem;line-height:1.7;position:absolute;top:9px;left:10px}.blog-content ul li:hover,.article-content ul li:hover,.post-content ul li:hover{border-left-color:var(--blog-accent-light)}.blog-content ul li strong,.article-content ul li strong,.post-content ul li strong{color:var(--blog-h3-color);margin-bottom:2px;display:block}.blog-content ol,.article-content ol,.post-content ol{counter-reset:blog-counter;margin:16px 0 28px;padding:0;list-style:none}.blog-content ol li,.article-content ol li,.post-content ol li{counter-increment:blog-counter;border:1px solid var(--blog-border);color:var(--blog-text);background-color:#fdf9f4;border-radius:6px;margin-bottom:10px;padding:10px 16px 10px 52px;line-height:1.7;position:relative}.blog-content ol li:before,.article-content ol li:before,.post-content ol li:before{content:counter(blog-counter);background-color:var(--blog-num-bg);color:var(--blog-num-color);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-family:Arial,sans-serif;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.blog-tip,.blog-content blockquote,.article-content blockquote,.post-content blockquote{background-color:var(--blog-tip-bg);border-left:4px solid var(--blog-tip-border);color:var(--blog-text);border-radius:0 8px 8px 0;margin:28px 0;padding:16px 20px;font-style:italic;position:relative}.blog-content blockquote:before,.article-content blockquote:before,.post-content blockquote:before{content:"💡";background:var(--blog-bg);padding:0 4px;font-size:1.1rem;font-style:normal;position:absolute;top:14px;left:-14px}.blog-content hr,.article-content hr,.post-content hr{border:none;border-top:1px solid var(--blog-border);margin:40px 0}.blog-content a,.article-content a,.post-content a{color:var(--blog-accent);text-decoration:underline;-webkit-text-decoration-color:var(--blog-border);text-decoration-color:var(--blog-border);text-underline-offset:3px;transition:color .2s,-webkit-text-decoration-color .2s,text-decoration-color .2s}.blog-content a:hover,.article-content a:hover,.post-content a:hover{color:var(--blog-h3-color);-webkit-text-decoration-color:var(--blog-accent);text-decoration-color:var(--blog-accent)}@media (max-width:640px){.blog-content,.article-content,.post-content{padding:24px 16px;font-size:16px}.blog-content h1,.article-content h1,.post-content h1{font-size:1.5rem}.blog-content h2,.article-content h2,.post-content h2{padding:12px 14px;font-size:.95rem}.blog-content h3,.article-content h3,.post-content h3{font-size:1.05rem}}