.blog-hero{padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--color-stroke)}.blog-hero h1{font-size:var(--text-2xl);font-weight:700;line-height:var(--lh-tight);margin:0 0 var(--space-3)}.blog-hero p{color:var(--color-muted);font-size:var(--text-lg);max-width:52ch;margin:0}.blog-grid-section{padding:clamp(2.5rem,5vw,4rem) 0 clamp(3rem,6vw,5rem)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--space-6)}.blog-card{background:var(--color-card);border:1px solid var(--color-stroke);border-radius:var(--radius-md);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-4);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.blog-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-soft)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.blog-card-date{font-size:var(--text-xs);color:var(--color-muted)}.blog-tag{font-size:var(--text-xs);font-weight:600;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-pill);padding:.15em .6em;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}.blog-card-title{font-size:var(--text-xl);font-weight:700;line-height:var(--lh-tight);margin:0;color:var(--color-text)}.blog-card-desc{font-size:var(--text-md);color:var(--color-muted);line-height:var(--lh-copy);margin:0;flex:1}.blog-card-cta{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);display:inline-flex;align-items:center;gap:var(--space-1)}.blog-card--featured{border-color:#27d8864d}.blog-post-hero{padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--color-stroke)}.blog-post-breadcrumb{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.blog-post-breadcrumb a{color:var(--color-muted);text-decoration:none}.blog-post-breadcrumb a:hover{color:var(--color-accent)}.blog-post-breadcrumb span{opacity:.4}.blog-post-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.blog-post-date,.blog-post-author{font-size:var(--text-sm);color:var(--color-muted)}.blog-post-author:before{content:"·";margin-right:var(--space-3);opacity:.4}.blog-post-title{font-size:var(--text-2xl);font-weight:700;line-height:var(--lh-tight);margin:0 0 var(--space-4);max-width:22ch}.blog-post-lead{font-size:var(--text-lg);color:var(--color-muted);line-height:var(--lh-copy);max-width:62ch;margin:0}.blog-post-body{padding:clamp(2.5rem,5vw,4rem) 0 clamp(3rem,6vw,5rem)}.blog-content-grid{display:grid;grid-template-columns:1fr min(680px,100%) 1fr}.blog-content-grid>*{grid-column:2}.blog-prose{font-size:var(--text-md);line-height:var(--lh-loose);color:var(--color-text)}.blog-prose h2{font-size:var(--text-xl);font-weight:700;line-height:var(--lh-tight);margin:2.5em 0 .75em;color:var(--color-text)}.blog-prose h3{font-size:var(--text-lg);font-weight:700;line-height:var(--lh-tight);margin:2em 0 .6em;color:var(--color-text)}.blog-prose h4{font-size:var(--text-md);font-weight:700;margin:1.5em 0 .5em}.blog-prose p{margin:0 0 1.25em}.blog-prose ul,.blog-prose ol{margin:0 0 1.25em;padding-left:1.5em}.blog-prose li{margin-bottom:.4em}.blog-prose li+li{margin-top:.4em}.blog-prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:#27d88659;text-underline-offset:3px}.blog-prose a:hover{color:var(--color-accent-strong);text-decoration-color:var(--color-accent)}.blog-prose strong{font-weight:700;color:var(--color-text)}.blog-prose blockquote{border-left:3px solid var(--color-accent);margin:1.5em 0;padding:.75em 1.25em;background:var(--color-card);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-muted);font-style:italic}.blog-prose blockquote p{margin:0}.blog-prose code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875em;background:var(--color-card);border:1px solid var(--color-stroke);border-radius:4px;padding:.15em .4em;color:var(--color-accent-strong)}.blog-prose pre{background:var(--color-card);border:1px solid var(--color-stroke);border-radius:var(--radius-sm);padding:var(--space-6);overflow-x:auto;margin:1.5em 0}.blog-prose pre code{background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--color-text)}.blog-prose hr{border:none;border-top:1px solid var(--color-stroke);margin:2.5em 0}.blog-post-tags{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:3rem;padding-top:var(--space-6);border-top:1px solid var(--color-stroke)}.blog-post-tags-label{font-size:var(--text-sm);color:var(--color-muted);margin-right:var(--space-1)}.blog-post-cta{background:var(--color-card);border:1px solid var(--color-stroke);border-radius:var(--radius-lg);padding:clamp(2rem,4vw,3rem);margin-top:clamp(2.5rem,5vw,4rem);text-align:center}.blog-post-cta h2{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-3)}.blog-post-cta p{color:var(--color-muted);margin:0 0 var(--space-6);max-width:48ch;margin-inline:auto;margin-bottom:var(--space-6)}.blog-post-cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.blog-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);text-decoration:none;margin-bottom:clamp(2rem,4vw,3rem)}.blog-back:hover{color:var(--color-accent)}.blog-empty{padding:clamp(3rem,8vw,6rem) 0;text-align:center;color:var(--color-muted)}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-post-title{max-width:none}.blog-content-grid{grid-template-columns:1fr}.blog-content-grid>*{grid-column:1}.blog-post-cta-actions{flex-direction:column}.blog-post-cta-actions .btn-primary,.blog-post-cta-actions .btn-secondary{width:100%;justify-content:center}}