.resource-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px;justify-content:center}.featured-article,.filter-btn{background-color:var(--white);border:1px solid var(--gray-200)}.filter-btn{padding:8px 18px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.filter-btn:hover{border-color:var(--gray-300);color:var(--text-primary)}.filter-btn.active{background-color:var(--near-black);color:var(--white);border-color:var(--near-black)}.featured-article{display:block;border-radius:var(--radius-lg);padding:48px;margin-bottom:48px;transition:all .3s ease;text-decoration:none;color:var(--text-primary)}.featured-article:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);transform:translateY(-2px)}.featured-body{max-width:760px}.featured-article .tag{margin-bottom:16px}.featured-article h2{margin-bottom:16px;color:var(--text-primary)}.featured-article p,.resource-card p{font-size:17px;color:var(--text-secondary);margin-bottom:16px}.resource-card{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease;text-decoration:none;color:var(--text-primary)}.resource-card:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);transform:translateY(-2px)}.resource-card,.resource-card-body{display:flex;flex-direction:column}.resource-card .tag{margin-bottom:12px}.resource-card h3,.toc-sidebar h4{margin-bottom:12px;color:var(--text-primary)}.resource-card p{flex:1;font-size:15px}.article-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background-color:var(--near-black);width:0%;z-index:1100;transition:width .1s linear}.article-header{padding:140px 0 48px;background-color:var(--off-white)}.article-header .container{max-width:760px}.article-header h1{margin-bottom:24px;text-align:center}.article-meta,.toc-sidebar a{font-size:13px;color:var(--text-muted)}.article-meta{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.article-meta .tag,.toc-sidebar li{margin-bottom:0}.article-meta .separator{color:var(--gray-200)}.article-excerpt{font-size:17px;color:var(--text-muted);text-align:center;line-height:1.7}.article-body-wrapper{display:grid;grid-template-columns:220px 1fr;gap:48px;max-width:1080px;margin:0 auto;padding:var(--section-padding)}.toc-sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.toc-sidebar h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-weight:600}.toc-sidebar ol{list-style:none;padding:0}.toc-sidebar a{display:block;padding:6px 0 6px 12px;border-left:2px solid transparent;transition:all .2s ease;line-height:1.5}.toc-sidebar a.active,.toc-sidebar a:hover{color:var(--text-primary);border-left-color:var(--near-black)}.toc-sidebar a.active{font-weight:500}.toc-sidebar::-webkit-scrollbar{width:6px}.toc-sidebar::-webkit-scrollbar-track{background:0 0}.toc-sidebar::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.article-content{max-width:760px;margin:0;padding:0}.article-content h2{margin-top:40px;margin-bottom:20px;color:var(--text-primary)}.article-content h3,.article-content h4{margin-top:28px;margin-bottom:16px;color:var(--text-primary)}.article-content h4{margin-top:20px;margin-bottom:12px}.article-content li,.article-content p{margin-bottom:16px;color:var(--text-secondary);line-height:1.7}.article-content a,.article-content strong{color:var(--text-primary);font-weight:600}.article-content a{border-bottom:2px solid #a78bfa;transition:all .2s ease;text-decoration:none}.article-content a:hover{color:var(--text-primary);background-color:rgba(167,139,250,.1);border-bottom-color:#8b5cf6}.article-content a.btn,.article-cta a.btn{color:var(--white);border-bottom:none}.article-content a.btn:hover,.article-cta a.btn:hover{color:var(--white)}.article-content ol,.article-content ul{margin:20px 0 20px 24px;padding:0}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content ul ul{list-style-type:circle;margin-top:8px}.article-content li ol,.article-content li ul{margin-bottom:0}.article-content li{margin-bottom:10px;line-height:1.65}.article-content ol li::marker,.article-content ul li::marker{color:var(--near-black)}.article-content table{width:100%;border-collapse:collapse;margin:24px 0;border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.article-content thead{background-color:var(--gray-50)}.article-content th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--gray-200)}.article-content td{padding:12px 16px;border-bottom:1px solid var(--gray-100);color:var(--text-secondary);font-size:14px}.article-content tbody tr:last-child td{border-bottom:none}.article-content code{background-color:var(--gray-50);padding:2px 6px;border-radius:4px;font-family:"Courier New",monospace;font-size:13px;color:var(--near-black)}.article-content .info-box,.article-content pre{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:16px;margin:24px 0}.article-content pre{overflow-x:auto}.article-content pre code{background:0 0;padding:0}.article-content blockquote{border-left:4px solid var(--near-black);padding-left:16px;margin:24px 0;color:var(--text-secondary);font-style:italic;line-height:1.7}.article-content .info-box{border-left:4px solid var(--near-black)}.article-content .info-box h4{color:var(--text-primary);margin-bottom:8px;margin-top:0}.article-content .info-box p,.article-cta p{margin-bottom:0;font-size:14px;color:var(--text-secondary)}.article-content .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:24px 0}.article-content .stat-card{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.article-content .stat-card:hover{border-color:var(--gray-300, #d1d5db);box-shadow:0 2px 8px rgba(0,0,0,.06)}.article-content .stat-card .stat-value{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;color:var(--text-primary);line-height:1.2}.article-content .stat-card .stat-label{font-size:13px;color:var(--text-muted);font-weight:500;margin-top:8px;line-height:1.4}.article-content img,.article-cta{border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.article-content img{max-width:100%;height:auto;margin:24px 0}.article-content figure{margin:24px 0;text-align:center}.article-content figcaption{font-size:13px;color:var(--text-muted);margin-top:12px;font-style:italic}.article-cta{background-color:var(--gray-50);padding:40px;text-align:center;margin-top:64px}.article-cta h3,.related-article-card h4{margin-bottom:12px;color:var(--text-primary)}.article-cta p{margin-bottom:24px;font-size:15px}.related-articles{max-width:1080px;margin:64px auto 0;padding:var(--section-padding)}.related-articles h2{text-align:center;margin-bottom:40px}.related-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-article-card{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column}.related-article-card:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);transform:translateY(-2px)}.related-article-card h4{margin-bottom:8px}.related-article-card p{font-size:13px;color:var(--text-muted);flex:1}@media (max-width:1024px){.article-body-wrapper{grid-template-columns:1fr;gap:32px}.toc-sidebar{position:static;top:auto;max-height:none}}@media (max-width:768px){.article-body-wrapper{padding:56px var(--container-padding)}.article-header{padding:110px 0 40px}.toc-sidebar{display:none}.article-content{max-width:100%}.resource-filters{gap:8px}.filter-btn{padding:6px 14px;font-size:13px}.featured-article{padding:32px;margin-bottom:32px}.featured-article h2{font-size:1.5rem}.resource-card{padding:24px}.related-articles-grid{grid-template-columns:1fr;gap:20px}.article-cta{padding:32px 24px;margin-top:48px}}@media (max-width:480px){.article-body-wrapper{padding:40px var(--container-padding);gap:24px}.article-header{padding:110px var(--container-padding) 32px}.article-header h1{font-size:1.5rem}.article-excerpt{font-size:15px}.article-meta{flex-wrap:wrap;font-size:12px;justify-content:flex-start}.featured-article{padding:24px}.featured-article h2{font-size:1.25rem}.resource-card{padding:16px}.resource-card h3{font-size:1rem}}