.blog-page{background:var(--color-bg)}.blog-page__header{text-align:center;background:var(--color-bg-secondary);padding:clamp(3rem,6vw,5rem) 0}.blog-page__title{font-size:var(--text-4xl);margin-bottom:var(--space-4);font-weight:700}.blog-page__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;margin:0 auto}.blog-page__content{padding:var(--space-16)0}.blog-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));display:grid}.blog-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);color:inherit;text-decoration:none;display:block;overflow:hidden}.blog-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-card__content{padding:var(--space-6)}.blog-card__meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);display:flex}.blog-card__divider{color:var(--color-border)}.blog-card__title{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text);font-weight:600;line-height:1.3}.blog-card:hover .blog-card__title{color:var(--color-primary)}.blog-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card__tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.blog-card__tag{padding:var(--space-1)var(--space-2);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--text-xs);border-radius:var(--radius-sm);display:inline-block}.blog-card__link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);font-weight:500;display:inline-flex}.blog-card__link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.blog-card:hover .blog-card__link svg{transform:translate(4px)}.article-page{background:var(--color-bg)}.article-page__header{background:var(--color-bg-secondary);padding:clamp(2rem,4vw,3rem) 0 clamp(3rem,5vw,4rem)}.article-page__back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);transition:color var(--transition-fast);display:inline-flex}.article-page__back:hover{color:var(--color-primary)}.article-page__back svg{width:18px;height:18px}.article-page__meta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);display:flex}.article-page__divider{color:var(--color-border)}.article-page__title{font-size:var(--text-3xl);margin-bottom:var(--space-6);max-width:800px;font-weight:700;line-height:1.2}.article-page__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.article-page__tag{padding:var(--space-1)var(--space-3);background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--text-xs);border-radius:var(--radius-md);border:1px solid var(--color-border);display:inline-block}.article-page__content{padding:var(--space-12)0 var(--space-16)}.article-body{max-width:720px;margin:0 auto}.article-body h2{font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--color-text);font-weight:700}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-text);font-weight:600}.article-body p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.article-body strong{color:var(--color-text);font-weight:600}.article-body ul{margin:var(--space-4)0;padding-left:var(--space-6)}.article-body li{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.article-body li::marker{color:var(--color-primary)}.article-cta{max-width:720px;margin:var(--space-12)auto 0;padding:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-lg);text-align:center}.article-cta__title{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:600}.article-cta__text{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.article-cta__buttons{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:768px){.blog-page__header{padding:clamp(2rem,4vw,3rem) 0}.blog-page__title{font-size:var(--text-2xl)}.blog-page__subtitle{font-size:var(--text-sm)}.blog-page__content{padding:var(--space-10)0}.blog-grid{gap:var(--space-4)}.blog-card__content{padding:var(--space-5)}.blog-card__title{font-size:var(--text-lg)}.article-page__header{padding:clamp(1.5rem,3vw,2rem) 0 clamp(2rem,4vw,3rem)}.article-page__title{font-size:var(--text-2xl)}.article-page__content{padding:var(--space-8)0 var(--space-12)}.article-body h2{font-size:var(--text-xl);margin-top:var(--space-8)}.article-body h3{font-size:var(--text-lg);margin-top:var(--space-6)}.article-cta{padding:var(--space-6);margin-top:var(--space-8)}.article-cta__buttons{flex-direction:column}.article-cta__buttons .btn{width:100%}}