.blog-wrap h1,.prose h1{font-size:var(--h1-sm);font-weight:var(--h-weight);line-height:var(--lh-h1-sm);color:var(--primary-color)}.blog-wrap{max-width:720px}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:14px;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.blog-meta time{white-space:nowrap}.prose{font-size:17px;line-height:1.75;color:var(--color-text-primary)}.prose>*+*{margin-top:var(--space-5)}.prose h2{font-size:var(--h2-sm);line-height:var(--lh-h2-sm);font-weight:var(--h-weight);letter-spacing:-.01em;margin-top:var(--space-12);margin-bottom:var(--space-4);color:var(--color-text-primary)}.prose h3{font-size:20px;line-height:1.35;font-weight:var(--h-weight);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p{color:var(--color-text-secondary)}.prose strong{color:var(--color-text-primary);font-weight:600}.prose a{color:var(--color-brand);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-brand-hover)}.prose ul,.prose ol{padding-left:var(--space-6);color:var(--color-text-secondary)}.prose li+li{margin-top:var(--space-2)}.prose li::marker{color:var(--color-text-tertiary)}.prose blockquote{border-left:3px solid var(--color-border);padding-left:var(--space-5);color:var(--color-text-tertiary);font-style:italic}.prose hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-12) 0}.prose code{font-size:.9em;background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);padding:2px 5px}.prose img{max-width:100%;height:auto;border-radius:var(--border-radius-lg)}.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}.prose th,.prose td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.prose th{background:var(--color-bg-secondary);font-weight:600}.blog-faq{margin-top:var(--space-16)}.blog-faq>h2{font-size:var(--h2-lg);line-height:var(--lh-h2-lg);font-weight:var(--h-weight);color:var(--primary-color);margin-bottom:var(--space-5)}.blog-faq details{border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.blog-faq summary{cursor:pointer;font-weight:600;color:var(--color-text-primary);list-style:none;display:flex;justify-content:space-between;gap:var(--space-4)}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:after{content:"+";color:var(--color-text-tertiary);font-weight:400;flex-shrink:0}.blog-faq details[open] summary:after{content:"−"}.blog-faq details p{margin-top:var(--space-3);color:var(--color-text-secondary);line-height:1.7}.blog-cta{margin-top:var(--space-16);padding:var(--space-8);background:var(--panel-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.blog-cta h2{font-size:var(--h2-sm);line-height:var(--lh-h2-sm);font-weight:var(--h-weight);color:var(--primary-color);margin:0 0 var(--space-3)}.blog-cta p{color:var(--color-text-secondary);margin:0 0 var(--space-5)}.blog-list{display:grid;gap:var(--space-6);margin-top:var(--space-10)}.blog-card{display:block;padding:var(--space-6);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);background:var(--card-bg);box-shadow:var(--shadow-md);text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease}.blog-card:hover{background:var(--card-bg-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-card h2{font-size:20px;font-weight:var(--h-weight);line-height:1.35;margin:0 0 var(--space-2);color:var(--color-text-primary)}.blog-card p{margin:0;color:var(--color-text-secondary);font-size:15px;line-height:1.6}.blog-empty{margin-top:var(--space-10);padding:var(--space-8);border:1px dashed var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text-tertiary);text-align:center}.blog-related{margin-top:var(--space-12)}.blog-related h2{font-size:var(--h2-sm);line-height:var(--lh-h2-sm);font-weight:var(--h-weight);color:var(--primary-color);margin-bottom:var(--space-4)}.blog-related ul{list-style:none;padding:0;margin:0}.blog-related li+li{margin-top:var(--space-2)}@media(max-width:640px){.prose{font-size:16px}}
