.blog-module__JsT-Oq__pageContainer{background-color:var(--color-background);min-height:100vh;color:var(--color-on-background);padding-bottom:var(--space-24);transition:background-color .3s,color .3s}.blog-module__JsT-Oq__contentWrapper{max-width:1280px;padding:0 var(--space-6);margin:0 auto}.blog-module__JsT-Oq__header{padding-top:var(--space-16);margin-bottom:var(--space-12)}.blog-module__JsT-Oq__headerTitle{font-family:var(--font-headline);color:var(--color-on-background);margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:3.5rem;font-weight:800;line-height:1.1}.blog-module__JsT-Oq__headerSubtitle{font-family:var(--font-body);color:var(--color-on-surface-variant);max-width:42rem;font-size:1.125rem;line-height:1.6}.blog-module__JsT-Oq__mainGrid{gap:var(--space-12);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.blog-module__JsT-Oq__mainGrid{grid-template-columns:7fr 3fr}}.blog-module__JsT-Oq__contentColumn,.blog-module__JsT-Oq__sidebarColumn{gap:var(--space-10);flex-direction:column;display:flex}.blog-module__JsT-Oq__skeletonContainer{gap:var(--space-8);flex-direction:column;display:flex}.blog-module__JsT-Oq__skeletonFeatured{background:var(--color-surface-container);border-radius:var(--radius-2xl);width:100%;height:300px;animation:2s linear infinite blog-module__JsT-Oq__shimmer}@media (min-width:768px){.blog-module__JsT-Oq__skeletonFeatured{height:400px}}.blog-module__JsT-Oq__skeletonGrid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.blog-module__JsT-Oq__skeletonGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-module__JsT-Oq__skeletonGrid{grid-template-columns:repeat(3,1fr)}}.blog-module__JsT-Oq__skeletonCard{background:var(--color-surface-container);border-radius:var(--radius-2xl);height:250px;animation:2s linear infinite blog-module__JsT-Oq__shimmer}.blog-module__JsT-Oq__emptyState{padding:var(--space-20) 0;text-align:center;background-color:var(--color-surface-container-lowest);border-radius:var(--radius-2xl);border:1px solid var(--color-outline-variant)}.blog-module__JsT-Oq__emptyStateTitle{color:var(--color-on-surface);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:700}.blog-module__JsT-Oq__emptyStateDesc{color:var(--color-on-surface-variant)}.blog-module__JsT-Oq__featuredCard{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-ambient-light);border-radius:1.5rem;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.blog-module__JsT-Oq__featuredCard:hover{box-shadow:var(--shadow-ambient-heavy);transform:translateY(-2px)}@media (min-width:768px){.blog-module__JsT-Oq__featuredCard{flex-direction:row}}.blog-module__JsT-Oq__featuredImageWrapper{background-color:var(--color-primary-container);width:100%;height:250px;position:relative;overflow:hidden}@media (min-width:768px){.blog-module__JsT-Oq__featuredImageWrapper{width:45%;height:auto;min-height:300px}}.blog-module__JsT-Oq__postImage{object-fit:cover;transition:transform .7s ease-in-out}.blog-module__JsT-Oq__featuredCard:hover .blog-module__JsT-Oq__postImage{transform:scale(1.05)}.blog-module__JsT-Oq__placeholderImage{background-color:var(--color-primary-container);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blog-module__JsT-Oq__placeholderText{color:var(--color-secondary);font-size:2rem;font-weight:700}.blog-module__JsT-Oq__featuredContent{width:100%;padding:var(--space-8);flex-direction:column;justify-content:center;display:flex}@media (min-width:768px){.blog-module__JsT-Oq__featuredContent{width:55%;padding:var(--space-10)}}.blog-module__JsT-Oq__featuredTitle{font-family:var(--font-headline);color:var(--color-on-surface);margin-bottom:var(--space-4);font-size:2rem;font-weight:700;line-height:1.2;transition:color .3s}.blog-module__JsT-Oq__featuredCard:hover .blog-module__JsT-Oq__featuredTitle{color:var(--color-secondary)}.blog-module__JsT-Oq__postMeta{color:var(--color-on-surface-variant);margin-bottom:var(--space-6);align-items:center;font-size:.875rem;display:flex}.blog-module__JsT-Oq__authorAvatar{background-color:var(--color-primary-container);width:24px;height:24px;color:var(--color-on-primary);margin-right:var(--space-2);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.blog-module__JsT-Oq__authorName{font-weight:500}.blog-module__JsT-Oq__metaDot{margin:0 var(--space-2)}.blog-module__JsT-Oq__featuredDesc{color:var(--color-on-surface-variant);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-module__JsT-Oq__postsGrid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.blog-module__JsT-Oq__postsGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-module__JsT-Oq__postsGrid{grid-template-columns:repeat(3,1fr)}}.blog-module__JsT-Oq__gridCard{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-card);border-radius:1rem;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.blog-module__JsT-Oq__gridCard:hover{box-shadow:var(--shadow-ambient-light);transform:translateY(-4px)}.blog-module__JsT-Oq__gridImageWrapper{background-color:var(--color-primary-container);width:100%;height:192px;position:relative;overflow:hidden}.blog-module__JsT-Oq__gridCard:hover .blog-module__JsT-Oq__postImage{transform:scale(1.05)}.blog-module__JsT-Oq__gridContent{padding:var(--space-5);flex-direction:column;flex-grow:1;display:flex}.blog-module__JsT-Oq__gridTitle{font-family:var(--font-headline);color:var(--color-on-surface);margin-bottom:var(--space-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.125rem;font-weight:700;line-height:1.3;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-module__JsT-Oq__gridCard:hover .blog-module__JsT-Oq__gridTitle{color:var(--color-secondary)}.blog-module__JsT-Oq__gridMeta{padding-top:var(--space-4);gap:var(--space-2);color:var(--color-on-surface-variant);flex-direction:column;margin-top:auto;font-size:.75rem;display:flex}.blog-module__JsT-Oq__gridDesc{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-module__JsT-Oq__pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8);display:flex}.blog-module__JsT-Oq__pageBtn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-on-surface);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:flex}.blog-module__JsT-Oq__pageBtn:hover{background-color:var(--color-surface-container)}.blog-module__JsT-Oq__pageBtn.blog-module__JsT-Oq__active{background-color:var(--color-primary-container);color:var(--color-on-primary)}.blog-module__JsT-Oq__pageEllipsis{color:var(--color-on-surface-variant)}.blog-module__JsT-Oq__widgetTitle{font-family:var(--font-headline);color:var(--color-on-surface);margin-bottom:var(--space-4);font-size:1.25rem;font-weight:700}.blog-module__JsT-Oq__categoryList{gap:var(--space-2);flex-direction:column;display:flex}.blog-module__JsT-Oq__categoryBtn{text-align:left;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--color-on-surface);background-color:#0000;border:none;font-size:.875rem;font-weight:500;transition:all .2s}.blog-module__JsT-Oq__categoryBtn:hover{background-color:var(--color-surface-container)}.blog-module__JsT-Oq__categoryBtn.blog-module__JsT-Oq__active{background-color:var(--color-primary-container);color:var(--color-on-primary)}.blog-module__JsT-Oq__recentPostsList{gap:var(--space-6);flex-direction:column;display:flex}.blog-module__JsT-Oq__recentPostItem{align-items:center;gap:var(--space-4);group:hover;text-decoration:none;display:flex}.blog-module__JsT-Oq__recentPostImageWrapper{border-radius:var(--radius-md);background-color:var(--color-primary-container);flex-shrink:0;width:80px;height:64px;position:relative;overflow:hidden}.blog-module__JsT-Oq__recentPostItem:hover .blog-module__JsT-Oq__postImage{transform:scale(1.1)}.blog-module__JsT-Oq__recentPostTitle{color:var(--color-on-surface);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;font-weight:500;line-height:1.3;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-module__JsT-Oq__recentPostItem:hover .blog-module__JsT-Oq__recentPostTitle{color:var(--color-secondary)}.blog-module__JsT-Oq__recentSkeletonItem{gap:var(--space-4);animation:2s linear infinite blog-module__JsT-Oq__shimmer;display:flex}.blog-module__JsT-Oq__recentSkeletonImage{border-radius:var(--radius-md);background:var(--color-surface-container);flex-shrink:0;width:80px;height:64px}.blog-module__JsT-Oq__recentSkeletonContent{gap:var(--space-2);flex-direction:column;flex:1;justify-content:center;display:flex}.blog-module__JsT-Oq__recentSkeletonLine1{background:var(--color-surface-container);border-radius:4px;width:100%;height:16px}.blog-module__JsT-Oq__recentSkeletonLine2{background:var(--color-surface-container);border-radius:4px;width:66%;height:16px}
