.blog-page.svelte-1vic359{padding-top:var(--spacing-2xl)}.page-hero.svelte-1vic359{padding:var(--spacing-4xl) 0;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),rgba(var(--secondary-rgb),.05),rgba(var(--accent-rgb),.08));text-align:center}.hero-content.svelte-1vic359 h1:where(.svelte-1vic359){font-family:var(--font-family-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.1;margin-bottom:var(--spacing-md)}.hero-description.svelte-1vic359{font-size:var(--font-size-title2);color:var(--text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.category-filter.svelte-1vic359{margin:var(--spacing-3xl) 0;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.category-filter.mounted.svelte-1vic359{opacity:1;transform:translateY(0)}.filter-label.svelte-1vic359{font-size:var(--font-size-callout);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.category-pills.svelte-1vic359{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.category-pill.svelte-1vic359{padding:var(--spacing-sm) var(--spacing-md);background:var(--surface);border:2px solid var(--primary);color:var(--text-secondary);border-radius:25px;font-size:var(--font-size-callout);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease}.category-pill.svelte-1vic359:hover{background:rgba(var(--primary-rgb),.08);border-color:var(--primary);color:var(--primary)}.category-pill.active.svelte-1vic359{background:var(--primary);border-color:var(--primary);color:#fff}.featured-section.svelte-1vic359,.recent-section.svelte-1vic359{margin:var(--spacing-4xl) 0;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.featured-section.mounted.svelte-1vic359,.recent-section.mounted.svelte-1vic359{opacity:1;transform:translateY(0)}.section-header.svelte-1vic359{text-align:center;margin-bottom:var(--spacing-3xl)}.section-header.svelte-1vic359 h2:where(.svelte-1vic359){font-family:var(--font-family-display);font-size:var(--font-size-title1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.section-description.svelte-1vic359{font-size:var(--font-size-callout);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.featured-post.svelte-1vic359{display:flex;height:100%}.featured-post.svelte-1vic359 .card{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.post-image.svelte-1vic359{position:relative;height:240px;overflow:hidden}.post-image.svelte-1vic359 .responsive-image-container{width:100%;height:100%;transition:transform .3s ease}.featured-post.svelte-1vic359:hover .post-image:where(.svelte-1vic359) .responsive-image-container{transform:scale(1.05)}.post-category.svelte-1vic359{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary);color:#fff;border-radius:20px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.post-content.svelte-1vic359{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.post-content.svelte-1vic359 h3:where(.svelte-1vic359){font-size:var(--font-size-title3);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.3;margin-bottom:var(--spacing-sm);min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-excerpt.svelte-1vic359{font-size:var(--font-size-callout);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-meta.svelte-1vic359{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-small);color:var(--text-tertiary);margin-bottom:var(--spacing-lg);margin-top:auto}.post-separator.svelte-1vic359{opacity:.5}.recent-post.svelte-1vic359{display:flex;height:100%}.recent-post.svelte-1vic359 .card{width:100%;height:100%;display:flex;flex-direction:column}.post-header.svelte-1vic359{display:flex;flex-direction:column;flex:1}.post-image-small.svelte-1vic359{width:100%;height:200px;border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:var(--spacing-md);flex-shrink:0}.post-image-small.svelte-1vic359 .responsive-image-container{width:100%;height:100%}.post-info.svelte-1vic359{display:flex;flex-direction:column;flex:1;padding:var(--spacing-lg);padding-top:0}.post-category-small.svelte-1vic359{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);flex-shrink:0}.post-info.svelte-1vic359 h3:where(.svelte-1vic359){font-size:var(--font-size-title4);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.3;margin-bottom:var(--spacing-sm);min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-info.svelte-1vic359 .post-excerpt:where(.svelte-1vic359){margin-bottom:var(--spacing-md);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.post-info.svelte-1vic359 .post-meta:where(.svelte-1vic359){margin-top:auto;padding-top:var(--spacing-sm)}.post-actions.svelte-1vic359{margin-top:auto;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--color-border)}.no-posts-message.svelte-1vic359,.error-message.svelte-1vic359{margin:var(--spacing-3xl) 0;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.no-posts-message.mounted.svelte-1vic359,.error-message.mounted.svelte-1vic359{opacity:1;transform:translateY(0)}.no-posts-content.svelte-1vic359{text-align:center}.no-posts-content.svelte-1vic359 h3:where(.svelte-1vic359){font-family:var(--font-family-display);font-size:var(--font-size-title1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.no-posts-content.svelte-1vic359 p:where(.svelte-1vic359){font-size:var(--font-size-callout);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.category-pill.touch.svelte-1vic359{min-height:44px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-body);border-radius:44px;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-pill.touch.svelte-1vic359:active{transform:scale(.96);background:var(--primary);color:#fff}@keyframes svelte-1vic359-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-image.svelte-1vic359 .responsive-image-container{aspect-ratio:16/9}.post-image-small.svelte-1vic359 .responsive-image-container{aspect-ratio:3/2}@media (max-width: 480px){.blog-page.svelte-1vic359{padding-top:var(--spacing-xl)}.page-hero.svelte-1vic359{padding:var(--spacing-2xl) 0}.hero-content.svelte-1vic359 h1:where(.svelte-1vic359){font-size:clamp(2rem,8vw,2.5rem);margin-bottom:var(--spacing-sm)}.hero-description.svelte-1vic359{font-size:var(--font-size-body)}.category-filter.svelte-1vic359{margin:var(--spacing-2xl) 0}.category-pills.svelte-1vic359{gap:var(--spacing-xs)}.category-pill.svelte-1vic359{font-size:var(--font-size-footnote);padding:var(--spacing-xs) var(--spacing-sm);min-height:44px;display:flex;align-items:center}.post-image.svelte-1vic359{height:180px}.post-content.svelte-1vic359{padding:var(--spacing-md)}}@media (min-width: 481px) and (max-width: 768px){.post-image-small.svelte-1vic359{height:240px}.category-pills.svelte-1vic359{justify-content:center;gap:var(--spacing-sm)}.category-pill.svelte-1vic359{min-height:44px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (min-width: 769px) and (max-width: 1024px){.post-image-small.svelte-1vic359{height:180px}}@media (min-width: 1025px){.category-filter.svelte-1vic359{margin:var(--spacing-3xl) 0}}@media (prefers-reduced-motion: reduce){.category-pill.svelte-1vic359,.category-pill.touch.svelte-1vic359{transition:none}.category-pill.touch.svelte-1vic359:active{transform:none}}@media (prefers-contrast: high){.category-pill.svelte-1vic359{border-width:2px}.category-pill.active.svelte-1vic359{border-color:var(--text-primary)}}
