*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif}body{background:#f9fafb;color:#1f2937;line-height:1.6}.blog-section{padding:clamp(4rem,8vw,8rem) 2rem;background:#fff;min-height:100vh;position:relative}@media (min-width: 992px){.blog-section{max-width:1400px;margin:2rem auto;border-radius:1.5rem;box-shadow:0 25px 50px -12px #0000000d}}.blog-container{max-width:1200px;margin:0 auto}.blog-header{text-align:center;margin-bottom:4rem;position:relative}.blog-header::after{content:'';position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,#A78BFA,transparent)}.blog-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;background:linear-gradient(to right,#A78BFA,#818CF8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}.blog-subtitle{font-size:1.25rem;color:#6b7280;max-width:800px;margin:0 auto}.blog-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}.category-filter{display:flex;gap:1rem;flex-wrap:wrap}.category-btn{padding:.5rem 1.5rem;border-radius:100px;background:#a78bfa1a;color:#A78BFA;border:1px solid #a78bfa33;cursor:pointer;transition:all .3s ease}.category-btn:hover,.category-btn.active{background:#a78bfa33;border-color:#A78BFA}.search-box{position:relative;width:300px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:100px;background:#f9fafb;border:1px solid #d1d5db;color:#1f2937;outline:none;transition:all .3s ease}.search-input:focus{border-color:#A78BFA;background:#fff}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.featured-posts{margin-bottom:4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.featured-post,.blog-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;transition:all .3s ease}.featured-post:hover,.blog-card:hover{transform:translateY(-5px);border-color:#A78BFA;box-shadow:0 10px 15px -3px #0000000d 0 4px 6px -4px #0000000d}.blog-image{width:100%;height:200px;object-fit:cover}.blog-content{padding:2rem}.blog-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.blog-category{display:inline-block;background:#a78bfa1a;color:#A78BFA;padding:.5rem 1rem;border-radius:100px;font-size:.875rem}.blog-date{color:#6b7280;font-size:.875rem}.blog-card-title{font-size:1.25rem;color:#111827;margin-bottom:1rem;line-height:1.4}.blog-excerpt{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem;line-height:1.6}.blog-footer{display:flex;align-items:center;justify-content:space-between;color:#6b7280;font-size:.875rem}.read-more{color:#A78BFA;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;font-weight:500}.read-more:hover{color:#818CF8;gap:.75rem}.read-time{display:flex;align-items:center;gap:.5rem;color:#6b7280}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:4rem}.page-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;color:#6b7280;text-decoration:none;transition:all .3s ease}.page-link:hover,.page-link.active{background:#a78bfa1a;border-color:#A78BFA;color:#A78BFA}@media (max-width: 1024px){.blog-grid,.featured-posts{grid-template-columns:repeat(2,1fr)}.search-box{width:100%;order:-1}.blog-filters{justify-content:center}}@media (max-width: 768px){.blog-grid,.featured-posts{grid-template-columns:1fr}.category-filter{justify-content:center;width:100%}}


/* _blog_section.html */
.search-results{margin:1rem auto;max-width:100%;padding:1rem;border-radius:12px;background:#f8f9fa;box-shadow:0 2px 15px rgba(0,0,0,0.05);transition:all .3s ease}.search-info{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:#2c3e50;font-size:.875rem;line-height:1.5}.search-info strong{color:#3498db;background:rgba(52,152,219,0.1);padding:.25rem .5rem;border-radius:6px;font-weight:500}.search-count{color:#2ecc71;font-weight:600}.no-results{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:1rem;background:#fff5f5;border-left:4px solid #e74c3c;border-radius:0 8px 8px 0;color:#6c757d;font-size:.875rem;line-height:1.5}.no-results strong{color:#e74c3c;font-weight:500}.suggestion{color:#7f8c8d;font-size:.8125rem}@media (max-width: 640px){.search-results{margin:.75rem auto;padding:.75rem}.search-info,.no-results{font-size:.8125rem}.suggestion{display:block;width:100%;margin-top:.5rem}}@media (min-width: 641px){.search-results{max-width:800px}}