.blog-header{background:var(--bg-dark);border-bottom:1px solid var(--border-dark);padding:clamp(100px,12vw,160px) 0 clamp(48px,6vw,80px)}.blog-header h1{color:var(--text-primary);letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05}.blog-header p{font-size:var(--body-size);color:var(--text-secondary);max-width:560px;line-height:1.6}.blog-listing{background:#f8f9fb;min-height:40vh;padding:clamp(48px,6vw,80px) 0 clamp(80px,10vw,140px)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:28px;display:grid}.article-card{transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);color:#1a1a2e;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.article-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 40px #00000014}.article-card-cover{aspect-ratio:16/9;object-fit:cover;background:#f1f5f9;border-bottom:1px solid #e2e8f0;width:100%;display:block}.article-card-body{flex-direction:column;flex:1;gap:14px;padding:24px;display:flex}.article-card-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.article-card-category{color:var(--primary-green);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.08em;background:#ecfdf5;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.article-card-date,.article-card-readtime{color:#64748b;font-size:.8rem}.article-card-title{color:#1a1a2e;letter-spacing:-.02em;font-size:clamp(18px,2vw,22px);font-weight:700;line-height:1.3}.article-card-excerpt{color:#475569;flex-grow:1;font-size:15px;line-height:1.6}.article-hero-figure{margin:0 0 40px;padding:0}.article-hero{object-fit:cover;background:#f1f5f9;border-radius:16px;width:100%;max-height:520px;display:block}.article-hero-credit{color:#64748b;margin-top:10px;padding:0 4px;font-size:12px;font-style:italic;line-height:1.5}.article-hero-credit a{color:#475569;text-underline-offset:2px;transition:color var(--transition-base), text-decoration-color var(--transition-base);-webkit-text-decoration:underline #cbd5e1;text-decoration:underline #cbd5e1}.article-hero-credit a:hover{color:#0f172a;text-decoration-color:#64748b}.article-prose img{border-radius:12px;max-width:100%;height:auto;margin:28px 0;display:block}.article-card-link{color:var(--primary-green);transition:gap var(--transition-fast);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.article-card-link:hover{gap:10px}.article-card-link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.article-card-link:hover svg{transform:translate(2px)}.blog-empty{text-align:center;padding:80px 0}.blog-empty p{font-size:var(--body-size);color:var(--text-muted)}.article-page{background:var(--bg-dark);min-height:100vh}.article-page-nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-dark);background:#070b11eb;padding:16px 0;position:sticky;top:0}.article-page-nav-inner{align-items:center;display:flex}.article-back-link{color:var(--text-secondary);transition:color var(--transition-fast), gap var(--transition-fast);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.article-back-link:hover{color:var(--text-primary);gap:8px}.article-back-link svg{width:16px;height:16px}.article-page-header{border-bottom:1px solid var(--border-dark);padding:clamp(48px,8vw,100px) 0 clamp(32px,4vw,48px)}.article-page-header .container{max-width:760px}.article-page-header h1{color:var(--text-primary);letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.1}.article-page-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex}.article-page-meta .article-card-category{font-size:.7rem}.article-page-author{color:var(--text-secondary);font-weight:500}.article-body{padding:clamp(40px,6vw,72px) 0 80px}.article-body .container{max-width:760px}.article-prose h1{color:var(--text-primary);letter-spacing:-.04em;margin-top:48px;margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1.1}.article-prose h2{color:var(--text-primary);letter-spacing:-.02em;margin-top:40px;margin-bottom:14px;font-size:clamp(22px,2.5vw,30px);font-weight:700;line-height:1.2}.article-prose h3{color:var(--text-primary);letter-spacing:-.02em;margin-top:32px;margin-bottom:12px;font-size:clamp(18px,2vw,24px);font-weight:700}.article-prose h4{color:var(--text-primary);margin-top:28px;margin-bottom:10px;font-size:1.1rem;font-weight:700}.article-prose h5,.article-prose h6{color:var(--text-primary);margin-top:24px;margin-bottom:8px;font-size:1rem;font-weight:700}.article-prose p{font-size:var(--body-size);color:var(--text-secondary);margin-bottom:20px;line-height:1.75}.article-prose a{color:var(--primary-green);text-underline-offset:3px;transition:color var(--transition-fast);text-decoration:underline}.article-prose a:hover{color:var(--primary-green-hover)}.article-prose strong{color:var(--text-primary);font-weight:700}.article-prose em{font-style:italic}.article-prose ul,.article-prose ol{margin-bottom:20px;padding-left:0}.article-prose ul{list-style:none}.article-prose ul li{font-size:var(--body-size);color:var(--text-secondary);margin-bottom:8px;padding-left:22px;line-height:1.75;position:relative}.article-prose ul li:before{content:"";background:var(--primary-green);border-radius:50%;width:6px;height:6px;position:absolute;top:12px;left:0}.article-prose ol{counter-reset:ol-counter;list-style:none}.article-prose ol li{font-size:var(--body-size);color:var(--text-secondary);counter-increment:ol-counter;margin-bottom:8px;padding-left:28px;line-height:1.75;position:relative}.article-prose ol li:before{content:counter(ol-counter) ".";color:var(--primary-green);font-weight:600;position:absolute;left:0}.article-prose blockquote{border-left:3px solid var(--primary-green);background:var(--bg-surface);border-radius:0 12px 12px 0;margin:24px 0;padding:16px 24px}.article-prose blockquote p{font-size:var(--body-size);color:var(--text-secondary);margin-bottom:0;font-style:italic}.article-prose code{background:var(--bg-elevated);color:var(--primary-green);border:1px solid var(--border-dark);border-radius:6px;padding:2px 7px;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.9em}.article-prose pre{background:var(--bg-surface);border:1px solid var(--border-dark);-webkit-overflow-scrolling:touch;border-radius:12px;margin:24px 0;padding:20px 24px;overflow-x:auto}.article-prose pre code{color:var(--text-secondary);background:0 0;border:none;padding:0;font-size:14px;line-height:1.6}.article-prose hr{border:none;border-top:1px solid var(--border-dark);margin:40px 0}.article-prose img{border-radius:12px;margin:24px 0}.article-prose>:first-child{margin-top:0}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;gap:16px}.article-card{padding:24px 20px 20px}.article-prose pre{border-radius:8px;padding:16px}.article-prose blockquote{padding:12px 16px}}