.blog-module__JsT-Oq__blogContainer{background-color:var(--color-bg-primary);contain:layout paint style;min-height:100vh;padding:2.5rem 1rem}.blog-module__JsT-Oq__blogContent{max-width:75rem;margin:0 auto}.blog-module__JsT-Oq__blogHeader{text-align:center;margin-bottom:2.5rem}.blog-module__JsT-Oq__blogTitle{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:1rem}.blog-module__JsT-Oq__blogDescription{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:48rem;margin-inline:auto}.blog-module__JsT-Oq__toolbar{border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.blog-module__JsT-Oq__categoriesContainer{flex-wrap:wrap;gap:.5rem;display:flex}.blog-module__JsT-Oq__categoryButton{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast) var(--transition-ease);white-space:nowrap;padding:.375rem .875rem}.blog-module__JsT-Oq__categoryButtonActive{background-color:var(--color-brand);color:#fff;box-shadow:0 0 12px #ff3b3040}.blog-module__JsT-Oq__categoryButtonInactive{color:var(--color-text-muted);background-color:#0000}.blog-module__JsT-Oq__categoryButtonInactive:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.blog-module__JsT-Oq__sortGroup{border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);flex-shrink:0;display:flex;overflow:hidden}.blog-module__JsT-Oq__sortButton{font-size:var(--text-sm);color:var(--color-text-muted);transition:all var(--transition-fast) var(--transition-ease);white-space:nowrap;background:0 0;align-items:center;gap:.375rem;padding:.375rem .75rem;display:flex}.blog-module__JsT-Oq__sortButton svg{flex-shrink:0}.blog-module__JsT-Oq__sortButton:first-child{border-right:1px solid var(--color-border-primary)}.blog-module__JsT-Oq__sortButton:hover:not(.blog-module__JsT-Oq__sortButtonActive){color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.blog-module__JsT-Oq__sortButtonActive{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.blog-module__JsT-Oq__sortIcon{opacity:.7;width:.875rem;min-width:.875rem;height:.875rem;min-height:.875rem}.blog-module__JsT-Oq__sortButtonActive .blog-module__JsT-Oq__sortIcon{opacity:1}.blog-module__JsT-Oq__articlesGrid{contain:layout;grid-template-columns:1fr;gap:1rem;min-height:600px;display:grid}@media (min-width:640px){.blog-module__JsT-Oq__articlesGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-module__JsT-Oq__articlesGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.blog-module__JsT-Oq__emptyCategory{text-align:center;color:var(--color-text-muted);font-size:var(--text-lg);grid-column:1/-1;padding:4rem 0}.blog-module__JsT-Oq__articleCard{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary);height:100%;transition:border-color var(--transition-normal) var(--transition-ease), transform var(--transition-normal) var(--transition-ease), box-shadow var(--transition-normal) var(--transition-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.blog-module__JsT-Oq__articleCard:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-normal) var(--transition-ease);pointer-events:none;background:linear-gradient(135deg,#ff3b300a 0%,#0000 60%);position:absolute;inset:0}.blog-module__JsT-Oq__articleCard:hover{border-color:var(--color-border-secondary);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.blog-module__JsT-Oq__articleCard:hover:before{opacity:1}.blog-module__JsT-Oq__articleLink{flex-direction:column;height:100%;display:flex}.blog-module__JsT-Oq__articleContent{flex-direction:column;gap:.75rem;height:100%;padding:1.25rem;display:flex}.blog-module__JsT-Oq__cardHeader{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.blog-module__JsT-Oq__articleCategory{border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-brand-light);letter-spacing:.02em;text-transform:uppercase;background-color:#ff3b3014;padding:.2rem .6rem;display:inline-block}.blog-module__JsT-Oq__articleDate{font-size:var(--text-xs);color:var(--color-text-hint)}.blog-module__JsT-Oq__articleTitle{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);transition:color var(--transition-fast) var(--transition-ease)}.blog-module__JsT-Oq__articleCard:hover .blog-module__JsT-Oq__articleTitle{color:var(--color-brand-light)}.blog-module__JsT-Oq__articleDescription{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;display:-webkit-box;overflow:hidden}.blog-module__JsT-Oq__articleMeta{border-top:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.blog-module__JsT-Oq__articleInfo{font-size:var(--text-xs);color:var(--color-text-hint);align-items:center;gap:.875rem;display:flex}.blog-module__JsT-Oq__readTimeContainer,.blog-module__JsT-Oq__viewsContainer{align-items:center;gap:.25rem;display:flex}.blog-module__JsT-Oq__metaIcon{opacity:.6;flex-shrink:0;width:.8rem;min-width:.8rem;height:.8rem;min-height:.8rem}.blog-module__JsT-Oq__readMore{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-hint);transition:color var(--transition-fast) var(--transition-ease);align-items:center;gap:.375rem;display:flex}.blog-module__JsT-Oq__articleCard:hover .blog-module__JsT-Oq__readMore{color:var(--color-brand)}.blog-module__JsT-Oq__readMoreIcon{width:.75rem;height:.75rem;transition:transform var(--transition-fast) var(--transition-ease)}.blog-module__JsT-Oq__articleCard:hover .blog-module__JsT-Oq__readMoreIcon{transform:translate(3px)}@media (max-width:639px){.blog-module__JsT-Oq__blogContainer{padding:1.5rem 1rem}.blog-module__JsT-Oq__blogTitle{font-size:var(--text-2xl)}.blog-module__JsT-Oq__blogDescription{font-size:var(--text-base)}.blog-module__JsT-Oq__toolbar{flex-direction:column;align-items:stretch}.blog-module__JsT-Oq__sortGroup{align-self:flex-start}.blog-module__JsT-Oq__articleContent{padding:1rem}}
