.blog-hero{padding-top:72px;background-color:var(--color-white)}.blog-hero-content{text-align:center;max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.blog-hero-content .badge{margin-bottom:var(--spacing-md)}.blog-hero-content h1{margin-bottom:var(--spacing-md);font-size:1.75rem}.blog-hero-content p{font-size:1rem;line-height:1.7;color:var(--color-text-light)}.blog-featured-section{padding:0 0 var(--spacing-lg);background-color:var(--color-white)}.featured-post-card{display:grid;grid-template-columns:1fr;align-items:center;background-color:var(--color-background);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:transform 0.2s ease,box-shadow 0.2s ease;justify-self:center}.featured-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .12)}.featured-post-image{position:relative;overflow:hidden;max-height:350px;border-radius:8px}.featured-post-image .placeholder-image{transition:transform 0.3s ease}.featured-post-card:hover .featured-post-image .placeholder-image{transform:scale(1.05)}.featured-post-content{padding:var(--spacing-lg)}.featured-post-content h2{margin-bottom:var(--spacing-md);color:var(--color-text);font-size:1.5rem}.post-excerpt{font-size:1.0625rem;line-height:1.7;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.post-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:.875rem;color:var(--color-text-light)}.post-author{display:flex;align-items:center;gap:.5rem}.post-author img{border-radius:50%}.post-date::before{content:'•';margin-right:var(--spacing-sm)}.post-category-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:.375rem .875rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;background-color:var(--color-urinary-teal);color:var(--color-primary-light);box-shadow:0 2px 8px rgb(0 0 0 / .1)}.post-category-badge.joint-health{background-color:var(--color-primary-light);color:var(--color-white)}.post-category-badge.nutrition{background-color:var(--color-secondary);color:var(--color-text)}.post-category-badge.wellness{background-color:var(--color-badge-wellness);color:var(--color-white)}.placeholder-image img,.featured-post-image img{width:100%;height:100%;object-fit:cover;border-radius:0}.post-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.featured-post-image img{transition:transform 0.3s ease}.featured-post-card:hover .featured-post-image img{transform:scale(1.05)}.blog-post-card:hover .post-image-wrapper img{transform:scale(1.05)}.blog-categories-section{display:none}.blog-categories{display:flex;gap:var(--spacing-sm);justify-content:flex-start;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-categories::-webkit-scrollbar{display:none}.category-pill{padding:.625rem 1.25rem;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease;white-space:nowrap}.category-pill:hover{background-color:var(--color-gray-light);border-color:var(--color-primary)}.category-pill.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.blog-grid-section{background-color:var(--color-cream)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:500px;margin:0 auto}.blog-post-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:transform 0.2s ease,box-shadow 0.2s ease}.blog-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .12)}.post-link{color:inherit;text-decoration:none}.post-image-wrapper{position:relative;width:100%;padding-top:75%;overflow:hidden;background-color:var(--color-gray-light)}.post-image-wrapper .placeholder-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 0.3s ease}.blog-post-card:hover .post-image-wrapper .placeholder-image{transform:scale(1.05)}.post-content{padding:var(--spacing-md)}.post-content h3{margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:1.125rem;line-height:1.4}.post-content .post-excerpt{font-size:.9375rem;line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-content .post-meta{padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.post-content .post-read-time{display:block;font-size:.8125rem;color:var(--color-primary);font-weight:600}.blog-pagination-section{padding:var(--spacing-xl) 0 var(--spacing-xxl);background-color:var(--color-background)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.pagination-btn,.pagination-number{padding:.5rem 1rem;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease}.pagination-btn:hover:not(:disabled),.pagination-number:hover{background-color:var(--color-gray-light);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:.5rem}.pagination-number.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}@media (min-width:481px){.blog-hero-content h1{font-size:2rem}.blog-hero-content p{font-size:1.125rem}.blog-featured-section{padding:0 0 var(--spacing-xl)}.featured-post-content{padding:var(--spacing-xl)}.featured-post-content h2{font-size:2.25rem}.post-content{padding:var(--spacing-lg)}.pagination-btn,.pagination-number{padding:.625rem 1.25rem;font-size:.9375rem}}@media (min-width:769px){.blog-hero-content{padding:var(--spacing-xxl) var(--spacing-md) var(--spacing-xl)}.blog-hero-content h1{font-size:2.75rem}.blog-hero-content p{font-size:1.25rem}.blog-grid{grid-template-columns:repeat(2,1fr);max-width:none;margin:0}.blog-categories{justify-content:center}}@media (min-width:1025px){.blog-featured-section{padding:0 0 4rem}.featured-post-card{grid-template-columns:1.2fr 1fr;gap:0}.featured-post-content{align-self:center}.featured-post-image{height:auto;margin-left:var(--spacing-xl)}.blog-grid{grid-template-columns:repeat(3,1fr)}}