.blog-hub{padding:var(--space-3xl) 0}.blog-hub__intro{max-width:700px;margin:0 auto var(--space-2xl);text-align:center}.blog-hub__intro p{font-size:var(--font-size-lg);color:var(--color-text)}.blog-filter{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.blog-filter__btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:2px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-white);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);padding:.5rem 1.25rem}.blog-filter__btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.blog-filter__btn--active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.blog-filter__btn--active:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-primary)}.blog-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.blog-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-card--hidden{display:none}.blog-card__body{padding:var(--space-xl)}.blog-card__tag{background-color:var(--color-accent-light);color:var(--color-accent-hover);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding:.2rem .75rem;display:inline-block}.blog-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin-bottom:var(--space-sm)}.blog-card__title a{color:inherit;transition:color var(--transition-base);text-decoration:none}.blog-card__title a:hover{color:var(--color-accent)}.blog-card__text{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal);margin-bottom:var(--space-lg)}.blog-card__meta{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.blog-card__meta-item{background-color:var(--color-bg-light);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text);align-items:center;gap:4px;padding:.2rem .6rem;display:inline-flex}.blog-card__meta-item:before{content:"";border-radius:var(--radius-full);background-color:var(--color-accent);flex-shrink:0;width:6px;height:6px;display:inline-block}.blog-article{padding:var(--space-3xl) 0}.blog-article__grid{gap:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=1024px){.blog-article__grid{grid-template-columns:3fr 1fr}}.blog-article__content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.blog-article__content h2:first-child{margin-top:0}.blog-article__content p{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-normal);margin-bottom:var(--space-md)}.blog-article__content ul,.blog-article__content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.blog-article__content li{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-normal);margin-bottom:var(--space-sm)}.blog-callout{background-color:var(--color-accent-light);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-xl) 0}.blog-callout p{font-weight:var(--font-weight-medium);color:var(--color-text-dark);margin-bottom:0}.blog-article__sidebar{gap:var(--space-xl);flex-direction:column;display:flex}@media (width>=1024px){.blog-article__sidebar{align-self:start;position:sticky;top:100px}}.blog-sidebar-box{background-color:var(--color-bg-light);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border)}.blog-sidebar-box h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin-bottom:var(--space-md)}.blog-sidebar-box ul{padding:0;list-style:none}.blog-sidebar-box li{margin-bottom:var(--space-sm)}.blog-sidebar-box a{font-size:var(--font-size-sm);color:var(--color-text);transition:color var(--transition-base);text-decoration:none}.blog-sidebar-box a:hover{color:var(--color-accent)}.blog-sidebar-cta{background-color:var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.blog-sidebar-cta h3{color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.blog-sidebar-cta p{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.blog-article__meta{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.blog-article__meta-item{font-size:var(--font-size-sm);color:#fffc}.blog-back{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-lg);transition:color var(--transition-base);text-decoration:none;display:inline-flex}.blog-back:hover{color:var(--color-accent)}.blog-back:before{content:"←"}