.blog-page{flex:1;padding-top:96px}.container-narrow{max-width:720px}.blog-hero{text-align:center;padding:40px 0}.blog-hero h1{margin:16px 0;font-size:44px}.blog-hero .lead{text-align:center;max-width:60ch;margin:0 auto}.blog-list-section{padding-bottom:72px}.blog-list{gap:16px;max-width:760px;margin:0 auto;display:grid}.blog-empty{text-align:center;color:var(--text-muted)}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 26px;transition:background .15s,border-color .15s,transform .15s;display:block;position:relative}.blog-card:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.blog-card h2{color:var(--text);margin:0 0 8px;font-size:22px}.blog-card-desc{color:var(--text-muted);margin:0 0 14px;font-size:15px;line-height:1.55}.blog-card-meta{color:var(--text-subtle);align-items:center;gap:8px;font-size:13px;display:flex}.blog-dot{color:var(--text-subtle)}.blog-draft-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border-strong);border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;top:16px;right:16px}.blog-post{padding:8px 0 72px}.blog-breadcrumb{color:var(--text-subtle);margin-bottom:20px;font-size:13px}.blog-breadcrumb a{color:var(--text-muted)}.blog-breadcrumb a:hover{color:var(--text)}.blog-post h1{letter-spacing:-.02em;margin:0 0 20px;font-size:40px;line-height:1.15}.blog-post-meta{color:var(--text-subtle);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:40px;padding-bottom:28px;font-size:14px;display:flex}.blog-draft-banner{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border-strong);border-radius:var(--radius);margin-bottom:20px;padding:6px 12px;font-size:12px;display:inline-block}.blog-post-body{color:var(--text-muted);font-size:17px;line-height:1.75}.blog-post-body>:first-child{margin-top:0}.blog-post-body h2{color:var(--text);letter-spacing:-.01em;margin:48px 0 16px;font-size:27px}.blog-post-body h3{color:var(--text);margin:36px 0 12px;font-size:21px}.blog-post-body p{margin:0 0 20px}.blog-post-body a:not(.btn){color:var(--accent);text-underline-offset:2px;text-decoration:underline}.blog-post-body a:not(.btn):hover{opacity:.85}.blog-post-body ul,.blog-post-body ol{margin:0 0 20px;padding-left:22px}.blog-post-body li{margin:0 0 8px}.blog-post-body strong{color:var(--text);font-weight:600}.blog-post-body blockquote{border-left:3px solid var(--border-strong);color:var(--text-subtle);margin:0 0 24px;padding:4px 0 4px 20px;font-style:italic}.blog-post-body hr{border:none;border-top:1px solid var(--border);margin:40px 0}.blog-post-body code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.9em}.blog-post-body pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 24px;padding:18px;overflow-x:auto}.blog-post-body pre code{background:0 0;border:none;padding:0}.blog-inline-stat{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text)}.blog-table-wrap{margin:0 0 28px;overflow-x:auto}.blog-table,.blog-post-body table{border-collapse:collapse;width:100%;font-size:15px}.blog-table th,.blog-table td,.blog-post-body th,.blog-post-body td{text-align:left;border-bottom:1px solid var(--border);padding:11px 14px}.blog-table thead th,.blog-post-body thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);font-size:12px;font-weight:600}.blog-table td a{color:var(--text);text-decoration:none}.blog-table td a:hover{color:var(--accent)}.blog-table-rank{color:var(--text-subtle);font-family:var(--font-mono);width:40px}.blog-table-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text)}.blog-callout{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);margin:0 0 24px;padding:16px 18px;font-size:15px;line-height:1.6}.blog-callout p:last-child{margin-bottom:0}.blog-callout-tip{border-color:var(--green)}.blog-callout-warn{border-color:var(--red)}.blog-cta{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:40px 0;padding:28px}.blog-cta h3{color:var(--text);margin:0 0 8px}.blog-cta p{color:var(--text-muted);margin:0 0 18px;font-size:15px}.blog-tags{flex-wrap:wrap;gap:8px;margin:44px 0 0;display:flex}.blog-tag{color:var(--text-subtle);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12px}.blog-back{border-top:1px solid var(--border);margin-top:40px;padding-top:28px}.blog-back a{color:var(--text-muted)}.blog-back a:hover{color:var(--text)}@media (max-width:640px){.blog-hero h1{font-size:34px}.blog-post h1{font-size:30px}.blog-post-body{font-size:16px}.blog-post-body h2{font-size:23px}}[data-palette=light] .blog-card,[data-palette=light] .blog-cta,[data-palette=light] .blog-callout,[data-palette=light] .blog-post-body pre{box-shadow:var(--card-shadow)}@media (hover:hover){[data-palette=light] .blog-card:hover{box-shadow:var(--card-shadow-hover)}}