.blog-hero{padding:80px 0 64px}.category-section{background-color:var(--surface-container-low)}.category-section .btn{border-radius:var(--radius-full);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:24px;display:grid}.blog-card{background-color:var(--surface-container-lowest);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-direction:column;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.blog-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--primary-container);border-left:2px solid var(--primary);transform:translateY(-4px)}.blog-card .badge{align-self:flex-start}.blog-card h2{color:var(--on-surface);line-height:1.4}.blog-card p{line-height:1.6}.active-article-view{background-color:#fff}.active-article-view .section{padding:60px 0 80px}.btn-back{background-color:var(--surface-container-low);border:1px solid var(--card-border);color:var(--on-surface-variant);transition:all .2s}.btn-back:hover{background-color:var(--surface-container);color:var(--primary);border-color:var(--primary-container)}.blog-full-content{color:var(--on-surface-variant);line-height:1.8}.blog-full-content h3{color:var(--on-surface);margin-top:36px;margin-bottom:16px;font-size:22px;font-weight:600}.blog-full-content p{margin-bottom:24px;font-size:16px}.article-footer-cta{background-color:var(--surface-container-low);border:1px solid var(--card-border);border-radius:var(--radius-lg);max-width:700px;margin:48px auto 0;padding:40px}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;gap:24px}.blog-card{padding:24px}.blog-card h2,.blog-card p{min-height:auto!important}.article-footer-cta{padding:24px}}