.blog-page-container{padding-top:168px;padding-bottom:64px}@media (max-width:768px){.blog-page-container{padding-top:20px;padding-bottom:40px}}.blog-layout{flex-direction:column;gap:40px;display:flex}@media (min-width:1024px){.blog-layout{flex-direction:row;justify-content:space-between;align-items:flex-start}}.blog-article{width:100%}@media (min-width:1024px){.blog-article{width:65%}}.blog-sidebar{flex-direction:column;gap:24px;width:100%;display:flex}@media (min-width:1024px){.blog-sidebar{width:30%;position:sticky;top:100px}}.toc-box{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:0;padding:24px;transition:box-shadow .25s,border-color .25s,transform .25s}.toc-box:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:7px 7px #f59e0b59}.toc-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.toc-list{margin:0;padding:0;list-style:none}.toc-list li{margin-bottom:12px}.toc-list li:last-child{margin-bottom:0}.toc-list a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;text-decoration:none;display:block}.toc-list a:hover{color:var(--accent)}.toc-sublist{border-left:1px solid var(--border-subtle);margin-top:8px;margin-left:4px;padding-left:16px;list-style:none}.sidebar-widget{background:linear-gradient(145deg, var(--bg-card) 0%, #f59e0b08 100%);border:1px solid var(--border-accent);border-radius:var(--radius-lg);text-align:center;padding:24px}.sidebar-widget .widget-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:20px;display:flex}.sidebar-widget h4{color:var(--text-primary);margin-bottom:8px;font-size:18px}.sidebar-widget p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.widget-btn{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.widget-btn:hover{background:var(--accent-light);box-shadow:var(--btn-shadow);transform:translateY(-2px)}.category-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:12px;font-weight:600}.article-title{color:var(--text-primary);margin-top:12px;font-size:30px;font-weight:700}.article-meta{color:var(--text-secondary);margin-top:8px;font-size:14px}.blog-page{width:85%;margin:0 auto;padding-top:136px;padding-bottom:64px}.blog-heading{color:var(--text-primary);letter-spacing:-.025em;text-align:center;font-size:36px;font-weight:700}.blog-sub{color:var(--text-secondary);text-align:center;margin-top:8px;margin-bottom:40px;font-size:16px}.blog-content{margin-top:40px}@media (max-width:768px){.blog-page{width:100%;padding-top:20px;padding-left:16px;padding-right:16px}.blog-heading{font-size:26px}}