.blog-index__intro{margin-top:var(--space-2);color:var(--color-text-muted)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.blog-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);transition:border-color var(--transition),transform var(--transition)}.blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.blog-card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent);line-height:1.3}.blog-card__desc{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.blog-card__meta{margin-top:var(--space-4);display:flex;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.post{max-width:760px}.post__breadcrumb{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.post__breadcrumb a{transition:color var(--transition)}.post__breadcrumb a:hover{color:var(--color-accent)}.post__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-accent);line-height:1.2}.post__meta{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.post__hero{margin-top:var(--space-6);width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.post__body{margin-top:var(--space-6)}.post__body p{margin-bottom:var(--space-4)}.post__body h2{margin:var(--space-7) 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent);line-height:1.3;scroll-margin-top:80px}.post__body h3{margin:var(--space-6) 0 var(--space-3);color:var(--color-accent);font-size:var(--text-lg)}.post__body ul,.post__body ol{margin:0 0 var(--space-4);padding-left:var(--space-5)}.post__body li{margin-bottom:var(--space-2)}.post__body a:not(.btn){color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.post__body a:not(.btn):hover{color:var(--color-accent-strong)}.post__cta{margin-top:var(--space-6)}.post__notfound{margin-top:var(--space-4);color:var(--color-text-muted)}.post__notfound a{color:var(--color-accent);text-decoration:underline}.post__faq{margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.post__faq>h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent)}.faq__item{margin-top:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.faq__question{color:var(--color-accent);font-size:var(--text-lg);line-height:1.4}.faq__answer{margin-top:var(--space-3);color:var(--color-text-muted)}