.blogwrap{padding:0}.blog-crumb{font-size:var(--text-sm);color:var(--text-quaternary);flex-wrap:wrap;align-items:center;margin:0 0 clamp(20px,3vw,28px);display:flex}.blog-crumb a{color:var(--text-tertiary);font-weight:var(--weight-medium);text-decoration:none}.blog-crumb a:hover{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.blog-crumb span{margin:0 var(--spacing-md);color:var(--border-secondary)}.blog-hero{max-width:720px;margin-bottom:clamp(32px,5vw,48px)}.blog-hero h1{letter-spacing:var(--tracking-display);font-size:clamp(30px,4vw,44px);line-height:1.1;font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg);text-wrap:balance}.blog-hero p{font-size:var(--text-lg);line-height:var(--leading-text-lg);color:var(--text-tertiary);text-wrap:pretty;margin:0}.blog-grid{gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.blog-card{border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);background:var(--bg-primary);color:inherit;box-shadow:var(--shadow-xs);flex-direction:column;padding:clamp(20px,3vw,28px);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.blog-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card__cat{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-brand-secondary);margin-bottom:var(--spacing-lg)}.blog-card__title{font-size:var(--text-xl);line-height:var(--leading-text-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 var(--spacing-md)}.blog-card__desc{font-size:var(--text-md);line-height:var(--leading-text-md);color:var(--text-tertiary);margin:0 0 var(--spacing-xl);flex:1}.blog-card__meta{font-size:var(--text-sm);color:var(--text-quaternary)}.blog-empty{font-size:var(--text-md);line-height:var(--leading-text-md);color:var(--text-tertiary);margin:0}.blog-article{max-width:720px}.blog-article__cat{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-brand-secondary);margin-bottom:var(--spacing-lg);display:inline-block}.blog-article__title{letter-spacing:var(--tracking-display);font-size:clamp(28px,4vw,40px);line-height:1.12;font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xl);text-wrap:balance}.blog-article__meta{font-size:var(--text-sm);color:var(--text-quaternary);border-bottom:1px solid var(--border-secondary);padding-bottom:var(--spacing-2xl);flex-wrap:wrap;align-items:center;margin-bottom:clamp(24px,3vw,32px);display:flex}.blog-article__meta span{margin:0 var(--spacing-md);color:var(--border-secondary)}.prose,.blog-prose{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.75}.prose>*+*,.blog-prose>*+*{margin-top:1.05em}.prose h2,.blog-prose h2{font-size:var(--display-xs);letter-spacing:-.01em;line-height:1.25;font-weight:var(--weight-semibold);color:var(--text-primary);margin:2em 0 .1em}.prose h3,.blog-prose h3{font-size:var(--text-xl);line-height:var(--leading-text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:1.7em 0 .1em}.prose p,.blog-prose p{margin:0}.prose a,.blog-prose a{color:var(--text-brand-secondary);font-weight:var(--weight-medium);text-underline-offset:2px;text-decoration:underline}.prose a:hover,.blog-prose a:hover{color:var(--brand-600)}.prose ul,.prose ol,.blog-prose ul,.blog-prose ol{margin:0;padding-left:1.5em}.prose li,.blog-prose li{margin:.4em 0}.prose li::marker{color:var(--text-quaternary)}.blog-prose li::marker{color:var(--text-quaternary)}.prose strong,.blog-prose strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.prose blockquote,.blog-prose blockquote{border-left:3px solid var(--brand-200);padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xl);color:var(--text-tertiary);margin:0;font-style:italic}.prose code,.blog-prose code{font-family:var(--font-family-mono);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:1px 6px;font-size:.87em}.prose pre,.blog-prose pre{background:var(--gray-900);color:var(--gray-100);border-radius:var(--radius-xl);padding:var(--spacing-xl);font-size:var(--text-sm);line-height:var(--leading-text-lg);overflow-x:auto}.prose pre code,.blog-prose pre code{font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.prose table,.blog-prose table{border-collapse:collapse;width:100%;font-size:var(--text-md);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);margin:1.2em 0;overflow:hidden}.prose th,.prose td,.blog-prose th,.blog-prose td{border:1px solid var(--border-secondary);padding:var(--spacing-lg) var(--spacing-xl);text-align:left;vertical-align:top}.prose th,.blog-prose th{background:var(--bg-secondary);font-weight:var(--weight-semibold);color:var(--text-primary);font-size:var(--text-sm)}.prose hr,.blog-prose hr{border:none;border-top:1px solid var(--border-secondary);margin:2.2em 0}.blog-cta{border:1px solid var(--brand-200);background:var(--brand-25);border-radius:var(--radius-2xl);margin:2em 0;padding:clamp(20px,3vw,28px)}.blog-cta h4{font-size:var(--text-xl);line-height:var(--leading-text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md)}.blog-cta p{font-size:var(--text-md);line-height:var(--leading-text-md);color:var(--text-tertiary);margin:0 0 var(--spacing-xl)}.blog-cta .btn--primary{justify-content:center;align-items:center;gap:var(--spacing-md);height:44px;padding:0 var(--spacing-2xl);border-radius:var(--radius-md);background:var(--bg-brand-solid);color:var(--color-white);font-size:var(--text-md);font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs);text-decoration:none;transition:background .15s;display:inline-flex}.blog-cta .btn--primary:hover{background:var(--brand-700)}.blog-callout{border:1px solid var(--warning-200);border-left:3px solid var(--warning-400);background:var(--warning-50);border-radius:var(--radius-lg);padding:var(--spacing-xl);font-size:var(--text-md);line-height:var(--leading-text-md);color:var(--warning-900);margin:1.6em 0}.blog-callout strong{margin-bottom:var(--spacing-xs);font-weight:var(--weight-semibold);color:var(--warning-900);display:block}.blog-callout a{color:var(--warning-900);text-underline-offset:2px;text-decoration:underline}.blog-related{border-top:1px solid var(--border-secondary);margin-top:clamp(40px,6vw,56px);padding-top:clamp(24px,4vw,32px)}.blog-related h2{font-size:var(--text-xl);line-height:var(--leading-text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xl)}.blog-related ul{gap:var(--spacing-lg);margin:0;padding:0;list-style:none;display:grid}.blog-related a{color:var(--text-brand-secondary);font-weight:var(--weight-medium);font-size:var(--text-md);text-decoration:none}.blog-related a:hover{color:var(--brand-600);text-underline-offset:2px;text-decoration:underline}
