.blog-page{max-width:880px;margin:0 auto;padding:40px 20px 80px}.blog-eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin:0 0 6px;font-size:11px}.blog-title{color:var(--text);margin:0 0 10px;font-size:clamp(28px,5vw,40px)}.blog-lede{max-width:60ch;color:var(--text-dim);margin:0 0 34px;line-height:1.6}.blog-empty{font-family:var(--mono);color:var(--text-dim);padding:48px 0;font-size:14px}.blog-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.blog-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:minmax(0,1fr);transition:border-color .15s;display:grid;overflow:hidden}.blog-card:hover{border-color:var(--line-strong)}.blog-card-link{color:inherit;padding:20px 22px;text-decoration:none;display:block}.blog-card-media{margin:-20px -22px 16px}.blog-card-media img{object-fit:cover;width:100%;max-height:260px;display:block}.blog-card-meta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);flex-wrap:wrap;gap:10px;margin:0 0 8px;font-size:11px;display:flex}.blog-card-meta .blog-cat{color:var(--accent)}.blog-card-title{color:var(--text);margin:0 0 8px;font-size:20px}.blog-card-excerpt{color:var(--text-dim);margin:0;line-height:1.55}.blog-post-head{margin-bottom:26px}.blog-post-date{color:var(--text-faint)}.blog-post-hero{margin:0 0 28px}.blog-post-hero img{border-radius:var(--radius);border:1px solid var(--line);width:100%;display:block}.blog-post-tags{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:18px;display:flex}.blog-tag{border:1px solid var(--line);font-family:var(--mono);color:var(--text-dim);border-radius:999px;padding:3px 10px;font-size:11px}.blog-content{color:var(--text);font-size:16px;line-height:1.7}.blog-content h2,.blog-content h3,.blog-content h4{color:var(--text);margin:1.6em 0 .5em;line-height:1.25}.blog-content p,.blog-content ul,.blog-content ol{margin:0 0 1em}.blog-content ul,.blog-content ol{padding-left:1.4em}.blog-content a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.blog-content img{border-radius:var(--radius-sm);max-width:100%;height:auto}.blog-content blockquote{border-left:2px solid var(--accent);color:var(--text-dim);margin:0 0 1em;padding:8px 16px}.blog-content pre{border:1px solid var(--line);border-radius:var(--radius-sm);background:#060d1a80;padding:14px 16px;font-size:13.5px;overflow-x:auto}.blog-content table{border-collapse:collapse;width:100%;margin:0 0 1em}.blog-content th,.blog-content td{border:1px solid var(--line);text-align:left;padding:7px 10px}.blog-content .learn-article-meta{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 1.1em;display:flex}.blog-content .learn-chip{border:1px solid var(--line);background:var(--panel);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--altitude);border-radius:999px;padding:3px 10px;font-size:11px}.blog-content .learn-minutes{font-family:var(--mono);color:var(--text-faint);font-size:11.5px}.blog-content .article-lede{color:var(--text);font-size:18px;line-height:1.6}.blog-content .learn-figure{border:1px solid var(--line);border-radius:var(--radius);background:#060d1a66;margin:1.6em 0;padding:14px}.blog-content .learn-figure-art svg{width:100%;height:auto;display:block}.blog-content .learn-figure figcaption{color:var(--text-dim);margin-top:10px;font-size:13.5px;line-height:1.5}.blog-content .callout{border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel);margin:1.6em 0;padding:12px 16px}.blog-content .callout .callout-title{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:11px}.blog-content .callout .callout-body>:last-child{margin-bottom:0}.blog-content .go-deeper{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:1.8em 0 0}.blog-content .go-deeper>summary{cursor:pointer;color:var(--altitude);flex-wrap:wrap;align-items:center;gap:8px;padding:11px 14px;font-weight:600;display:flex}.blog-content .go-deeper>summary::-webkit-details-marker{display:none}.blog-content .go-deeper-mark{color:var(--accent)}.blog-content .go-deeper-tag{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin-left:auto;font-size:10.5px}.blog-content .go-deeper-body{border-top:1px solid var(--line);color:var(--text-dim);padding:12px 14px}.blog-content .go-deeper-body>:last-child{margin-bottom:0}.blog-card-meta .blog-by{color:var(--text-faint)}.blog-byline{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:10px 0 0;font-size:12px}.blog-byline a,.blog-card-meta a.blog-cat{color:var(--accent);text-decoration:none}.blog-byline a:hover,.blog-card-meta a.blog-cat:hover,a.blog-tag:hover{text-decoration:underline}a.blog-tag{color:inherit;text-decoration:none}.blog-author-head{align-items:flex-start;gap:20px;display:flex}.blog-author-avatar{object-fit:cover;border:2px solid var(--accent);border-radius:50%;flex:none;width:88px;height:88px}.blog-author-links{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;gap:14px;margin:8px 0 0;font-size:12px;display:flex}.blog-author-links a{color:var(--altitude,#8fd3ff);text-decoration:none}.blog-archive-count{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:18px 0 8px;font-size:11px}.blog-back{font-family:var(--mono);color:var(--altitude,#8fd3ff);border:1px solid var(--line-strong);border-radius:var(--radius-sm);margin-bottom:28px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .15s;display:inline-block}.blog-back:hover{background:var(--navy-600)}.blog-card-media--svg{background:#060d1a80;place-items:center;padding:18px 24px;display:grid}.blog-card-media--svg svg{width:100%;max-width:420px;height:auto}
