.blog-page{background-color:var(--color-bg-light);min-height:calc(100vh - 80px);padding:80px 0}.blog-title{text-align:center;margin-bottom:16px;font-size:2.5rem}.blog-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:48px;font-size:1.125rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.blog-card{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.blog-card-content{flex-direction:column;height:100%;padding:24px;display:flex}.blog-card h2{color:var(--color-primary);margin-bottom:12px;font-size:1.25rem}.blog-card p{color:var(--color-text-light);flex-grow:1;margin-bottom:24px;font-size:.95rem}.blog-read-more{color:var(--color-cta-green);font-weight:600;transition:color .2s;display:inline-block}.blog-read-more:hover{color:#15803d}.article-page{background-color:var(--color-bg-white);padding:60px 0 100px}.article-container{max-width:800px}.back-link{color:var(--color-text-light);margin-bottom:30px;font-weight:500;transition:color .2s;display:inline-block}.back-link:hover{color:var(--color-primary)}.article-content h1{margin-bottom:24px;font-size:2.5rem}.article-excerpt{color:var(--color-text-light);border-left:4px solid var(--color-cta-green);margin-bottom:40px;padding-left:16px;font-size:1.25rem;line-height:1.6}.article-body h2{color:var(--color-primary);margin-top:40px;margin-bottom:16px;font-size:1.75rem}.article-body p{color:var(--color-text);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.article-cta{background-color:var(--color-bg-light);text-align:center;border:1px solid var(--color-border);border-radius:12px;margin-top:60px;padding:40px}.article-cta h3{margin-bottom:16px;font-size:1.5rem}.article-cta p{color:var(--color-text-light);margin-bottom:24px}@media (max-width:768px){.article-content h1{font-size:2rem}.article-excerpt{font-size:1.1rem}.article-body p{font-size:1rem}}