main.blog-page{max-width:2000px}.blog-layout{grid-template-columns:1fr 350px;gap:40px;display:grid}.article-viewer{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;flex-shrink:0;width:100%;min-height:500px;padding:40px;overflow:hidden}.article-header{border-bottom:1px solid var(--border);margin-bottom:30px;padding-bottom:20px}.article-meta{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:12px;font-size:.9rem;display:flex}.article-title{color:var(--text-main);font-size:2rem;font-weight:800;line-height:1.2}.article-content{color:var(--text-main);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;font-size:1.05rem;line-height:1.8}.article-content img,.article-content video,.article-content iframe,.article-content object,.article-content embed{border-radius:8px;height:auto;margin:20px auto;display:block;max-width:100%!important}.article-content h2,.article-content h3{margin-top:30px;margin-bottom:15px;font-weight:700;line-height:1.3}.article-content pre{background:var(--code-bg);white-space:pre;border-radius:8px;max-width:100%;margin:20px 0;padding:16px;overflow-x:auto}.article-content code{background:var(--code-bg);border-radius:4px;padding:2px 4px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9em}.article-content table{border-collapse:collapse;width:100%;margin:20px 0;display:block;overflow-x:auto}.sidebar{flex-direction:column;gap:30px;display:flex;position:sticky;top:85px}@media screen and (min-width:600px){.sidebar{max-height:calc(100vh - 120px);overflow-y:scroll}.sidebar::-webkit-scrollbar{display:none}}.sidebar-title{color:var(--text-main);margin-bottom:5px;font-size:1.1rem;font-weight:700}.blog-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;gap:15px;margin-top:10px;padding:15px;text-decoration:none;transition:all .2s;display:flex}.blog-card:hover{border-color:var(--text-muted);background:var(--bg-secondary);transform:translateY(-2px)}.blog-card.active{border-color:var(--primary);background:var(--primary-light)}.blog-thumb{object-fit:cover;background:var(--bg-secondary);border-radius:8px;flex-shrink:0;width:80px;height:80px}.blog-info{flex-direction:column;flex:1;justify-content:center;display:flex}.blog-info h4{color:var(--text-main);line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-info span{color:var(--text-muted);font-size:.8rem}.loading{text-align:center;color:var(--text-muted);padding:50px}@media (max-width:900px){.blog-layout{grid-template-columns:1fr}.sidebar{order:2;position:static}}@media (max-width:768px){.nav-links{display:none}.hamburger{display:block}main.blog-page{padding:80px 12px 60px}.article-viewer{border-radius:12px;padding:20px}.article-title{font-size:1.5rem}.footer-grid{grid-template-columns:1fr}.footer-btm{flex-direction:column;gap:20px}}