.blog-container{min-height:calc(100vh - 120px);background:#f7f5f2}.blog-container-inner{max-width:1200px;margin:0 auto;padding:0 20px}.blog-featured-section{padding:60px 0;background:#fff}.blog-section-title{font-size:2.5rem;font-weight:700;margin:0 0 40px;text-align:center;color:#333;font-family:var(--font-pt-sans)}.blog-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:40px;gap:40px;margin-top:40px}.blog-featured-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.blog-featured-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.blog-cover-image{position:relative;height:250px;overflow:hidden}.blog-image{width:100%;height:100%;object-fit:cover}.blog-card-content{padding:30px}.blog-card-meta{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-size:.9rem;color:#666}.blog-category{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:20px;font-weight:600;font-size:.8rem}.blog-date{font-weight:500}.blog-reading-time{background:#f5f5f5;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.blog-card-title{margin:0 0 15px;font-size:1.5rem;font-weight:700;line-height:1.3;font-family:var(--font-pt-sans)}.blog-card-title a{color:#333;text-decoration:none;transition:color .3s ease}.blog-card-title a:hover{color:#1976d2}.blog-card-description{margin:0 0 20px;color:#666;line-height:1.6}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tag{background:#f5f5f5;color:#666;padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:500}.blog-posts-section{padding:60px 0}.blog-content-layout{display:grid;grid-template-columns:1fr;grid-gap:40px;gap:40px;align-items:start}.blog-posts-grid{background:transparent}.blog-grid{display:grid;grid-template-columns:1fr;max-width:800px;margin:40px auto 0;grid-gap:30px;gap:30px}.blog-post-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;display:grid;grid-template-columns:260px 1fr;align-items:stretch}.blog-post-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.blog-post-cover-image{position:relative;height:100%;min-height:180px;overflow:hidden}.blog-post-image{width:100%;height:100%;object-fit:cover}.blog-post-content{padding:20px 24px}.blog-post-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.85rem;color:#666}.blog-post-category{background:#e8f5e8;color:#2e7d2e;padding:3px 10px;border-radius:16px;font-weight:600;font-size:.75rem}.blog-post-date{font-weight:500}.blog-post-title{margin:0 0 12px;font-size:1.25rem;font-weight:700;line-height:1.3;font-family:var(--font-pt-sans)}.blog-post-title a{color:#333;text-decoration:none;transition:color .3s ease}.blog-post-title a:hover{color:#1976d2}.blog-post-description{margin:0 0 15px;color:#666;line-height:1.5;font-size:.95rem}.blog-post-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-post-tag{background:#f8f9fa;color:#495057;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.blog-sidebar{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.08);height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.blog-sidebar-section{margin-bottom:30px}.blog-sidebar-section:last-child{margin-bottom:0}.blog-sidebar-title{font-size:1.1rem;font-weight:700;margin:0 0 15px;color:#333;font-family:var(--font-pt-sans)}.blog-category-list{list-style:none;padding:0;margin:0}.blog-category-item{margin-bottom:8px}.blog-category-item a{color:#666;text-decoration:none;font-weight:500;transition:color .3s ease}.blog-category-item a:hover{color:#667eea}.blog-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.blog-tag-link{background:#f5f5f5;color:#666;padding:6px 12px;border-radius:16px;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s ease}.blog-tag-link:hover{background:#667eea;color:#fff}@media (max-width:768px){.blog-post-card{grid-template-columns:1fr}.blog-post-cover-image{height:180px}.blog-content-layout{grid-template-columns:1fr;gap:30px}.blog-grid{grid-template-columns:1fr;max-width:100%;margin:40px 0 0}.blog-sidebar{position:static;order:-1}.blog-featured-grid{grid-template-columns:1fr}.blog-title{font-size:2.5rem}.blog-subtitle{font-size:1rem}}