.blog-hero{text-align:center;padding:120px 0 60px}.blog-hero h1{color:var(--ink-50);margin-bottom:12px;font-size:clamp(2.25rem,4.5vw,3.25rem)}.blog-hero h1 em{color:var(--amber-400);font-style:normal}.blog-hero p{color:var(--ink-400);max-width:520px;margin:0 auto 32px;font-size:1.0625rem}.blog-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.blog-filter{background:var(--ink-800);border:1px solid var(--ink-700);color:var(--ink-400);cursor:pointer;border-radius:20px;padding:6px 16px;font-size:.8125rem;font-weight:500;transition:all .15s}.blog-filter:hover,.blog-filter.active{border-color:var(--amber-500);color:var(--amber-400);background:#f59e0b1a}.featured{margin-bottom:56px}.featured-card{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);grid-template-columns:1.1fr 1fr;gap:0;transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.featured-card:hover{border-color:var(--ink-600);box-shadow:0 12px 48px #00000040}.featured-thumb{justify-content:center;align-items:center;min-height:340px;padding:40px;display:flex;position:relative;overflow:hidden}.featured-card:hover .featured-thumb{background-position:50% 48%}.featured-content{flex-direction:column;justify-content:center;padding:40px;display:flex}.featured-badge{font-family:var(--font-mono);color:var(--amber-500);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;font-size:.625rem;display:flex}.featured-badge:before{content:"";background:var(--amber-500);width:16px;height:2px}.featured-content h2{color:var(--ink-50);margin-bottom:12px;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2}.featured-content p{color:var(--ink-400);margin-bottom:20px;font-size:.9375rem;line-height:1.6}.featured-meta{color:var(--ink-600);align-items:center;gap:12px;font-size:.8125rem;display:flex}.featured-meta .dot{background:var(--ink-600);border-radius:50%;width:3px;height:3px}.read-more{color:var(--amber-400);align-items:center;gap:6px;margin-top:auto;font-size:.875rem;font-weight:600;transition:gap .15s;display:inline-flex}.read-more:hover{gap:10px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.blog-card{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);transition:all .2s;display:block;overflow:hidden}.blog-card:hover{border-color:var(--ink-600);transform:translateY(-3px);box-shadow:0 8px 32px #0003}.blog-card-thumb{height:200px;overflow:hidden}.blog-card-body{padding:20px}.blog-card-cat{font-family:var(--font-mono);color:var(--teal-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.625rem;display:inline-block}.blog-card-cat.amber{color:var(--amber-400)}.blog-card h3{font-family:var(--font-body);color:var(--ink-50);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-card p{color:var(--ink-400);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:.8125rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--ink-600);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.article-hero{padding:120px 0 56px;position:relative;overflow:hidden}.article-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#f59e0b1f 0%,#0000 70%);width:900px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.article-hero .container{z-index:1;position:relative}.article-back{color:var(--ink-400);align-items:center;gap:6px;margin-bottom:24px;font-size:.8125rem;transition:color .15s;display:inline-flex}.article-back:hover{color:var(--amber-400)}.article-cat{font-family:var(--font-mono);color:var(--amber-500);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;font-size:.6875rem;display:inline-flex}.article-cat:before{content:"";background:var(--amber-500);width:16px;height:2px}.article-hero h1{font-family:var(--font-display);color:var(--ink-50);letter-spacing:-.02em;max-width:800px;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.article-excerpt{color:var(--ink-400);max-width:560px;margin-bottom:28px;font-size:1.0625rem;line-height:1.6}.article-meta{border-bottom:1px solid var(--ink-700);align-items:center;gap:16px;padding-bottom:32px;display:flex}.article-author-avatar{background:linear-gradient(135deg,var(--amber-500),var(--teal-500));width:44px;height:44px;color:var(--ink-950);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.article-author-name{color:var(--ink-50);font-size:.9375rem;font-weight:600}.article-author-role{color:var(--ink-400);font-size:.8125rem}.article-date{font-family:var(--font-mono);color:var(--ink-600);flex-direction:column;align-items:flex-end;margin-left:auto;font-size:.75rem;display:flex}.article-read-time{color:var(--ink-400)}.article-tags{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.article-tag{background:var(--ink-800);border:1px solid var(--ink-700);color:var(--ink-400);font-size:.6875rem;font-family:var(--font-mono);border-radius:4px;padding:3px 10px}.article-layout{grid-template-columns:240px 1fr;gap:80px;max-width:1280px;margin:0 auto;padding:48px 32px 96px;display:grid}.toc{align-self:start;position:sticky;top:88px}.toc-title{font-family:var(--font-mono);color:var(--ink-600);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.625rem}.toc-list{border-left:2px solid var(--ink-700);flex-direction:column;gap:6px;padding-left:14px;list-style:none;display:flex}.toc-link{color:var(--ink-300);border-left:2px solid #0000;margin-left:-16px;padding:2px 0 2px 8px;font-size:.8125rem;line-height:1.4;transition:all .15s;display:block}.toc-link:hover,.toc-link.active{color:var(--amber-400);border-left-color:var(--amber-500)}.article-body{min-width:0}.article-body h1{font-family:var(--font-display);color:var(--ink-50);margin:48px 0 24px;font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.15}.article-body h2{font-family:var(--font-display);color:var(--ink-50);margin-bottom:24px;padding-top:16px;font-size:clamp(2rem,3vw,2.5rem);line-height:1.25}.article-body h3{font-family:var(--font-body);color:var(--ink-50);margin-bottom:16px;font-size:1.375rem;font-weight:600}.article-body p{color:var(--ink-100);margin-bottom:24px;font-size:1.125rem;line-height:1.8}.article-body strong{color:var(--ink-50);font-weight:600}.article-body em{color:var(--ink-300)}.article-body ul,.article-body ol{color:var(--ink-100);margin:0 0 24px 24px;font-size:1.125rem;line-height:1.8}.article-body li{margin-bottom:6px}.article-body a{color:var(--amber-400);text-underline-offset:2px;text-decoration:underline}.article-body a:hover{color:var(--amber-300)}.article-body blockquote{border-left:4px solid var(--amber-500);background:#f59e0b0d;border-radius:0 12px 12px 0;margin:40px 0;padding:24px 32px}.article-body blockquote p{color:var(--amber-300);margin-bottom:0;font-size:1.25rem;font-style:italic;line-height:1.6}.article-body code{font-family:var(--font-mono);background:var(--ink-800);border:1px solid var(--ink-700);color:var(--teal-400);border-radius:4px;padding:2px 6px;font-size:.8125rem}.article-body pre{background:var(--ink-800);border:1px solid var(--ink-700);border-radius:8px;margin:20px 0;padding:20px;overflow-x:auto}.article-body pre code{color:var(--ink-200);background:0 0;border:none;padding:0;font-size:.8125rem}.article-body hr{background:var(--ink-700);border:none;height:1px;margin:40px 0}.article-body table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.8125rem}.article-body th{text-align:left;background:var(--ink-800);border:1px solid var(--ink-700);color:var(--ink-50);padding:10px 14px;font-weight:600}.article-body td{border:1px solid var(--ink-700);color:var(--ink-200);padding:10px 14px}.article-cta{background:var(--ink-900);border:2px solid var(--amber-500);border-radius:var(--radius-lg);text-align:center;margin:48px 0 0;padding:36px}.article-cta h3{font-family:var(--font-body);color:var(--ink-50);margin-bottom:8px;font-size:1.125rem;font-weight:600}.article-cta p{color:var(--ink-400);max-width:400px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:.875rem}.share-bar{border-top:1px solid var(--ink-700);align-items:center;gap:10px;margin-top:32px;padding-top:24px;display:flex}.share-label{color:var(--ink-600);margin-right:4px;font-size:.75rem}.share-btn{background:var(--ink-800);border:1px solid var(--ink-700);width:32px;height:32px;color:var(--ink-400);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.6875rem;transition:all .15s;display:flex}.share-btn:hover{color:var(--ink-50);border-color:var(--ink-600)}@media (max-width:1024px){.featured-card{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:100px 0 40px}.featured-thumb{min-height:240px}.article-layout{grid-template-columns:1fr;gap:0;padding:32px 20px 60px}.toc{display:none}.article-hero{padding:100px 0 40px}.article-hero .container{padding:0 20px}.article-meta{flex-wrap:wrap}.article-date{align-items:flex-start;margin-top:8px;margin-left:0}}