@layer components{.blog-content{color:var(--color-text-secondary);font-size:16px;line-height:1.7}.blog-content h2{color:var(--color-text-primary);scroll-margin-top:calc(var(--header-h) + 16px);margin:32px 0 12px;font-size:22px;font-weight:700;line-height:1.3}.blog-content h3{color:var(--color-text-primary);margin:24px 0 8px;font-size:18px;font-weight:700;line-height:1.3}.blog-content p,.blog-content ul,.blog-content ol{margin:12px 0}.blog-content ul,.blog-content ol{padding-left:24px}.blog-content ul{list-style:outside}.blog-content ol{list-style:decimal}.blog-content li{margin:4px 0}.blog-content a{color:var(--color-accent);text-decoration:underline}.blog-content a:hover{color:var(--color-accent-hover)}.blog-content code{background:var(--color-bg-surface);color:var(--color-accent);border-radius:var(--radius-xs);padding:2px 6px;font-size:.9em}.blog-content table{border-collapse:collapse;width:100%;margin:16px 0}.blog-content th,.blog-content td{border-bottom:1px solid var(--color-border-subtle);text-align:left;padding:8px 12px}.blog-content h2{scroll-margin-top:calc(var(--header-h) + 16px)}}