.blog-page-container{padding-top:24px;padding-bottom:64px}.blog-page-container .page-heading{font-family:var(--font-display);font-size:var(--h1-page-size,clamp(2.1rem, 4.2vw, 3.1rem));letter-spacing:-.02em;font-weight:600;line-height:1.05}.blog-page-container .page-sub,.blog-page-container .blog-excerpt{font-family:var(--font-body);font-size:.95rem;font-weight:400;line-height:1.65}.blog-page-container .blog-card h3{font-family:var(--font-display);font-size:var(--h3-card-size,1.25rem);letter-spacing:-.01em;font-weight:600;line-height:1.15}.filters-wrap{flex-direction:column;align-items:center;width:100%;margin-bottom:40px;display:flex}.home-tool-categories{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;width:100%;margin-bottom:40px;display:flex}@media (max-width:768px){.blog-page-container{padding-top:16px;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);box-shadow:7px 7px 0 rgba(var(--color-primary-rgb), .24);transform:translateY(-4px)}.toc-title{font-family:var(--font-body);color:var(--text-primary);text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding-bottom:12px;font-size:.72rem;font-weight:600}.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%, rgba(var(--color-primary-rgb), .03) 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 h3{font-family:var(--font-display);font-size:var(--h3-card-size,1.25rem);letter-spacing:-.01em;color:var(--text-primary);margin-bottom:8px;font-weight:600;line-height:1.15}.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{font-family:var(--font-display);font-size:var(--h1-page-size,clamp(2.1rem, 4.2vw, 3.1rem));letter-spacing:-.02em;color:var(--text-primary);margin-top:12px;font-weight:600;line-height:1.05}.article-meta{color:var(--text-secondary);margin-top:8px;font-size:14px}.blog-page{width:85%;margin:0 auto;padding-top:24px;padding-bottom:64px}.blog-heading{font-family:var(--font-display);font-size:var(--h1-page-size,clamp(2.1rem, 4.2vw, 3.1rem));color:var(--text-primary);letter-spacing:-.02em;text-align:center;font-weight:600;line-height:1.05}.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:16px;padding-left:16px;padding-right:16px}.blog-heading{font-size:clamp(1.75rem,5.5vw,2.2rem)}}