.blog-hero{background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-blush) 50%,var(--color-rose) 100%);padding:80px 24px;text-align:center}.blog-hero-content{max-width:800px;margin:0 auto}.blog-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:500;color:var(--color-text);margin-bottom:16px;line-height:1.2}.blog-hero p{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.4rem);font-style:italic;color:var(--color-text-light);max-width:600px;margin:0 auto;line-height:1.6}.blog-toolbar{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.blog-search{position:relative;max-width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none}.blog-search input{width:100%;padding:14px 18px 14px 46px;font-family:var(--font-body);font-size:15px;border:2px solid var(--color-cream);border-radius:12px;background:#fff;color:var(--color-text);transition:border-color .3s ease,box-shadow .3s ease}.blog-search input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #b67b6b1a}.blog-search input::placeholder{color:var(--color-text-light)}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:8px 18px;font-family:var(--font-body);font-size:13px;font-weight:600;border:2px solid var(--color-cream);border-radius:24px;background:#fff;color:var(--color-text-light);cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.search-results-header{margin-bottom:24px}.search-results-header span{font-weight:600;color:var(--color-text)}.search-results mark{background:#b67b6b33;color:var(--color-text);padding:1px 2px;border-radius:2px}.category-filter-active{display:flex;align-items:center;justify-content:space-between;background:var(--color-lavender);padding:12px 20px;border-radius:10px;margin-bottom:32px}.category-filter-active span{font-weight:600;color:var(--color-text)}.clear-filter{color:var(--color-accent);font-weight:600;font-size:.9rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px}.blog-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.blog-card-image{width:100%;height:200px;background:linear-gradient(135deg,var(--color-blush) 0%,var(--color-rose) 100%);display:flex;align-items:center;justify-content:center;font-size:3rem}img.blog-card-img{object-fit:cover;display:block}.blog-card-content{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.category-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-fertility{background:#e8e4f0;color:#3d3d3d}.category-donor{background:#e8efe6;color:#3d3d3d}.category-career{background:#e8d5d0;color:#3d3d3d}.category-mindset{background:#e8e4f0;color:#3d3d3d}.category-community{background:#e8efe6;color:#3d3d3d}.category-selfcare{background:#e8d5d0;color:#3d3d3d}.read-time{font-size:.85rem;color:var(--color-text-light)}.blog-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:12px;line-height:1.3}.blog-card-excerpt{font-size:.95rem;color:var(--color-text-light);line-height:1.7;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-cream)}.blog-card-date{font-size:.85rem;color:var(--color-text-light)}.read-more{color:var(--color-accent);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:6px}.read-more svg{transition:transform .3s ease}.blog-card:hover .read-more svg{transform:translate(4px)}.no-posts{text-align:center;padding:60px 20px}.no-posts p{color:var(--color-text-light);margin-bottom:16px}.back-link{color:var(--color-accent);font-weight:600}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}}