:root{--vk-blue: #4A76A8;--vk-blue-dark: #3D638F;--vk-light-bg: #EDF0F5;--vk-card-bg: #FFFFFF;--vk-border: #E7E8EC;--vk-text: #222222;--vk-text-light: #656565;--vk-shadow: 0 1px 0 0 #D7D8DB, 0 0 0 1px #E3E4E8;--vk-radius: 8px}.dark{--vk-blue: #5B88BD;--vk-blue-dark: #4A76A8;--vk-light-bg: #1A1A1A;--vk-card-bg: #242424;--vk-border: #3A3A3A;--vk-text: #E1E3E6;--vk-text-light: #A0A0A0;--vk-shadow: 0 1px 0 0 #3A3A3A, 0 0 0 1px #3A3A3A}.blog-container{background-color:var(--vk-light-bg);min-height:100vh;padding:0}.blog-header{background-color:var(--vk-card-bg);border-bottom:1px solid var(--vk-border);padding:16px 0;box-shadow:var(--vk-shadow)}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.blog-title{font-size:28px;font-weight:700;color:var(--vk-text);margin:0 0 4px}.blog-subtitle{color:var(--vk-text-light);margin:0;font-size:16px}.header-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--vk-radius);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.action-btn.primary{background-color:var(--vk-blue);color:#fff;border:none}.action-btn.primary:hover{background-color:var(--vk-blue-dark)}.action-btn.secondary{background-color:transparent;color:var(--vk-text);border:1px solid var(--vk-border)}.action-btn.secondary:hover{background-color:#00000008}.dark .action-btn.secondary:hover{background-color:#ffffff0d}.blog-content{max-width:1200px;margin:0 auto;padding:20px;display:flex;gap:20px}.blog-sidebar{width:280px;flex-shrink:0}.sidebar-section{background-color:var(--vk-card-bg);border-radius:var(--vk-radius);padding:16px;margin-bottom:16px;box-shadow:var(--vk-shadow)}.sidebar-title{font-size:16px;font-weight:600;color:var(--vk-text);margin:0 0 12px}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-item{display:flex;align-items:center;padding:10px 8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;color:var(--vk-text);position:relative}.sidebar-item:hover{background-color:#00000008}.dark .sidebar-item:hover{background-color:#ffffff0d}.sidebar-item.active{background-color:#4a76a81a;color:var(--vk-blue);font-weight:500}.sidebar-icon{margin-right:10px;font-size:18px}.sidebar-count{margin-left:auto;background-color:var(--vk-border);color:var(--vk-text-light);border-radius:10px;padding:2px 8px;font-size:12px}.sidebar-item.active .sidebar-count{background-color:var(--vk-blue);color:#fff}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#4a76a81a;color:var(--vk-blue);padding:4px 10px;border-radius:12px;font-size:13px;cursor:pointer;transition:all .2s ease}.tag:hover{background-color:var(--vk-blue);color:#fff}.subscribe-card{background-color:#4a76a80d;border-radius:8px;padding:16px}.subscribe-card p{margin:0 0 12px;font-size:14px;color:var(--vk-text)}.subscribe-form{display:flex;flex-direction:column;gap:8px}.subscribe-input{padding:10px 12px;border:1px solid var(--vk-border);border-radius:6px;background-color:var(--vk-card-bg);color:var(--vk-text);font-size:14px}.subscribe-input:focus{outline:none;border-color:var(--vk-blue)}.subscribe-btn{background-color:var(--vk-blue);color:#fff;border:none;border-radius:6px;padding:10px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.subscribe-btn:hover{background-color:var(--vk-blue-dark)}.blog-feed{flex:1}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stats-text{color:var(--vk-text-light);font-size:14px}.sort-select{padding:8px 12px;border:1px solid var(--vk-border);border-radius:6px;background-color:var(--vk-card-bg);color:var(--vk-text);font-size:14px;cursor:pointer}.sort-select:focus{outline:none;border-color:var(--vk-blue)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.post-card-wrapper.featured{grid-column:1 / -1}@media (max-width: 1024px){.blog-content{flex-direction:column}.blog-sidebar{width:100%}.sidebar-section{display:inline-block;width:calc(50% - 10px);vertical-align:top;margin-right:10px}.sidebar-section:last-child{width:100%;margin-right:0}}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%}.action-btn{flex:1;justify-content:center}.sidebar-section{width:100%;margin-right:0}.posts-grid{grid-template-columns:1fr}}