.blog-page{min-height:100vh;background:var(--cream)}.blog-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--cream);gap:1rem}.blog-loading-icon{width:2.5rem;height:2.5rem;color:var(--coral);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-loading p{color:var(--slate);font-size:.9375rem;font-family:var(--font-body)}.blog-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--cream);gap:.5rem}.blog-error-icon{width:3rem;height:3rem;color:var(--coral);margin-bottom:.5rem}.blog-error-title{color:var(--navy);font-family:var(--font-display);font-size:1.25rem;font-weight:600}.blog-error-message{color:var(--slate);font-size:.875rem}.blog-hero-bar{background:var(--gradient-sky);padding:var(--space-6) 0 var(--space-5);border-bottom:1px solid var(--border)}.blog-hero-bar-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.blog-hero-bar-left{flex:1;min-width:200px}.blog-hero-bar-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,var(--text-3xl));font-weight:900;color:var(--mickey-black);margin:0;line-height:1.1;letter-spacing:-.02em}.blog-hero-bar-subtitle{font-size:var(--text-base);color:#121212a6;margin:var(--space-2) 0 0 0}.blog-hero-bar-stats{display:flex;align-items:center;gap:var(--space-5)}.blog-main{padding:var(--space-8) 0 var(--space-16)}.category-filter-section{margin-bottom:var(--space-8)}.category-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.category-filter-btn{padding:var(--space-2) var(--space-4);background:var(--white);border:1px solid var(--stone);border-radius:var(--radius-full);color:var(--charcoal);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.category-filter-btn:hover{background:var(--sand);border-color:var(--border)}.category-filter-btn.active{background:var(--coral);border-color:var(--coral);color:var(--white);font-weight:var(--font-semibold)}.featured-section{margin-bottom:var(--space-10)}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.featured-card{background:var(--white);border-radius:var(--radius-2xl);overflow:hidden;text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-card);display:flex;flex-direction:column}.featured-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.featured-card-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.category-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--navy);color:var(--coral);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);align-self:flex-start}.category-badge.small{padding:2px var(--space-2);font-size:.65rem}.featured-card h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--foreground);margin:0;line-height:1.3}.featured-card p{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--stone)}.meta-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:var(--space-1);color:var(--muted-foreground);font-size:var(--text-xs)}.meta-item svg{color:var(--slate)}.read-more{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--coral);font-weight:var(--font-semibold);font-size:var(--text-sm);transition:all var(--transition-fast)}.featured-card:hover .read-more{gap:var(--space-3)}.all-posts-section{margin-top:var(--space-8)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-3)}.post-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--space-4);text-decoration:none;display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:var(--coral)}.post-card-header{display:flex;justify-content:space-between;align-items:center}.post-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--foreground);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-excerpt{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--stone)}.post-meta{display:flex;gap:var(--space-3)}.post-card-arrow{color:var(--muted-foreground);transition:all var(--transition-fast)}.post-card:hover .post-card-arrow{color:var(--coral);transform:translate(4px)}@media(max-width:1200px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.blog-hero-bar-content{flex-wrap:wrap;gap:var(--space-4)}.blog-hero-bar-stats{order:3;width:100%;justify-content:center;padding-top:var(--space-3);border-top:1px solid rgba(18,18,18,.08)}.blog-hero-bar-left{text-align:center;flex:1 1 100%}}@media(max-width:768px){.blog-hero-bar{padding:var(--space-4) 0}.blog-hero-bar-title{font-size:var(--text-lg)}.blog-main{padding:var(--space-6) 0 var(--space-12)}.featured-grid,.posts-grid{grid-template-columns:1fr;gap:var(--space-4)}.category-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.category-filter-btn{white-space:nowrap;flex-shrink:0}.section-header-inline{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.section-eyebrow-inline{order:-1}}@media(max-width:480px){.blog-hero-bar{padding:var(--space-3) 0}.blog-hero-bar-title{font-size:var(--text-base)}.blog-hero-bar-subtitle{font-size:var(--text-xs)}.blog-hero-bar-stats{display:none}.featured-card-content{padding:var(--space-5)}.featured-card h3{font-size:var(--text-lg)}.post-card{padding:var(--space-4)}.post-card h3{font-size:var(--text-base)}}
