.Blog{padding:var(--space-12) var(--space-6);max-width:var(--max-width-content);margin:0 auto}.Blog,.Blog-inner{width:100%}.Blog-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-4) 0;text-align:center}.Blog-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0 0 var(--space-12) 0;text-align:center}.Blog-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-12);justify-content:center}.Blog-filter{padding:var(--space-2) var(--space-4);background:var(--color-bg-soft);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);min-height:44px}.Blog-filter:hover{background:var(--color-bg);border-color:var(--color-primary-20)}.Blog-filter-active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.Blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-12)}.Blog-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition-all);display:flex;flex-direction:column}.Blog-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-20);transform:translateY(-4px)}.Blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted)}.Blog-card-category{background:var(--color-primary-10);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold)}.Blog-card-date{color:var(--color-text-muted)}.Blog-card-link{text-decoration:none;color:inherit;margin-bottom:var(--space-3)}.Blog-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.Blog-card-excerpt{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0;flex:1 1}.Blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.Blog-card-read-time{font-size:var(--font-size-sm);color:var(--color-text-muted)}.Blog-card-read-more{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-decoration:none}.Blog-card-read-more:hover{text-decoration:underline}.Blog-cta{text-align:center;padding:var(--space-8);background:var(--color-bg-soft);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.Blog-cta-text{font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 var(--space-4) 0}.Blog-post{max-width:800px;margin:0 auto}.Blog-post-header{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-muted)}.Blog-post-category{background:var(--color-primary-10);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold)}.Blog-post-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-8) 0;line-height:var(--line-height-tight)}.Blog-post-content{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text);margin-bottom:var(--space-12)}.Blog-post-paragraph{margin:0 0 var(--space-6) 0}.Blog-post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid var(--color-border);gap:var(--space-4);flex-wrap:wrap}.Blog-post-back{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-all)}.Blog-post-back:hover{text-decoration:underline}@media (max-width:768px){.Blog{padding:var(--space-8) var(--space-4)}.Blog-title{font-size:var(--font-size-2xl)}.Blog-grid{grid-template-columns:1fr;gap:var(--space-4)}.Blog-filters{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-2)}.Blog-post-title{font-size:var(--font-size-2xl)}.Blog-post-content{font-size:var(--font-size-base)}.Blog-post-footer{flex-direction:column;align-items:stretch}.Blog-post-footer .btn{width:100%;text-align:center}}