.articles-page{background:var(--background,#080b10);min-height:100vh;color:var(--text-primary,#f1f5f9);padding-top:72px}.articles-container{max-width:1240px;margin:0 auto;padding:0 24px}.articles-hero{border-bottom:1px solid var(--border,#1d2733);text-align:center;background:radial-gradient(circle at 50% 0,#35d07f0a 0%,#0000 70%);padding:55px 0 35px}.articles-hero-inner{max-width:760px;margin:0 auto}.articles-eyebrow{color:var(--accent,#35d07f);letter-spacing:.12em;text-transform:uppercase;background:#35d07f0d;border:1px solid #35d07f40;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-family:monospace;font-size:11px;font-weight:700;display:inline-block}.articles-hero h1{letter-spacing:-.03em;color:var(--text-primary,#f1f5f9);margin:0 0 14px;font-size:clamp(31px,4vw,49px);font-weight:800;line-height:1.15}.articles-hero h1 span{color:var(--accent,#35d07f)}.articles-hero p{color:var(--text-secondary,#8d99a8);margin:0 auto;font-size:16px;line-height:1.65}.articles-controls-section{border-bottom:1px solid #141c26;padding:30px 0 20px}.article-search-box{width:100%;max-width:580px;margin:0 auto 20px;position:relative}.article-search-icon{color:var(--text-muted,#667384);pointer-events:none;font-size:17px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.article-search-input{border:1px solid var(--border,#1d2733);background:var(--surface,#0d1219);width:100%;height:44px;color:var(--text-primary,#f1f5f9);border-radius:8px;padding:0 40px 0 42px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s}.article-search-input:focus{border-color:var(--accent,#35d07f);background:#0f1620;outline:none}.article-search-input::placeholder{color:var(--text-muted,#667384)}.article-search-clear{color:var(--text-muted,#667384);cursor:pointer;background:0 0;border:0;padding:4px;font-size:14px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.article-search-clear:hover{color:var(--accent,#35d07f)}.article-filter-container{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.article-filter-container::-webkit-scrollbar{display:none}.article-filter-scroll{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding-bottom:6px;display:flex}.article-filter-pill{border:1px solid var(--border,#1d2733);background:var(--surface,#0d1219);color:var(--text-secondary,#8d99a8);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:border-color .2s,color .2s,background .2s}.article-filter-pill:hover{color:var(--text-primary,#f1f5f9);background:var(--surface-hover,#131a23);border-color:#2b3a4a}.article-filter-pill.active{border-color:var(--accent,#35d07f);color:var(--accent,#35d07f);background:#35d07f14;font-weight:600}.featured-article-section{margin:35px 0 45px}.featured-badge-wrapper{align-items:center;gap:7px;margin-bottom:12px;display:inline-flex}.featured-pulse{background:var(--accent,#35d07f);width:6px;height:6px;box-shadow:0 0 8px var(--accent,#35d07f);border-radius:50%}.featured-badge-label{letter-spacing:.12em;color:var(--accent,#35d07f);font-family:monospace;font-size:11px;font-weight:700}.featured-article-card{border:1px solid var(--border,#1d2733);background:var(--surface,#0d1219);border-radius:12px;grid-template-columns:320px minmax(0,1fr);gap:28px;padding:24px;transition:border-color .2s,transform .2s;display:grid}.featured-article-card:hover{border-color:#2c3c4e;transform:translateY(-2px)}.featured-thumb-container{aspect-ratio:16/9;background:#070a0f;border:1px solid #18222d;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:180px;display:flex;position:relative;overflow:hidden}.featured-thumb-icon{z-index:1;font-size:57px}.featured-content{flex-direction:column;justify-content:center;min-width:0;display:flex}.featured-meta{color:var(--text-muted,#667384);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.featured-category{color:var(--accent,#35d07f);font-family:monospace;font-weight:600}.featured-title{margin:0 0 10px;font-size:clamp(21px,2.2vw,27px);font-weight:700;line-height:1.25}.featured-title a{color:var(--text-primary,#f1f5f9);-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;transition:color .2s;display:-webkit-box;overflow:hidden}.featured-title a:hover{color:var(--accent,#35d07f)}.featured-description{color:var(--text-secondary,#8d99a8);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.featured-tags{flex-wrap:wrap;gap:5px;margin-bottom:18px;display:flex}.article-tag{color:var(--text-muted,#667384);background:#080c11;border:1px solid #18222d;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px}.featured-actions{align-items:center;gap:16px;display:flex}.featured-read-btn{background:var(--accent,#35d07f);color:#06100a;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.featured-read-btn:hover{background:var(--accent-hover,#28b96d)}.featured-author{color:var(--text-muted,#667384);font-size:12px}.articles-grid-section{padding:20px 0 70px}.section-header-row{border-bottom:1px solid #141c26;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.section-header-row h2{color:var(--text-primary,#f1f5f9);margin:0;font-size:18px;font-weight:700}.section-count{color:var(--text-muted,#667384);font-family:monospace;font-size:12px}.articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.article-card{border:1px solid var(--border,#1d2733);background:var(--surface,#0d1219);border-radius:10px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.article-card:hover{border-color:#2c3c4d;transform:translateY(-3px)}.article-card-thumb-link{text-decoration:none;display:block}.article-card-thumb{aspect-ratio:16/9;background:#070a0f;border-bottom:1px solid #151e28;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.article-thumb-icon{font-size:41px}.article-thumb-category{border:1px solid var(--border,#1d2733);color:var(--accent,#35d07f);letter-spacing:.06em;text-transform:uppercase;background:#080b10e6;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.article-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.article-card-meta-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.article-category-badge{color:var(--accent,#35d07f);font-family:monospace;font-size:11px;font-weight:600}.article-read-time{color:var(--text-muted,#667384);font-size:12px}.article-card-title{min-height:40px;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.35}.article-card-title a{color:var(--text-primary,#f1f5f9);-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;transition:color .2s;display:-webkit-box;overflow:hidden}.article-card-title a:hover{color:var(--accent,#35d07f)}.article-card-desc{color:var(--text-secondary,#8d99a8);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 14px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.article-card-tags{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.article-card-footer{border-top:1px solid #141c26;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.article-author-info{flex-direction:column;display:flex}.article-author{color:var(--text-secondary,#8d99a8);font-size:12px;font-weight:600}.article-date{color:var(--text-muted,#667384);font-size:11px}.article-read-link{color:var(--accent,#35d07f);align-items:center;gap:4px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex}.article-read-link:hover{transform:translate(2px)}.articles-empty-state{text-align:center;border:1px dashed var(--border,#1d2733);background:var(--surface,#0d1219);border-radius:10px;margin:20px 0;padding:50px 20px}.empty-icon{border:1px solid var(--accent,#35d07f);width:44px;height:44px;color:var(--accent,#35d07f);background:#35d07f0d;border-radius:9px;place-items:center;margin:0 auto 12px;font-size:21px;display:grid}.articles-empty-state h3{color:var(--text-primary,#f1f5f9);margin:0 0 6px;font-size:17px}.articles-empty-state p{color:var(--text-muted,#667384);margin:0 0 16px;font-size:13px}.empty-reset-btn{border:1px solid var(--accent,#35d07f);color:var(--accent,#35d07f);cursor:pointer;background:0 0;border-radius:6px;padding:7px 16px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.empty-reset-btn:hover{background:var(--accent,#35d07f);color:#06100a}.article-detail-page{background:var(--background,#080b10);min-height:100vh;color:var(--text-primary,#f1f5f9);padding-top:72px;padding-bottom:80px}.article-detail-page>.articles-container{padding-top:35px}.article-back-nav{margin-bottom:22px}.article-back-link{color:var(--text-muted,#667384);align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.article-back-link:hover{color:var(--accent,#35d07f)}.article-detail-header{border-bottom:1px solid var(--border,#1d2733);margin-bottom:35px;padding-bottom:25px}.article-breadcrumbs{color:var(--text-muted,#667384);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:12px;display:flex}.article-breadcrumbs a{color:var(--text-muted,#667384);text-decoration:none}.article-breadcrumbs a:hover{color:var(--accent,#35d07f)}.article-breadcrumbs strong{color:var(--text-secondary,#8d99a8)}.article-detail-header h1{letter-spacing:-.02em;color:var(--text-primary,#f1f5f9);margin:0 0 12px;font-size:clamp(27px,3.5vw,41px);font-weight:800;line-height:1.2}.article-subtitle{color:var(--text-secondary,#8d99a8);max-width:800px;margin:0 0 18px;font-size:16px;line-height:1.6}.article-detail-meta{color:var(--text-muted,#667384);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.article-meta-item{align-items:center;gap:4px;display:flex}.article-layout-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:40px;display:grid}.article-main-column{min-width:0;max-width:800px}.article-toc-sidebar{position:sticky;top:96px}.article-toc{border:1px solid var(--border,#1d2733);background:var(--surface,#0d1219);border-radius:8px;padding:16px}.toc-header{border-bottom:1px solid #151e28;align-items:center;gap:6px;margin-bottom:12px;padding-bottom:8px;display:flex}.toc-icon{color:var(--accent,#35d07f);font-size:14px}.toc-header h3{letter-spacing:.1em;color:var(--text-secondary,#8d99a8);margin:0;font-family:monospace;font-size:11px;font-weight:700}.toc-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.toc-link{color:var(--text-muted,#667384);border-radius:4px;align-items:baseline;gap:6px;padding:5px 6px;font-size:12px;line-height:1.35;text-decoration:none;transition:all .15s;display:flex}.toc-link:hover{background:var(--surface-hover,#131a23);color:var(--text-primary,#f1f5f9)}.toc-link.active{color:var(--accent,#35d07f);background:#35d07f14;font-weight:600}.toc-num{color:#4a5c6e;font-family:monospace;font-size:10px}.toc-link.active .toc-num{color:var(--accent,#35d07f)}.article-body-content{color:#a3b1c2;font-size:16px;line-height:1.8}.article-section-block{margin-bottom:35px;scroll-margin-top:96px}.article-h2{color:var(--text-primary,#f1f5f9);letter-spacing:-.01em;margin:28px 0 12px;font-size:21px;font-weight:700}.section-anchor-marker{color:var(--accent,#35d07f);margin-right:4px}.article-p{color:#94a3b8;margin:0 0 14px}.article-callout{background:var(--surface,#0d1219);border:1px solid var(--border,#1d2733);border-radius:6px;margin:20px 0;padding:14px 18px}.article-callout.note{border-left:3px solid var(--accent,#35d07f)}.article-callout.warning{border-left:3px solid #f59e0b}.article-callout.tip{border-left:3px solid #38bdf8}.callout-header{color:var(--text-primary,#f1f5f9);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.article-callout p{color:var(--text-secondary,#8d99a8);margin:0;font-size:13px;line-height:1.6}.article-code-wrapper{border:1px solid var(--border,#1d2733);background:#06090e;border-radius:8px;max-width:100%;margin:20px 0;overflow:hidden}.article-code-header{background:#0b1016;border-bottom:1px solid #141c26;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code-header-dots{align-items:center;gap:5px;display:flex}.code-dot{border-radius:50%;width:8px;height:8px}.code-dot.red{background:#ef4444}.code-dot.yellow{background:#eab308}.code-dot.green{background:#22c55e}.code-title{color:var(--text-muted,#667384);margin-left:8px;font-family:monospace;font-size:12px}.code-copy-btn{color:var(--text-secondary,#8d99a8);cursor:pointer;background:0 0;border:1px solid #1d2834;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:11px;transition:all .15s}.code-copy-btn:hover{border-color:var(--accent,#35d07f);color:var(--accent,#35d07f)}.article-code-pre{color:#c9d5e1;background:#06090e;margin:0;padding:14px;font-family:monospace;font-size:13px;line-height:1.6;overflow-x:auto}.article-ul{flex-direction:column;gap:6px;margin:12px 0 16px;padding-left:18px;display:flex}.article-ul li{color:#94a3b8;font-size:14px;line-height:1.6}.article-ul li::marker{color:var(--accent,#35d07f)}.article-table-container{border:1px solid var(--border,#1d2733);border-radius:6px;max-width:100%;margin:20px 0;overflow-x:auto}.article-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.article-table th{background:var(--surface,#0d1219);color:var(--accent,#35d07f);border-bottom:1px solid var(--border,#1d2733);padding:10px 14px;font-family:monospace;font-weight:700}.article-table td{color:var(--text-secondary,#8d99a8);border-bottom:1px solid #141c26;padding:10px 14px}.article-table tr:last-child td{border-bottom:none}.article-detail-tags{border-top:1px solid #141c26;flex-wrap:wrap;gap:6px;margin:30px 0 40px;padding-top:20px;display:flex}.related-articles-section{border-top:1px solid var(--border,#1d2733);margin-top:50px;padding-top:35px}.related-header{margin-bottom:20px}.related-label{letter-spacing:.12em;color:var(--accent,#35d07f);margin-bottom:4px;font-family:monospace;font-size:10px;font-weight:700}.related-header h2{color:var(--text-primary,#f1f5f9);margin:0;font-size:19px;font-weight:700}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (max-width:1100px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-article-card{grid-template-columns:260px minmax(0,1fr);gap:20px;padding:20px}.article-layout-grid{grid-template-columns:minmax(0,1fr) 220px;gap:28px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.featured-article-card{grid-template-columns:1fr}.featured-thumb-container{min-height:150px}.article-layout-grid{grid-template-columns:1fr;gap:25px}.article-toc-sidebar{margin-bottom:25px;position:relative;top:0}}@media (max-width:650px){.articles-page,.article-detail-page{padding-top:64px}.articles-container{padding:0 16px}.articles-hero{padding:40px 0 25px}.articles-grid,.related-grid{grid-template-columns:1fr}.article-filter-scroll{justify-content:flex-start}.article-detail-header h1{font-size:25px}}