.blog-index{max-width:1000px;margin:0 auto;padding:96px 24px 120px}.blog-index-title{font-family:var(--font-display);letter-spacing:-.022em;margin:12px 0 40px;font-size:clamp(32px,5vw,52px);font-weight:500;line-height:1.05}.blog-list{gap:18px;display:grid}.blog-card{border:1px solid var(--line-hairline,#0b0e141a);color:inherit;background:var(--surface-card,#fff);border-radius:12px;padding:28px;text-decoration:none;transition:border-color .2s;display:block}.blog-card:hover{border-color:var(--ink-900,#0b0e14)}.blog-card .meta{font-family:var(--font-mono,"IBM Plex Mono", monospace);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#5b6473);font-size:12px}.blog-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin:10px 0 8px;font-size:24px;font-weight:500}.blog-card p{color:var(--text-body,#3a4150);margin:0}.blog-article{max-width:720px;margin:0 auto;padding:80px 24px 120px}.blog-article>h1{font-family:var(--font-display);letter-spacing:-.022em;margin:14px 0 16px;font-size:clamp(32px,5vw,52px);font-weight:500;line-height:1.1}.blog-meta{font-family:var(--font-mono,"IBM Plex Mono", monospace);color:var(--text-muted,#5b6473);margin:0 0 40px;font-size:13px}.blog-body{color:var(--text-body,#3a4150);font-size:18px;line-height:1.7}.blog-body p{margin:0 0 1.2em}.blog-body h2{font-family:var(--font-display);letter-spacing:-.02em;margin:1.8em 0 .6em;font-size:28px;font-weight:500}.blog-body h3{margin:1.5em 0 .5em;font-size:21px;font-weight:600}.blog-body ul,.blog-body ol{margin:0 0 1.2em 1.2em}.blog-body li{margin:.4em 0}.blog-body a{color:var(--cobalt-600,#1f46dc);text-underline-offset:2px;text-decoration:underline}.blog-body blockquote{border-left:3px solid var(--cobalt-600,#1f46dc);color:var(--text-strong,#0b0e14);margin:1.4em 0;padding:.2em 0 .2em 1.2em;font-style:italic}.blog-body pre{background:var(--ink-900,#0b0e14);color:#f5f5f5;font-family:var(--font-mono,"IBM Plex Mono", monospace);border-radius:8px;margin:1.4em 0;padding:18px;font-size:14px;overflow:auto}.blog-body code{font-family:var(--font-mono,"IBM Plex Mono", monospace);font-size:.92em}.blog-body img{border-radius:8px;max-width:100%}.blog-body table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:16px}.blog-body th,.blog-body td{border:1px solid var(--line-hairline,#0b0e141a);text-align:left;padding:10px 12px}.blog-callout{background:var(--surface-sunken,#1f46dc0f);border:1px solid var(--line-hairline,#0b0e141a);border-radius:8px;margin:1.4em 0;padding:18px 20px}